Tooltip HTML
Tooltip in HTML: Hover, Fokus, Escape.
Ein zugänglicher Tooltip erscheint bei Maus-Hover und Tastaturfokus. Er bleibt offen, wenn die Maus in den Hinweis fährt, und schließt mit Escape. Der kurze, nicht-interaktive Text beschreibt einen bereits benannten Auslöser über aria-describedby. Wichtige Informationen sowie Links oder Buttons gehören sichtbar auf die Seite oder in ein Popover.
Live ausprobieren
Der Weg zum Hinweis darf nicht abreißen.
aria-describedby → [role=tooltip] PDF mit allen geprüften Seiten.
Maus über den Button oder Tab drücken. Dann in den Hinweis fahren oder Escape drücken.
Nur kurzer Text. Link oder Button? Dann Popover.