Barrierefreiheit

Warum Buttons, Links und Bilder einen verständlichen Namen brauchen

Accessible Names, Labels und Alternativtexte anhand praktischer Shopbeispiele.

StoreVigil markiert einen namenlosen Galerie-Button direkt auf der Produktdetailseite einer Keramikleuchte

Du klickst auf den Suchbutton und alles funktioniert. Für einen Menschen mit Screenreader kann derselbe Button trotzdem namenlos sein. Das sichtbare Lupensymbol allein erklärt der Hilfstechnologie seine Funktion nicht.

Warum das passiert

Buttons und Links benötigen verständliche zugängliche Namen. Sichtbarer Text, ein verbundenes `label` oder korrekt eingesetzte Angaben wie `aria-label` und `aria-labelledby` können diesen Namen liefern. Bedeutungsvolle Bilder brauchen einen passenden Alternativtext.

Was StoreVigil beobachten kann

StoreVigil prüft ausgewählte technische Grundlagen und kann bei geeigneten Befunden den konkreten Button, Link oder das Bild im Seitenkontext markieren. So wird aus einer abstrakten Regel eine auffindbare Aufgabe für Theme- oder Agenturteams.

Was Händler tun können

Die Prüfung ersetzt kein vollständiges WCAG-Audit und keine Tests mit Menschen mit Behinderungen. Händler können die markierte Fundstelle korrigieren lassen, Tastatur- und Screenreader-Nutzung ergänzend testen und die Seite anschließend erneut prüfen.