Bitte benutzen sie nur noch die aktuellen Prüfschritte.
| Version | bis 10.07.2017 | Aktuell |
|---|---|
| BITV-Bedingung | 2.4.7 Sichtbarer Fokus |
| WCAG-Erfolgskriterium | 2.4.7 Fokus sichtbar |
| Bewertungsalternativen | ja / eher erfüllt / teilweise erfüllt / eher nicht erfüllt / nein / nicht anwendbar |
| Bezieht sich auf | einzelne Webseite |
| Prüfschritt erfüllt | Der Tastaturfokus ist deutlich zu sehen. |
| Prüfschritt nicht anwendbar | Es gibt keine interaktiven Elemente auf der Seite |
Der Tastaturfokus soll deutlich hervorgehoben werden, damit Tastaturnutzer sehen, wo sich ihr Fokus befindet, wenn sie interaktive Elemente aktivieren wollen.
Eine Hervorhebung des Mausfokus ist ebenfalls wünschenswert, wird aber nicht zwingend verlangt, denn der Mauszeiger zeigt ja die Fokus-Position bereits an.
Versteckte Sprunglinks sollen bei Fokuserhalt eingeblendet werden.
Für den Tastaturbenutzer ist es wichtig, zu sehen, wo sich der Tastaturfokus gerade befindet, welcher Link also ausgelöst wird, wenn er die Enter-Taste drückt.
Viele Webseiten erleichtern Mausbenutzern die Bedienung, indem sie darauf reagieren, dass der Mauszeiger sich über einem Link befindet. Dann ändert sich zum Beispiel die Text- oder Hintergrundfarbe oder der Linktext wird unterstrichen. Diese Unterstützung soll auch für Tastaturbenutzer funktionieren, Webseiten sollen sie gegenüber den zahlreicheren Mausnutzern nicht benachteiligen.
Die vom Browser vorgesehene Kennzeichnung des Tastaturfokus hebt sich von dunklen Seitenhintergründen meist nicht so gut ab, wie in der "normalen" Ansicht des Browsers oder des Benutzers. Das muss dann ausgeglichen werden, zum Beispiel durch farbige Hinterlegung des angesteuerten Links.
Der Prüfschritt ist anwendbar, wenn die Seite interaktive Elemente enthält.
blur() oder CSS outline:none) unterdrückt. Dann ist eventuell auch Prüfschritt 2.1.1a "Ohne Maus nutzbar" nicht erfüllt!
Die Fokussierung interaktiver Elemente ist visuell wahrnehmbar:
Der Standard-Browser-Tastaturfokus wird unterdrückt, bei Tastaturnutzung wird kein Fokus angezeigt.
Der Understanding-Text zur WCAG Anforderung 1.4.11 Non-Text Contrast führt im Abschnitt "Relationship with Use of Color and Focus Visible" aus:
In combination with 2.4.7 Focus Visible, the visual focus indicator for a component must have sufficient contrast against the adjacent background when the component is focused, except where the appearance of the component is determined by the user agent and not modified by the author. If the focus state relies on a change of color (e.g., changing only the background color of a button), then changing from one color to another that has at least a 3:1 contrast ratio with the previous state of the control is a method for meeting the Focus visible criteria.
Alle Browser zeigen dem Tastaturnutzer in irgendeiner Weise, wo der Fokus ist, wenn diese Anzeige nicht aktiv unterdrückt wird.
Dennoch ist die Anzeige des Fokus nicht allein Sache des Browsers. Die Webseite legt fest, wie sie im Browser aussehen soll. Sie ändert etwa die Farben fokussierter Links und Linkhintergründe oder setzt andere Gestaltungselemente ein. In dieser von der Webseite festgelegten Umgebung muss der Fokus für Tastaturnutzer gut sichtbar sein.