Button ohne zugänglichen Namen
Das interaktive Element ist im DOM vorhanden, aber ein Screenreader erhält keinen klaren Aktionsnamen.
button.product-card__favoriteWCAG-AA-Barrierefreiheitsprüfung für Websites
Finden Sie Barrieren wie unklare Schaltflächen, unbeschriftete Felder und unlesbaren Text. Die automatische Prüfung erklärt die gefundenen Probleme.
Prüfergebnis
Ein Bericht, der direkt zu Team-Aufgaben wird
Der Bericht kennzeichnet das betroffene Element im DOM, dem Elementbaum des Browsers, mit Selektor und HTML-Fragment. Finden Sie die Komponente, beheben Sie das Problem und testen Sie ihr Verhalten mit Tastatur und Screenreader erneut.
VerstößebestandenPrüfung erforderlichWCAG-Tags
accessibility-report3 Probleme · 42 Regeln bestanden
Formularfeld ist nicht mit seiner Beschriftung verbunden
Der Nutzer sieht die Beschriftung, aber die technische Beziehung zwischen Beschriftung und Eingabefeld fehlt.
#checkout-emailTextkontrast liegt unter WCAG AA
Der Button-Zustand ist visuell schwach und kann vor dem dunklen Hintergrund der Oberfläche verschwinden.
.promo-banner .btn-secondaryAuswirkung prüfen
Beginnen Sie mit kritischen und ernsten Problemen, um die sichtbarsten Zugangsbarrieren schnell zu beseitigen.
Selektor teilen
Senden Sie dem Entwickler das genaue Ziel, das HTML-Fragment und eine kurze Begründung für den Verstoß.
Release erneut prüfen
Führen Sie die Prüfung nach den Korrekturen erneut aus und sehen Sie, welche Verstöße aus dem Bericht verschwunden sind.
Was wir prüfen
Semantik, ARIA, Formulare und Kontrast in einer Barrierefreiheitsprüfung
Die automatische Barrierefreiheitsprüfung untersucht die gerenderte Oberfläche auf erkennbare Probleme. Die Befunde beziehen sich auf WCAG-Regeln. Ein bestandener Bericht zertifiziert keine vollständige WCAG-AA-Konformität.
Seitenstruktur
Wir prüfen Dokumenttitel, Seitensprache, Überschriftenhierarchie, Landmark-Bereiche, Listen und Alternativtexte für Bilder.
Details für Entwickler
- h1-h6 und Landmarks
- Alt-Text und versteckte SVGs
- lang, title und grundlegende Semantik
ARIA und zugängliche Namen
ARIA-Attribute beschreiben Rolle, Zustand und Beziehungen eines Steuerelements für Hilfstechnologien. Wir prüfen fehlerhafte Beziehungen und Steuerelemente ohne klare Namen. ARIA allein macht eine Interaktion nicht barrierefrei.
Details für Entwickler
- button-, link-, input-Name
- Probleme mit role/state/property
- combobox-, dialog- und menu-Muster
Formulare, Fehler und Kontrast
Wir prüfen Beschriftungen, required- und invalid-Zustände, Beziehungen zu Hilfetexten, Textkontrast und die Lesbarkeit wichtiger Elemente.
Details für Entwickler
- label und Hilfetext
- WCAG-AA-Kontrastverhältnis
- Fehler und Live-Meldungen
FAQ
Häufig gestellte Fragen zu Barrierefreiheitsprüfungen
Kurze Antworten zu WCAG, automatisierten Regeln, DOM-Knoten, ARIA, Formularen, Kontrast und Reihenfolge der Korrekturen.
Was erkennt die automatisierte Prüfung?
Sie findet Probleme, die aus gerendertem HTML und Styles erkannt werden können: fehlende Beschriftungen, ARIA-Fehler, ungültige Rollen, Kontrastprobleme, leere Links und Buttons, Alt-Text, Landmark-Struktur und einen Teil des WCAG-Regelsets.
Was bedeutet WCAG AA für eine Website?
WCAG AA ist ein praktisches Zielniveau für Barrierefreiheit für die meisten kommerziellen und öffentlichen Oberflächen. Berichtsregeln sind mit WCAG-Tags markiert, sodass Sie sehen können, auf welche Anforderung sich jeder Verstoß bezieht.
Ersetzt dies ein manuelles Audit?
Nein. Die Prüfung deckt technische Verstöße in DOM und CSS gut ab, aber komplexe Szenarien, die tatsächliche Tastatur-Navigationsreihenfolge und das Verhalten von Screenreadern sollten in einer separaten manuellen Phase bestätigt werden.
Kann ich mit einer Seite beginnen?
Ja. Der erste Durchlauf prüft üblicherweise die Startseite, das Lead-Formular, die Produktkarte, den Checkout oder den Konto-Bereich. Bei templatisierten Websites ist es sinnvoll, eine Seite jedes Typs zu prüfen und wiederkehrende Verstöße zu vergleichen.
Was sollte zuerst behoben werden, wenn es viele Fehler gibt?
Beginnen Sie mit kritischen und ernsten Problemen: Elemente ohne zugängliche Namen, Felder ohne Beschriftungen, ARIA-Fehler, unzureichender Kontrast und interaktive Elemente, die im DOM falsch dargestellt werden. Moderate und kleinere Probleme können mit nahegelegenen Design- oder Layout-Änderungen gruppiert werden.
Verwandte Dienste
Was als Nächstes bei diesem Dienst geprüft werden sollte
HTML-Prüfung
Finden Sie HTML-Fehler und eine zu komplexe Seitenstruktur. Der Bericht nennt die betroffenen Elemente.
ÖffnenCSS-Audit
Finden Sie große Stylesheets, Duplikate und beim Laden ungenutzte Stile. Diese Stile können auf anderen Seiten oder nach Benutzeraktionen erforderlich sein.
ÖffnenSEO-Prüfung
Prüfen Sie bis zu 5 Seiten auf SEO, Metadaten und verfügbare Inhalte vor und nach JavaScript.
ÖffnenLadegeschwindigkeit
Prüfen Sie das Laden mit den gewählten Geräte- und Netzwerkeinstellungen. Erhalten Sie Geschwindigkeitsmessungen, Ergebnisse und Empfehlungen.
Öffnen