aria-label: Der ultimative Guide

Alle Lernartikel

Aria-label ist das wichtigste ARIA-Attribut für zugängliche Interfaces. Es gibt Elementen einen Namen, den Screenreader vorlesen können. Doch falscher Einsatz schadet mehr als er hilft. Hier lernst du, wie Profis aria-label meistern.

aria-label-Code 'Zum Warenkorb' mit Pfeil zu Warenkorb-Icon, verbunden mit Audio-Symbol

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