Zum Inhalt springen
TextArray1.41.0
100% lokal

HTML-Barrierefreiheitsprüfer

Scannen Sie ein HTML-Fragment auf Probleme, die Bildschirmleser und Tastaturbenutzer behindern.

Eingabe
Ausgabe
Verwandte Tools
HTML-FormatiererEntwickler-Tools
KontrastprüfungEntwickler-Tools
Meta-Tag-PrüferEntwickler-Tools
i18n SchlüsseldiffEntwickler-Tools
TOML-zu-JSON-KonverterEntwickler-Tools
SQL zu JSONEntwickler-Tools
HTML-Barrierefreiheitsprüfer
Fügen Sie ein HTML-Fragment ein und dieses Tool scannt es auf die Probleme, die Bildschirmleser, Tastaturbenutzer und andere Hilfstechnologien am häufigsten blockieren. Jeder Fund wird mit einer Zeilennummer und einer verständlichen Erklärung gemeldet, damit Sie ihn beheben können, ohne ein separates WCAG-Dokument zu durchsuchen. Es zielt auf das Fragment ab, das Sie tatsächlich zur Hand haben – eine Komponente, eine E-Mail-Vorlage, einen CMS-Block – nicht auf eine vollständig durchsuchte Seite.
Die Prüfungen sind Optionen, die Sie einzeln aktivieren und deaktivieren können: Bilder ohne Alt-Text (und leerer Alt-Text auf Bildern, die der einzige Inhalt eines Links oder einer Schaltfläche sind), Überschriftenebenen, die eine Ebene überspringen oder nicht bei h1 beginnen, Schaltflächen und Links ohne sichtbaren Text oder aria-label, Formularfelder ohne zugeordnete Beschriftung, generischer Linktext wie "Hier klicken", Tabellen ohne Kopfzellen, Dokumente ohne lang-Attribut und doppelte id-Attribute. Ein Schweregradfilter reduziert die Liste auf Warnungen und Fehler oder nur auf Fehler, wenn die kleineren Probleme triagiert sind.
Die Prüfung liest nur die roh Auszeichnung – Tags und Attribute, nicht berechnete Stile oder gerenderte Layouts – daher werden keine Kontrastprobleme oder Fokussierreihenfolgen erkannt, die nur nach Anwendung von CSS sichtbar werden (kombinieren Sie dies mit der Kontrastprüfung dafür). Das Parsen erfolgt nach bestem Aufwand: Es toleriert fehlerhaftes oder unvollständiges HTML, anstatt sich zu weigern, da ein eingefügtes Fragment selten ein schließendes Tag für alles hat.
Alles erfolgt lokal in Ihrem Browser. Das Fragment, das Sie einfügen – das von einer unveröffentlichten Seite, einem internen Tool oder einem Kundenprojekt stammen könnte – wird nie hochgeladen oder an einen Server gesendet. Kopieren Sie den Bericht, laden Sie ihn als .txt-Datei herunter oder senden Sie das Fragment nach Änderungen wieder in die Eingabe, um es erneut zu scannen.
Häufige Fragen
Ersetzt dies ein vollständiges Barrierefreiheitsaudit?
Nein. Es findet häufige, mechanisch erkennbare Probleme in der eingefügten Auszeichnung – fehlender Alt-Text, Überschriftenreihenfolge, nicht gekennzeichnete Felder und ähnliches – aber ein vollständiges Audit umfasst auch Kontrastprüfung, Tastaturerfassungsreihenfolge, Tests mit Bildschirmlesegeräten und gerenderte Layouts, die eine Live-Seite erfordern.
Warum wird ein Bild mit alt="" manchmal noch markiert?
Ein leerer Alt-Text ist korrekt für ein rein dekoratives Bild. Es wird nur markiert, wenn das Bild der einzige Inhalt eines Links oder einer Schaltfläche ist (das Steuerelement bleibt ohne zugänglichen Namen) oder wenn es ein nicht-leeres title-Attribut hat, das darauf hindeutet, dass es dennoch Informationen trägt.
Was zählt als "doppelte id"?
Alle id-Attributwerte, die im Fragment auf mehr als einem Element vorkommen. Doppelte ids unterbrechen Bezeichnungszuordnungen, aria-labelledby-Referenzen und In-Page-Links, da nur die erste Übereinstimmung verwendet wird.
Kann ich nur eine Kategorie von Problemen prüfen?
Ja. Jede Prüfung – Bilder, Überschriften, interaktive Elemente, Formulare, Linktext, Tabellen, Sprache und doppelte ids – hat einen eigenen Schalter, und ein Schweregradfilter reduziert die Ergebnisse weiter.
Wird mein HTML irgendwo hochgeladen?
Nein. Das Fragment wird vollständig in Ihrem Browser mit JavaScript analysiert und geprüft; es wird niemals an einen Server gesendet.