aria label HTML · Accessible-Name-Labor
aria label in HTML: Welcher Name kommt wirklich an?aria-label ist keine sichtbare Beschriftung. Es überschreibt vorhandene Namensquellen. Prüfen Sie deshalb, was Browser berechnen, ob sichtbarer und zugänglicher Name zusammenpassen und welche Zeile Sie ändern sollten.
01 / Namens-Labor
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört das Labor Ihnen.
Namensberechnung
Name und Oberfläche widersprechen sich
Ergebnis
Reparieren
Sprachsteuerung findet das Element möglicherweise nicht mit dem Wort, das Nutzer auf dem Bildschirm sehen.
<button>HTML geprüft. Zwei Naming-Konflikte wurden gefunden.
02 / Der Unterschied
Ein aria-label ersetzt sichtbaren Text als zugänglichen Namen. Ändert die Redaktion später den sichtbaren Text, ruft die Sprachsteuerung weiterhin den alten Namen – und trifft kein Element mehr.
Der Website-Check findet fehlende und widersprüchliche Namen im gerenderten Dokument: Controls ohne zugänglichen Namen und Namensquellen, die der sichtbaren Beschriftung widersprechen.
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – kostenlos und ohne Installation.
03 / Auf Ihrer Website
Das Labor berechnet einen HTML-Ausschnitt. Der Website-Check prüft Ihre Seiten im gerenderten Kontext auf fehlende und widersprüchliche Namen.
Der Website-Check ist bereit.