Barrierefreiheit
Barrierefrei, Schritt für Schritt.
Dasselbe Bestellformular eines erfundenen Teeladens zweimal: einmal mit Fehlern, wie sie in vielen Shops stecken, einmal korrigiert. Ein Prüfer untersucht die gezeigte Fassung direkt im Browser und nennt zu jedem Befund das WCAG-Kriterium.
Formular und Prüfer
Beide Fassungen zeigen den Stand nach einem Absendeversuch mit falsch geschriebener E-Mail-Adresse. Tipp: Klicken Sie ins Formular und drücken Sie die Tab-Taste.
Selbst ausprobieren
Probieren Sie es selbst: Tab-Taste drücken
Setzen Sie den Fokus auf „Hier starten“ und drücken Sie mehrmals die Tab-Taste. Beide Reihen enthalten dieselben drei Knöpfe. Links fehlt der Fokusrahmen, wie in vielen Shops. Rechts sehen Sie sofort, wo Sie gerade sind.
Vorher Fokusrahmen entfernt
Nachher Fokusrahmen sichtbar
Was der Prüfer kann
Vierzehn Kriterien, automatisch.
Der Prüfer liest das Formular so, wie der Browser es aufgebaut hat: berechnete Farben, Beschriftungen, Rollen, Fokuszustände und Größen. Er rechnet Kontraste nach der WCAG-Formel, prüft Überschriften, Klickflächen und ob Fehlermeldungen mit ihrem Feld verbunden sind.
Was er nicht kann: beurteilen, ob ein Alternativtext passt, ob Texte verständlich sind oder ob ein ganzer Bestellablauf mit Tastatur und Screenreader zu Ende geht. Das prüfen wir im Audit von Hand, mit NVDA und VoiceOver, und schreiben auf, was in welcher Reihenfolge zu tun ist.