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

Was ist aria-current=“page“?
ARIA, Entwicklung
Was ist aria-current="page"? aria-current wird bei Links verwendet, um zu markieren, auf welcher Seite du…
Premium
aria-expanded: Der Schlüssel für verständliche interaktive Elemente
ARIA, Entwicklung
Was ist aria-expanded und warum brauchst du es? Stell dir vor, du bist blind und…
Premium
aria-controls: Verknüpfe Steuerelemente mit dem passenden Inhalt
ARIA, Entwicklung
Was macht aria-controls genau? aria-controls ist ganz simpel: Es verweist auf die ID des Elements,…
Premium