Bedienung

Ein Tooltip ergänzt, er trägt nie allein

Geltung

universal · web, react-native

Warum

Auf Touch gibt es kein Hover. Was nur dort steht, sieht ein Teil der Nutzer nie.

Woran Du den Verstoß erkennst

• Pflichthinweis nur im title.
• Tooltip nur mit onMouseEnter.
• Link oder Button im Tooltip.
• Tooltip verschwindet, sobald die Maus hineinfährt.

Hart und weich

Hart: Fokus, Stehenbleiben, Esc. Weich: Verzögerung. Vorgabe: der erste kommt verzögert, die Nachbarn danach sofort.

Grenzen

Der Tooltip an einem Icon-Button wiederholt dessen Namen. Der Name steht trotzdem im aria-label.

Quelle

WCAG 1.4.13 Content on Hover or Focus. Vercel › Touch & Drag („Delay first tooltip; subsequent peers instant") und Content & Accessibility („Inline help first; tooltips last resort").

Verwandt

• Der Fokus ist sichtbar und hat immer einen Ort
• Klickbares hat eine Fläche, und nur Klickbares sieht so aus