Prüfschritt 1.4.13 Eingeblendeter Inhalt bei Darüberschweben (Hover) oder Fokus

Was wird geprüft?

Zusätzliche Inhalte, die angezeigt werden, wenn Elemente den Zeiger- oder Tastaturfokus erhalten, z.B. benutzerdefinierte Tooltips oder Ausklapp-Menüs, sollten drei Anforderungen erfüllen:

  • Wenn zusätzliche Inhalte durch Darüberfahren mit dem Zeiger erscheinen, können Benutzer den Zeiger über diesen Inhalt bewegen, ohne dass er verschwindet.

  • Es gibt die Möglichkeit, einen eingeblendeten Inhalt zu schließen, ohne den Fokus zu verschieben (z.B. durch Drücken der Escape-Taste oder durch Aktivieren des Elements, dessen Fokussierung den Inhalt einblendet).

  • Der Inhalt schließt nicht selbsttätig nach einer gewissen Zeitspanne.

Hinweis:

Die Anforderung gilt nicht für eingeblendete Inhalte, deren Verhalten durch das Betriebssystem bestimmt wird.

Die meisten mobilen Apps blenden beim Darüberfahren mit dem Zeiger (Hover) oder bei Tastaturfokussierung keine zusätzlichen Inhalte ein, da sie meist für die Touchbedienung als dominante Nutzungsweise entwickelt werden - und hier gibt es kein Hover. Dennoch sind eingeblendete Inhalte bei Nutzung mit gekoppelter Maus oder Tastatur möglich.

Warum wird das geprüft?

Für sehbehinderte Nutzende, die mit starker Zoomvergrößerung arbeiten, sind zusätzliche Inhalte, die bei Zeiger- oder Tastatur-Fokussierung eingeblendet werden, aus mehreren Gründen problematisch:

  • Inhalte sind wegen des starken Zoomfaktors oft nur teilweise sichtbar. Nutzende müssen in der Lage sein, den Zeiger von dem auslösenden Element über den eingeblendeten Inhalt zu bewegen (was ggf. den sichtbaren Ausschnitt verschiebt), ohne dass der eingeblendete Inhalt schließt.

  • Eingeblendete Inhalte verdecken häufig andere Inhalte. Nutzende müssen in der Lage sein, den eingeblendeten Inhalt wieder zu schließen, ohne den Fokus zu bewegen (was passieren würde, wenn etwa nach einem Schließen-Element gesucht werden müsste). Die Escape-Taste (falls vorhanden) oder ein Aktivieren des auslösenden Elements, das zur Zeit den Fokus hat, sollte den eingeblendeten Inhalt schließen.

Sehbehinderte Nutzer brauchen ggf. mehr Zeit, Inhalte zu lesen. Eingeblendete Inhalte sollten deshalb solange zur Verfügung stehen, bis sie von Nutzenden geschlossen werden (etwa über Weiter-Tabben, Wegbewegen des Zeigers von auslösenden Element und eingeblendetem Inhalt, oder explizites Schließen über die Tastatur).

Wie wird geprüft?

1. Anwendbarkeit des Prüfschritts

Der Prüfschritt ist grundsätzlich anwendbar, auch wenn bisher in der Prüfpraxis keine Einblendungen bei Apps für iOS / iPadOS und Android gefunden wurden.

2. Prüfung

2.1 Zeiger-Hover-Prüfung

Durch Überfahren interaktiver Elemente mit dem Maus-Zeiger prüfen, ob sich irgendwo zusätzliche Inhalte einblenden lassen. Falls ja:

  1. Inhalt durch Hover über dem Element einblenden

  2. Abwarten, ob der eingeblendete Inhalt sichtbar bleibt, also nicht nach kurzer Zeit selbsttätig schließt. Ausgenommen sind Fälle, bei denen der eingeblendete Inhalt nicht länger gültig ist.

  3. Prüfen, ob sich der eingeblendete Inhalt durch die Escape-Taste oder ein Aktivieren des die Einblendung auslösenden Elements (Klicken, Tippen) schließen lässt. Ausgenommen sind hier Fälle, bei denen der eingeblendete Inhalt eine Fehlermeldung ist oder keine anderen Inhalte verdeckt oder ersetzt.

  4. Inhalt erneut über Hover einblenden und den Zeiger über den neu eingeblendeten Inhalt bewegen. Der eingeblendete Inhalt sollte dabei weiter sichtbar bleiben.

2.2 Tastaturfokus-Prüfung

Mit der Tastatur fokussierbare Elemente durchlaufen und prüfen, ob dadurch irgendwo Inhalte eingeblendet werden. Falls ja:

  1. Prüfen, ob der eingeblendete Inhalt sichtbar bleibt, also nicht nach kurzer Zeit selbsttätig schließt. Ausgenommen sind Fälle, bei denen der eingeblendete Inhalt nicht länger gültig ist.

  2. Prüfen, ob sich der eingeblendete Inhalt über die Escape-Taste oder ein Aktivieren des die Einblendung auslösenden Elements (Enter) schließen lässt. Ausgenommen sind hier Fälle, bei denen der eingeblendete Inhalt eine Fehlermeldung ist oder keine anderen Inhalte verdeckt oder ersetzt.

3. Hinweise

Bei Inhalten, die durch Tastaturfokussierung von Elementen eingeblendet werden, wird nicht verlangt, dass hier der Mauszeiger über die eingeblendeten Inhalte bewegt werden kann, ohne dass diese sich schließen.

Wenn die Aktivierung des Elements, das den Inhalt einblendet, zum Schließen des eingeblendeten Inhalts benutzt wird, soll der Nutzer-Kontext bestehen bleiben (also nicht eine weitere Aktion, die den Kontext ändert, ausgelöst werden, etwa das Aktivieren eines Links).

4. Bewertung

Nicht anwendbar:

  • Es gibt keine Elemente, die bei Zeiger-Hover oder Tastaturfokussierung eingeblendet werden.

Erfüllt:

  • Eingeblendete Inhalte schließen nicht selbsttätig, lassen sich ohne Verschieben des Fokus wieder schließen, und lassen sich nach Hover-Einblendung mit dem Zeiger überfahren, ohne zu schließen.

Nicht erfüllt:

  • Eingeblendete Inhalte schließen selbsttätig, oder lassen sich nicht ohne Verschieben des Fokus wieder schließen, oder schließen sich nach Hover-Einblendung selbsttätig bei dem Versuch, sie mit dem Zeiger zu überfahren.

Quellen

Allgemein

Einordnung des Prüfschritts

Abgrenzung zu anderen Prüfschritten

Wenn Inhalte durch Hover eingeblendet werden, sollten sie in der Regel auch bei Tastaturfokus eingeblendet werden, falls sie nicht alternativ zur Verfügung gestellt werden. Dies wird in Prüfschritt 11.2.1.1 "Tastaturbedienung" geprüft.

Einordnung des Prüfschritts nach WCAG 2.1

Guideline

Success criterion

Sufficient Techniques

Failures