Barrierefreiheit: Was HTML dazu beiträgt

Werkzeuge in Barrierefreiheit – kostenlos finden, vergleichen, beauftragen.

Barrierefreiheit: Was HTML dazu beiträgt

Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz auch für viele private Anbieter – unter anderem für Onlinehandel, Bankdienstleistungen und Buchungsdienste. Damit ist aus einer guten Absicht eine Anforderung geworden.

Die gute Nachricht: Ein erheblicher Teil davon ist HTML-Arbeit, und die kostet vor allem Aufmerksamkeit, kein Budget.

Was im Dokument entschieden wird

AnforderungIm HTML
Struktur erkennbarÜberschriftenebenen ohne Sprünge, Bereiche ausgezeichnet
Bedienbar ohne MausEchte Schaltflächen und Verweise statt angeklickter Kästen
Inhalte beschriebenAlternativtexte, die etwas aussagen
Formulare verständlichBeschriftung mit dem Feld verbunden, Fehler benannt
Sprache angegebenSprachangabe im Dokument, fremdsprachige Abschnitte ausgezeichnet

Die Grenze automatischer Prüfung

Prüfwerkzeuge finden je nach Untersuchung nur einen Teil der tatsächlichen Barrieren. Sie erkennen ein fehlendes Alternativattribut – ob der Text darin etwas Sinnvolles sagt, können sie nicht beurteilen. „Bild1.jpg" erfüllt die Prüfung und hilft niemandem.

Zwei Prüfungen, die kein Werkzeug ersetzt:

  • Mit der Tastatur bedienen. Nur Tabulator, Eingabe und Leertaste. Kommt man überall hin? Sieht man, wo man ist?
  • Zuhören. Einen Bildschirmleser starten, den Bildschirm ausschalten, eine Aufgabe erledigen. Die Erfahrung ist unangenehm und verändert die Art, wie man danach Überschriften setzt.

Für den deutschsprachigen Raum

Das Prüfverfahren des BIK BITV-Tests übersetzt die internationalen Richtlinien in nachvollziehbare Schritte mit abgestufter Bewertung. Die Schritte sind öffentlich dokumentiert und lassen sich als Prüfliste verwenden, ohne einen Auftrag zu vergeben. Eine bescheinigte Prüfung ist etwas anderes – Selbstbewertung ist kein Nachweis.

Werkzeuge in Barrierefreiheit

🧪

axe DevTools

Deque Systems · Seit 2015

Die Prüfbibliothek, auf der viele andere Werkzeuge aufbauen. Wer mehrere Prüfer nacheinander laufen lässt, merkt schnell, dass sich die Ergebnisse stark überschneiden – hier ist der Ursprung. Der praktische Unterschied zu WAVE liegt in der Darstell…

Befunde mit WCAG-Bezugkaum Fehlalarmeauch als Bibliothek für automatisierte Läufe
📋

BIK BITV-Test

BIK – barrierefrei informieren und kommunizieren · Seit 2004

Das deutsche Prüfverfahren für Barrierefreiheit. Es übersetzt die internationalen Richtlinien in nachvollziehbare Prüfschritte mit definierter Bewertung – nicht „erfüllt oder nicht", sondern eine abgestufte Einordnung mit Begründung. Für die Praxis…

Deutsches Prüfverfahrenöffentlich dokumentierte Prüfschritteabgestufte Bewertung
🎨

Colour Contrast Analyser

TPGi · Seit 2007

Kontrastprüfungen im Browser arbeiten mit den Farbwerten aus dem Stylesheet. Das genügt nicht, sobald Text auf einem Bild steht, ein Verlauf im Spiel ist oder ein halbtransparenter Kasten darüberliegt – dann ist die tatsächliche Farbe eine andere al…

Pipette für jede BildschirmstelleBewertung nach Textgrößeauch für Bedienelemente
🧭

Accessibility Insights

Microsoft · Seit 2018

Der interessante Teil ist nicht die automatische Prüfung, sondern der geführte Durchgang. Er stellt genau die Fragen, die kein Werkzeug beantworten kann: Ergibt die Vorlesereihenfolge einen Sinn? Ist erkennbar, wo der Tastaturfokus steht? Sagt der A…

Geführter Durchgang für manuelle PrüfungHervorhebung von Fokus und ÜberschriftenBericht
🔁

Pa11y

Pa11y-Projekt · Seit 2013

Was axe im Browser für eine Seite tut, tut dieses Werkzeug für alle – von der Kommandozeile aus, mit einer Adressliste. Für einen Bestand von neunzig Seiten ist das der Unterschied zwischen „einmal geprüft" und „bei jeder Veröffentlichung geprüft".…

Prüfung vieler AdressenEinbindung in den BauprozessSchwellenwerte
🔬

ARC Toolkit

TPGi · Seit 2018

Für den zweiten Blick. Wenn WAVE und axe nichts mehr finden, die Bedienung mit Hilfsmitteln aber trotzdem hakt, liegt es meist an Beziehungen zwischen Elementen. Typische Fälle: eine Beschriftung, die auf eine Kennung zeigt, die es nicht gibt; eine…

Rollenzugängliche Namen und Beziehungen im DetailFilter nach Prüfkategorie

Werkzeuge – weitere Extras