aria-label

aria-label ist ein Attribut aus der WAI-ARIA-Spezifikation, das einem Element einen für Menschen nicht sichtbaren, aber für Screenreader vorlesbaren Namen gibt (den „accessible name“). Es wird vor allem bei Bedienelementen eingesetzt, die keinen sichtbaren Text haben – etwa ein Button mit reinem Lupen-Icon, dem man aria-label="Suche" gibt. Verwandt ist aria-labelledby, das statt eines eigenen Textes auf die id eines bereits vorhandenen sichtbaren Elements verweist. Grundregel: Sichtbarer Text ist immer die erste Wahl; ARIA-Beschriftungen kommen nur zum Einsatz, wenn kein sichtbarer Text möglich ist. Falsch oder übermäßig eingesetzt kann ARIA mehr schaden als nutzen – das erste Grundprinzip lautet nicht umsonst „No ARIA is better than bad ARIA“. Korrekt eingesetzt macht aria-label Icon-Buttons, Symbol-Links und individuell programmierte Komponenten für assistive Technologien verständlich. Geprüft wird dies unter WCAG 4.1.2 (Name, Rolle, Wert).