Inhalte bei Hover oder Fokus

Silktide bittet Sie zu überprüfen, dass Inhalte, die durch Hover oder Tastaturfokus eingeblendet werden – Tooltips, Dropdown-Menüs, Vorschaukarten – sich so verhalten, wie es das -Erfolgskriterium 1.4.13 (Stufe AA) verlangt.

Dies ist eine : Die Automatisierung kann nicht jeden Auslöser auf einer Seite per Hover oder Fokus treffen und mit dem eingeblendeten Inhalt interagieren, daher zeigt Silktide auf jeder Seite diese Aufforderung an und eine Person bestätigt sie.

Warum das wichtig ist

Inhalte, die bei Hover oder Fokus eingeblendet werden, sind für mehrere Gruppen problematisch, sofern sie sich nicht umsichtig verhalten:

Nutzende von Bildschirmvergrößerungen betrachten die Seite mit hoher Vergrößerung und müssen den Zeiger auf ein Popup bewegen, um es zu lesen. Wenn das Popup in dem Moment verschwindet, in dem der Zeiger seinen Auslöser verlässt, kann es nie gelesen werden.
Menschen mit motorischem Zittern lösen Dinge versehentlich per Hover aus. Ein Popup, das nur dadurch geschlossen werden kann, dass der Zeiger wegbewegt wird, erzwingt präzise Bewegungen, zu denen sie möglicherweise nicht in der Lage sind.
Alle, die mehr Zeit benötigen, verlieren Inhalte, die sich selbst zeitgesteuert ausblenden.

Was zu prüfen ist

Prüfen Sie für jedes Element, das Inhalte bei Hover oder Tastaturfokus einblendet, alle drei Punkte:

Schließbar – die eingeblendeten Inhalte lassen sich schließen, ohne den Zeiger oder den Fokus zu bewegen, typischerweise durch Drücken von Escape. (Ausnahme: Sie verdecken nichts, z. B. erscheint der Fehlhinweis eines Formularfelds in ansonsten leerem Raum.)
Mit dem Zeiger erreichbar – wenn es durch Hover ausgelöst wurde, kann der Zeiger auf die eingeblendeten Inhalte bewegt werden, ohne dass diese verschwinden.
Beständig – bleibt sichtbar, bis die Nutzerin bzw. der Nutzer es schließt, sich entfernt oder die Information nicht mehr gültig ist. Kein automatisches Ausblenden auf Zeit.

Native Tooltips des Attributs title sind ausgenommen (der Browser steuert sie), haben jedoch eigene Probleme – siehe Beschriftung mit dem title-Attribut.

So beheben Sie das Problem

Fügen Sie einen Escape-Handler hinzu, der das Popup ausblendet, während der Auslöser den Fokus behält.
Halten Sie das Popup geöffnet, solange sich der Zeiger über dem Popup selbst befindet, nicht nur über dem Auslöser – verschachteln Sie das Popup entweder im DOM des Auslösers oder überbrücken Sie die Lücke mit einem hover-toleranten Bereich.
Entfernen Sie setTimeout-artige automatische Ausblendungen aus Tooltips und Menüs.

Wenn alle per Hover oder Fokus eingeblendeten Elemente auf der Seite entsprechen (oder die Seite keine enthält), Sie den Befund.

Wie Silktide dies testet

Silktide kann Hover- und Fokus-Auslöser derzeit noch nicht automatisch erkennen, daher erzeugt diese Prüfung pro Seite eine Überprüfungsaufforderung, die beschreibt, was zu verifizieren ist. Derzeit prüft kein automatisiertes Tool 1.4.13 – es gibt keine W3C-ACT-Regel dafür. Wir planen, wahrscheinliche Auslöser (hover-gebundene Listener, per CSS eingeblendete Inhalte) in einer zukünftigen Version zu erkennen, damit die Aufforderung nur auf Seiten erscheint, die sie benötigen.