aria-label + Sprachsteuerung: Diese Regel musst du kennen

Entwicklung

Du verwendest aria-labels, um Links und Buttons für Screenreader verständlicher zu machen? Super! Aber machst du dabei einen kritischen Fehler, der Sprachsteuerungs-Nutzer ausschließt? In diesem Artikel lernst du WCAG 2.5.3 „Label in Name“ kennen – und warum der sichtbare Text immer am Anfang stehen muss.

Bildschirm mit Eingabefeld und Mikrofon-Symbol für Sprachsteuerung

Inhaltsverzeichnis

Premium Content

Für den vollständigen Inhalt benötigst du Premium-Zugang

Premium freischalten Schon Premium? Dann melde dich an

Weitere Beiträge

Disabled-Buttons: Warum du sie vermeiden solltest und bessere Alternativen
Entwicklung
Was sind disabled buttons und warum werden sie verwendet? Ein disabled button ist ein Button…
Premium
aria-haspopup: Popup-Elemente richtig ankündigen für Screen Reader
ARIA, Entwicklung
Was ist aria-haspopup? aria-haspopup warnt Screenreader Nutzer vor, dass ein Element ein Popup öffnet. Es…
Premium
Barrierefreie Tabs mit HTML, CSS und JS
Entwicklung, Komponenten
So entwickelst du Tabs, die zugänglich, ARIA-konform und per Tastatur steuerbar sind.
Kostenlos