Fehlende aria-errormessage-ID

Silktide überprüft jedes aria-errormessage-Attribut auf Ihren Seiten und verifiziert, dass die Element-ID, auf die es zeigt, tatsächlich existiert. Dieses Attribut verknüpft ein Formularfeld mit der Nachricht, die erklärt, was am eingegebenen Wert falsch ist.

<!-- Problem: Kein Element auf der Seite hat id="email-error" -->
<input type="email" aria-invalid="true" aria-errormessage="email-error">

Warum das wichtig ist

Wenn ein Formularfeld als ungültig markiert ist, teilt das - Attribut aria-errormessage mit, wo die Erläuterung zu finden ist. Ist der Verweis ungültig, wird -Nutzenden zwar gesagt, dass ihre Eingabe falsch ist, aber nie warum – sie müssen Formate und Anforderungen erraten, die sehende Nutzende auf dem Bildschirm lesen können, und brechen das Formular möglicherweise ganz ab.

So beheben Sie das Problem

Lassen Sie das Attribut auf die id des Elements verweisen, das die sichtbare Fehlermeldung für das Feld enthält.
Kombinieren Sie es mit aria-invalid="true" am Feld, solange der Fehler gilt – aria-errormessage wird nur für ungültige Felder vorgelesen.
Stellen Sie sicher, dass das referenzierte Element immer dann lesbaren Text enthält, wenn der Fehler angezeigt wird, und leer oder ausgeblendet ist, wenn nicht.

So testet Silktide das

Ermittelt jedes Element auf der Seite mit einem aria-errormessage-Attribut.
Prüft die referenzierte ID gegen die auf der Seite vorhandenen Element-IDs.
Meldet jeden Verweis, der zu keinem Element passt.

Fehlerbehebung

Das Fehler-Element wird nur hinzugefügt, wenn die Validierung fehlschlägt

Silktide testet die Seite beim Laden. Behalten Sie den Fehler-Container möglichst dauerhaft in der Seite (leer oder ausgeblendet, bis er benötigt wird), damit die Referenz stets aufgelöst wird und die Ansage in dem Moment funktioniert, in dem der Fehler erscheint.

Diese Prüfung meldet nichts, obwohl ich Ergebnisse erwarte

ARIA-Tests können pro Website deaktiviert werden. Prüfen Sie die erweiterten Einstellungen der Website.