Wissen › Barrierefreiheit
Bedienung mit der Tastatur
Was wir prüfen
Wir drücken auf der Startseite in der Desktop-Ansicht bis zu 40-mal die Tab-Taste, so wie es Menschen tun, die keine Maus benutzen. Bei jedem Schritt prüfen wir, ob das angesprungene Element sichtbar ist und ob es sich optisch verändert, etwa durch einen Rahmen. Ausserdem achten wir darauf, ob die Tab-Taste irgendwo im Kreis springt und ob es am Seitenanfang einen Link «Zum Inhalt springen» gibt.
Ein Dialog wie der Cookie-Hinweis darf den Fokus festhalten, bis er geschlossen ist. Wir bewerten dann die Schritte bis dahin. Die automatische Prüfung ersetzt keinen Test mit echten Nutzerinnen und Nutzern.
Warum das wichtig ist
Menschen mit motorischen Einschränkungen, Sehbehinderung oder einfach einer kaputten Maus bedienen Websites mit der Tastatur. Ohne sichtbaren Fokus wissen sie nicht, wo sie sich befinden. Landet der Fokus auf unsichtbaren Elementen, scheinen Tastendrücke ins Leere zu gehen. Die Bedienung mit der Tastatur ist eine Grundanforderung der WCAG-Richtlinien für Barrierefreiheit.
So beheben Sie es
Entfernen Sie den Fokusrahmen nicht per CSS (outline: none), oder ersetzen Sie ihn durch eine deutliche eigene Markierung mit :focus-visible. Geschlossene Menüs und ausgeblendete Slideshow-Folien sollten nicht fokussierbar sein (hidden oder inert). Ein versteckter Link «Zum Inhalt springen» am Seitenanfang, der beim Fokussieren erscheint, erspart den Weg durch die Navigation.