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

Text ist skalierbar: Vergrößerung bis 200% ohne Funktionsverlust
Design, Entwicklung
Warum 200% Vergrößerung wichtig ist Menschen mit Sehbehinderungen sind oft auf Zoom angewiesen, um Inhalte…
Premium
Prefers-reduced-motion einfach erklärt
Entwicklung
Was ist prefers-reduced-motion? prefers-reduced-motion ist eine CSS Media Query, die erkennt, ob Nutzer "Bewegung reduzieren"…
Kostenlos
aria-hidden: Inhalte vor Screenreadern verstecken
ARIA, Entwicklung
Was ist aria-hidden und wie funktioniert es? Das aria-hidden-Attribut entfernt Elemente aus dem Accessibility Tree…
Premium