Barrierefreiheit

Barrierefreiheit lässt sich nicht am Ende prüfen und nachtragen. Sie entsteht bei jeder Entscheidung, welches Element für welchen Zweck verwendet wird.

Vier Punkte decken den größten Teil der WCAG-Anforderungen ab. Kontrast: Fließtext braucht mindestens 4,5:1 gegen seinen Hintergrund, große Schrift 3:1. Fokus: wer mit der Tastatur navigiert, muss jederzeit sehen, wo er steht – den Fokusring zu entfernen ist der schnellste Weg, eine Seite unbenutzbar zu machen. Alternativtexte: beschreibend, wenn das Bild Information trägt, leer, wenn es reine Dekoration ist. Und die richtigen Elemente: ein Button ist ein button, kein div mit Klick-Handler.

Bei den interaktiven Komponenten von Bootstrap sind die nötigen ARIA-Attribute bereits vorgesehen – aria-expanded, aria-controls, aria-current. Sie müssen nur gesetzt und aktuell gehalten werden.

Der einfachste Test kostet nichts: die Maus weglegen und die Seite einmal komplett mit der Tabulatortaste durchgehen.