aria describedby
aria describedby: Welche Hilfe kommt wirklich an?aria-describedby verbindet ein Element über eine oder mehrere IDs mit Zusatztext. Das Labor löst ihre Reihenfolge auf und zeigt gebrochene Hilfen oder Fehler.
01 / Beschreibungs-Routing
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört das Routing Ihnen.
Beschreibungs-Routing
Semantikspur
IDREFs bestimmen die Textfolge
<input aria-describedby="email-hint email-error">#email-hintaufgelöstNutzen Sie Ihre geschäftliche Adresse.
#email-erroraufgelöstDie Domain fehlt nach dem @-Zeichen.
Nutzen Sie Ihre geschäftliche Adresse. Die Domain fehlt nach dem @-Zeichen.
Der zugängliche Name bleibt separat: E-Mail-Adresse
Alle IDs sind eindeutig, vorhanden und nicht leer. Testen Sie die Ansage zusätzlich mit einem Screenreader.
Zwei Beschreibungsbeziehungen geprüft. Alle drei IDs werden aufgelöst.
02 / Der Unterschied
Fehlertexte stehen im Layout, sind aber nicht verknüpft: Ein Tippfehler im Attribut, eine geleerte Box oder eine doppelte ID lässt die Beschreibung für Screenreader verstummen.
Der Website-Check findet ungültige ARIA-Referenzen, doppelte IDs und unbeschriftete Felder – auf Ihren echten Formularen und Seiten.
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt. Kostenlos und ohne Installation: URL eingeben, Ergebnis lesen.
03 / Auf Ihrer Website
Das Labor löst IDs in einem Ausschnitt auf. Der Website-Check prüft Ihre Seiten auf gebrochene Beschreibungen und weitere automatisch erkennbare Barrieren.
Der Website-Check ist bereit.