Farb- & Barrierefreiheits-Toolkit
Bilder & Design Nur lokal
Prüfer für Barrierefreiheit im Web & Reparaturleitfaden
Lokales Axtkern-AuditAudit lokaler HTML mit axe-core, inspiziere WCAG‑Ergebnisse, vergleiche Baselines und plane praktische Reparaturen.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Nobuf accessibility review sample</title>
<style>body{font-family:sans-serif;padding:2rem;color:#999;background:#fff}.card{padding:1rem;border:1px solid #ddd}</style>
</head>
<body>
<h1>Account</h1>
<h3>Profile settings</h3>
<main class="card">
<img src="https://tracker.example/avatar.png">
<p><a href="#"></a></p>
<input type="email" placeholder="Email address">
<button aria-labeledby="missing">Save</button>
</main>
</body>
</html>Sanitisierte lokale Vorschau
Skripte und entfernte Lasten blockiertSo funktioniert es
- 01
Laden Sie HTML in eine sichere Vorschau
Einfügen oder offenes begrenztes HTML; Aktive und Remote-Ressourcen werden vor dem Rendern in einem Sandbox-Iframe mit demselben Ursprung entfernt.
- 02
Führen Sie eine Prüfung der Barrierefreiheit durch
Führen Sie ausgewählte Axe-Core-Tags WCAG aus, filtern Sie Verstöße und Bedarfsüberprüfungsergebnisse und überprüfen Sie genaue Ziele, Fehlerzusammenfassungen und Reparaturanleitungen.
- 03
Überprüfen Sie den Fortschritt und berichten Sie
Überprüfen Sie die Dokumentstruktur und manuelle Testaufforderungen, speichern Sie eine Baseline, vergleichen Sie Wiederholungen und exportieren Sie JSON- oder Markdown-Beweise.
Häufig gestellte Fragen
Ist dies ein Beweis für die WCAG-Konformität?
Nein. Automatisierte Tests erkennen nur einen Teil der Zugänglichkeitsbarrieren. Die Konformität erfordert außerdem eine Expertenprüfung, Tastaturtests, unterstützende Technologien und eine inhaltliche Beurteilung.
Crawlt es einen öffentlichen URL?
Nein. Eine statische Seite von Cloudflare Pages kann ursprungsübergreifende Einschränkungen nicht sicher umgehen. Dieses Tool prüft eingefügte oder lokale HTML in einer kontrollierten Vorschau.
Warum sind einige Ergebnisse mit dem Vermerk „Überprüfung erforderlich“ gekennzeichnet?
axe-core gibt unvollständige Prüfungen zurück, wenn menschliches Urteilsvermögen oder nicht verfügbarer Kontext erforderlich ist. Der Prüfer hält diese von bestätigten automatisierten Verstößen getrennt.
Welche Regeln gibt es?
Die Voreinstellungen umfassen Axe-Core-Tags WCAG 2.x/2.1/2.2 A und AA oder Best-Practice-Prüfungen. Die genaue Regelabdeckung folgt der gebündelten Axe-Core-Version.
Ähnliche Tools
Arbeiten Sie mit weiteren fokussierten Browser-Hilfsmitteln weiter.