Ein Kriterium der Stufe AA für Tooltips und Popover, die durch Hover oder Fokus ausgelöst werden: Sie müssen ausblendbar, überfahrbar und beständig sein, bis sie geschlossen werden oder ihre Gültigkeit verlieren.

Welche drei Anforderungen gelten?

Ausblendbar (schließbar ohne den Fokus zu bewegen, etwa per Escape), überfahrbar (der Zeiger kann darauf bewegt werden, ohne dass es verschwindet) und beständig (es bleibt sichtbar, bis es geschlossen wird).

Was ist ein typischer Verstoß?

Ein eigener Tooltip, der verschwindet, sobald sich der Mauszeiger darauf zubewegt, oder der sich nicht per Tastatur schließen lässt, während er andere Inhalte verdeckt.

Erfolgskriterien

WCAG 1.4.13 Inhalt bei Hover oder Fokus

Erfolgskriterium 1.4.13 verlangt, dass zusätzlicher Inhalt, der bei Hover oder Tastaturfokus angezeigt wird (Tooltips, Popovers), schließbar, überstreichbar (hoverable) und dauerhaft (persistent) ist. Es ist ein Kriterium der Stufe AA unter Richtlinie 1.4 (Unterscheidbar), hinzugefügt in WCAG 2.1.

Die drei erforderlichen Eigenschaften

Schließbar – ein Nutzer kann den zusätzlichen Inhalt verschwinden lassen, ohne Zeiger oder Fokus vom auslösenden Element zu bewegen, typischerweise über die Esc-Taste, es sei denn, der Inhalt überdeckt oder stört keinen anderen Inhalt.

Überstreichbar – ein Nutzer kann seinen Mauszeiger auf den Tooltip-/Popover-Inhalt selbst bewegen, ohne dass dieser verschwindet, sodass er ihn lesen oder, falls er einen Link enthält, diesen Link tatsächlich anklicken kann.

Dauerhaft – der Inhalt bleibt sichtbar, bis der Nutzer ihn schließt, Fokus/Hover davon entfernt, oder die Information tatsächlich ungültig wird – nicht bei einer festen Zeitüberschreitung, die ablaufen könnte, bevor der Nutzer mit dem Lesen fertig ist.

Warum das konkret wichtig ist

Jemand, der Bildschirmvergrößerung nutzt, muss die Maus oft zum zusätzlichen Inhalt hin bewegen, nur um ihn in seinen (sehr schmalen) vergrößerten Sichtbereich zu bringen – verschwindet der Tooltip in dem Moment, in dem sich der Zeiger in diese Richtung bewegt, ist er für ihn funktional unlesbar. Jemand mit Handtremor oder eingeschränkter Feinmotorik könnte einen Tooltip versehentlich auslösen und braucht eine zuverlässige, bewusste Möglichkeit, ihn zu schließen, statt darum kämpfen zu müssen, den Zeiger in einer exakten, winzigen Hover-Zone zu halten.

Häufige Fehlermuster

Ein Tooltip, der verschwindet, sobald sich die Maus auch nur leicht bewegt, bevor er auf den Tooltip selbst bewegt werden kann
Ein durch Hover ausgelöstes Dropdown-Menü ohne Tastaturäquivalent, oder eines, das schließt, sobald der Fokus das auslösende Element verlässt
Zusätzlicher Inhalt ohne Esc-Tasten-Schließung und ohne andere Möglichkeit, ihn zu schließen, außer den Fokus vollständig woanders hin zu bewegen

Häufige Ausnahme

Inhalt, dessen visuelle Darstellung eine native Browser-/Betriebssystemfunktion außerhalb der Kontrolle der Seite selbst ist – wie ein nativer HTML-title-Attribut-Tooltip – ist ausgenommen, da die Seite keine Kontrolle über dieses browsereigene Verhalten hat.

Häufige Fragen

Was ist WCAG 1.4.13?: Ein Kriterium der Stufe AA für Tooltips und Popover, die durch Hover oder Fokus ausgelöst werden: Sie müssen ausblendbar, überfahrbar und beständig sein, bis sie geschlossen werden oder ihre Gültigkeit verlieren.
Welche drei Anforderungen gelten?: Ausblendbar (schließbar ohne den Fokus zu bewegen, etwa per Escape), überfahrbar (der Zeiger kann darauf bewegt werden, ohne dass es verschwindet) und beständig (es bleibt sichtbar, bis es geschlossen wird).
Was ist ein typischer Verstoß?: Ein eigener Tooltip, der verschwindet, sobald sich der Mauszeiger darauf zubewegt, oder der sich nicht per Tastatur schließen lässt, während er andere Inhalte verdeckt.