Barrierefreies Webdesign — ein zugängliches und nutzbares Internet gestalten
title
Ihr Name* Dieses Feld ist ein Pflichtfeld
Ihre E-Mail-Adresse Nur für die Zusendung einer Kopie der Mail nötig.
Kopie der Nachricht an diese E-Mail-Adresse senden Stellen Sie sicher, dass Sie eine gültige E-Mail-Adresse eingegeben haben.
Ihre Nachricht* Dieses Feld ist ein Pflichtfeld.
Nachricht senden!
role="tooltip"
aria-describedby
Der Beitrag Schritt für Schritt zu barrierefreien Tooltips besteht aus folgenden einzelnen Webseiten:
Das title-Attribut ist per Tastatur meist nicht barrierefrei. Tooltips müssen daher auf anderer Weis Aufbereitet werden.
Tooltips können mit CSS per Tastatur zugänglich gemacht werden.
Ein Tooltip kann erst dann barrierefrei werden, wenn der Text des Tooltips zuvor im Fließtext untergebracht wird.
Tooltips — auch wenn sie bereits zugänglich sind — sollten für die optimale Nutzung in Screenreadern mit zwei ARIA-Attributen ergänzt werden.
(Aktuelle Seite)
Links mit Tooltips können statt mit dem title-Attribut auch mit ARIA-Attributen barrierefrei gestaltet werden.
© Jan Hellbusch (2001-2025)
Schritt für Schritt zu barrierefreien Tooltips
ARIA-Beispiel herunterladen