1.4.13Stufe AA1.4 Distinguishable

Inhalt bei Überfahren mit dem Zeiger oder Tastaturfokus („Hover“ oder „Focus“)

Where receiving and then removing pointer hover or keyboard focus triggers additional content to become visible and then hidden, the additional content is dismissible, hoverable, and persistent.

W3C-Spezifikation ansehen ↗

Was es bedeutet

Inhalt bei Überfahren mit dem Zeiger oder Tastaturfokus („Hover“ oder „Focus“) verstehen (englisch) | Inhalt bei Überfahren mit dem Zeiger oder Tastaturfokus („Hover“ oder „Focus“) erfüllen (englisch) (Stufe AA) Wenn durch das Überfahren mit dem Zeiger oder durch Tastaturfokus zusätzlicher Inhalt sichtbar wird, der anschließend bei Entfernen des Zeigers oder des Tastaturfokus wieder ausgeblendet wird, muss folgendes zutreffen: Verwerfbar Es gibt einen Mechanismus , um den zusätzlichen Inhalt zu verwerfen, ohne den Zeiger oder den Tastaturfokus zu bewegen, es sei denn, der zusätzliche Inhalt kommuniziert einen Eingabefehler oder verdeckt oder ersetzt andere Inhalte nicht; Überfahrbar Wenn zusätzlicher Inhalt durch Überfahren mit dem Zeiger ausgelöst werden kann, dann kann der Zeiger über den zusätzlichen Inhalt bewegt werden, ohne dass der zusätzliche Inhalt verschwindet; Beständig Der zusätzliche Inhalt bleibt sichtbar, bis der Auslöser des „Hover“ oder „Focus“ entfernt wird, der Benutzer ihn verwirft oder die dazugehörige Information nicht mehr gültig ist. Ausnahme: Die visuelle Darstellung des zusätzlichen Inhalts wird durch den Benutzeragenten gesteuert und nicht durch den Autor verändert. Hinweis Zu den Beispielen für zusätzliche Inhalte, die vom Benutzeragenten gesteuert werden, zählen Browser-Tooltips, die durch die Verwendung des HTML- title -Attributs erzeugt werden. Hinweis Durch den Autor definierte Tooltips, Untermenüs und andere nicht modale Popups, die bei „Hover“ und „Focus“ angezeigt werden, sind Beispiele für zusätzliche Inhalte, die unter dieses Kriterium fallen. 2. Bedienbar Bestandteile der Benutzerschnittstelle und Navigation müssen bedienbar sein. Richtlinie 2.1 Per Tastatur zugänglich Sorgen Sie dafür, dass alle Funktionalitäten per Tastatur zugänglich sind.

Failing example

/* Fails: tooltip disappears the moment pointer moves off trigger */
.trigger:hover .tooltip { display: block; }
/* Moving to read the tooltip causes hover to leave trigger */

How to fix it

/* Pass: tooltip stays visible when pointer moves onto it */
.trigger:hover .tooltip,
.tooltip:hover {
  display: block;
}
/* Also add pointer-events:none only when tooltip must not
   intercept clicks — remove it here since it must be hoverable */

So erkennt A11yRisk dieses Kriterium

A11yRisk erkennt dieses Kriterium automatisch.

Website auf diesen Verstoß prüfen →