Prüfen Sie manuell, ob alle benutzerdefinierten Steuerelemente über die Tastatur fokussierbar sind und eine Fokusanzeige anzeigen. Die Reihenfolge, in der Elemente fokussiert werden, sollte der DOM-Reihenfolge entsprechen. Wenn Sie sich nicht sicher sind, auf welche Elemente der Fokus liegen soll, lesen Sie die Einführung in den Fokus.
Manuelles Testen
Wenn Sie testen möchten, ob das benutzerdefinierte Steuerelement fokussierbar ist und eine Fokusanzeige angezeigt wird, gehen Sie mit der Tabulatortaste durch Ihre Website.
Verwenden Sie TAB (oder SHIFT +
TAB), um zwischen Steuerelementen zu wechseln, und die Pfeiltasten sowie ENTER und SPACE, um deren Werte zu ändern (siehe auch Grundlagen des Tastaturzugriffs):
Können Sie auf alle interaktiven Steuerelemente auf der Seite zugreifen? Gibt es auf jedem interaktiven Steuerelement eine Fokusanzeige?
Lösung
Wenn Sie nicht in der Lage sind, mit der Tabulatortaste durch alle Elemente auf einer Seite zu wechseln, müssen Sie möglicherweise tabindex verwenden, um die Fokussierbarkeit dieser Steuerelemente zu verbessern.
Wenn Sie ein benutzerdefiniertes Steuerelement fokussierbar machen möchten, fügen Sie es mithilfe von tabindex="0" in die natürliche TAB-Reihenfolge ein (siehe auch Fokus mit Tabindex steuern).
Beispiel:
<div tabindex="0">Focus me with the TAB key</div>
Möglicherweise müssen Sie den benutzerdefinierten Steuerelementen auch die entsprechenden ARIA-Rollen hinzufügen. Weitere Informationen finden Sie unter Benutzerdefinierte Steuerelemente mit ARIA-Rollen.
Wenn Sie keinen Fokusindikator sehen, können Sie :focus verwenden, damit immer eine Fokusanzeige eingeblendet wird.
Die Fokusanzeige der Schaltfläche sieht immer gleich aus – unabhängig davon, ob Sie mit der Maus oder einer Tastatur zur Tabulatortaste wechseln (siehe Stilfokus).
Warum das wichtig ist
Für Nutzer, die keine Maus verwenden können oder möchten, ist die Tastaturnavigation das wichtigste Mittel, um alles auf einem Bildschirm zu erreichen. Gute Tastaturfunktionen hängen von einer logischen TAB-Reihenfolge und leicht erkennbaren Fokusstilen ab. Wenn Tastaturnutzer den Fokus nicht sehen, haben sie keine Möglichkeit, mit der Seite zu interagieren.
Weitere Informationen zur Überprüfung der Barrierefreiheit