Die ersten drei Aufgaben der Barrierefreiheit

In den meisten Projekten beginnt Barrierefreiheit als Prüfbericht mit hundert Punkten, und über die ersten zehn kommt niemand hinaus. Mit drei Aufgaben zu beginnen funktioniert besser, weil alle drei messbar sind und zusammen einen großen Teil der Betroffenen erreichen.

Kontrast: die eine Designentscheidung, die gemessen wird

Das WCAG-Kriterium 1.4.3 verlangt zwischen normalem Text und seinem Hintergrund ein Kontrastverhältnis von mindestens 4,5:1. Bei großem Text sinkt die Schwelle auf 3:1, und groß heißt hier mindestens 18 Punkt oder 14 Punkt fett. Beides sind Bedingungen der Stufe AA.

Das ist in Designgesprächen selten: eine Schwelle, die für Meinungen geschlossen ist. „Dieses Grau ist etwas hell“ ist eine Vorliebe; „dieses Grau liegt bei 3,1:1, die Schwelle ist 4,5“ ist eine Messung.

Die Stellen, die durchfallen, sind vorhersehbar: sekundäre Textfarben, Platzhaltertexte in Formularfeldern, weiße Schrift auf einer hellen Schaltfläche und Überschriften über einem Bild. Die letzte ist die anfälligste, weil sich das Verhältnis mit dem Bild ändert.

Fokus: der Cursor für Menschen an der Tastatur

Die zweite Aufgabe ist ein sichtbarer Fokusring. Der Browser zeichnet beim Navigieren mit der Tastatur einen Rahmen um das aktuelle Element, und auf sehr vielen Websites wird dieser Rahmen als optische Störung entfernt.

Für Menschen mit Maus ändert das Entfernen nichts. Für Menschen an der Tastatur bedeutet es, den Cursor auszuschalten: Sie drücken Tab, auf der Seite passiert etwas, und sie sehen nicht, wo sie sind.

Richtig ist nicht, den Ring zu entfernen, sondern einen zu schreiben, der zum Design passt. Ein Rahmen in der Palette der Website, kräftig genug und klar vom Hintergrund abgesetzt, erfüllt beide Seiten.

Tastatur: von vorn bis hinten ohne Maus

Die dritte Aufgabe ist ein Test und dauert zehn Minuten. Maus weglegen und die Website nur mit Tab, Pfeiltasten und Eingabetaste durchlaufen.

Vier Dinge sind zu prüfen. Erreichen Sie jedes interaktive Element der Reihe nach? Folgt die Reihenfolge dem sichtbaren Aufbau? Können Sie in einem geöffneten Menü oder Dialog bleiben und ihn schließen? Und gibt es am Seitenanfang einen Link, der die wiederholte Navigation überspringt und zum Inhalt führt?

Am häufigsten scheitern hier selbst gebaute Komponenten. Eine normale Schaltfläche funktioniert mit der Tastatur bereits; ein klickbar gemachtes Element nicht. Meist reicht das richtige Element; zusätzlicher Code hilft hier selten.

Wie viel automatische Werkzeuge sehen

Alle drei Aufgaben lassen sich teilweise automatisch prüfen, und dieses „teilweise“ ist wichtig.

Eine Browsererweiterung berechnet Kontrastverhältnisse, findet fehlende Textalternativen und zeigt, wo der Fokusring entfernt wurde. Was sie nicht findet, betrifft die Bedeutung: ein Bild mit Alternativtext, der das Bild nicht beschreibt, eine technisch funktionierende Tabreihenfolge, die im Zickzack über die Seite läuft, eine Fehlermeldung, die sichtbar erscheint und nie angesagt wird.

Das Werkzeug liefert also eine Startliste, keine Freigabe.

Warum mit diesen dreien beginnen

Diese drei Aufgaben funktionieren, weil man sie abschließen kann. Kontrast ist ein Nachmittag, der Fokusring sind ein paar Zeilen, der Tastaturdurchlauf zehn Minuten, und das meiste, was er findet, hat eine bekannte Lösung.

Ein Bericht mit hundert Punkten ist ein Projekt. Das Team muss daraus eine eigene Aufgabe machen, und die reiht sich ein. Ein Team, das mit dreien beginnt, ist im zweiten Monat bei der vierten, weil die ersten drei erledigt sind.