Fehlende aria-details-ID

Silktide prüft jedes aria-details-Attribut auf Ihren Seiten und verifiziert, dass die Element-ID, auf die es verweist, tatsächlich existiert. Dieses Attribut verknüpft ein Element mit einer ausführlicheren Erläuterung an anderer Stelle auf der Seite, zum Beispiel ein Diagramm mit seiner zugrunde liegenden Datentabelle.

<!-- Problem: Kein Element auf der Seite hat id="sales-table" -->
<img src="chart.png" alt="Umsatz nach Quartal" aria-details="sales-table">

Warum das wichtig ist

Das -Attribut aria-details verspricht Nutzern von eine ausführlichere Beschreibung, zu der sie navigieren können – die vollständigen Daten hinter einem Diagramm, die Begriffe hinter einer Zusammenfassung. Ist die Referenz defekt, kündigt ein zwar an, dass Details vorhanden sind, kann den Nutzer jedoch nirgends hinführen; das ist verwirrender, als gar keine Details anzubieten.

So beheben Sie das Problem

Lassen Sie das Attribut auf die id eines vorhandenen Elements auf derselben Seite verweisen, vorzugsweise auf ein sichtbares, damit alle Nutzer es erreichen können.
Wenn der detaillierte Inhalt entfernt wurde, entfernen Sie das Attribut aria-details ebenfalls.
Für eine kurze Textbeschreibung statt reichhaltiger Inhalte ziehen Sie stattdessen aria-describedby in Betracht; dieses liest den Text direkt vor.

So prüft Silktide das

Sucht jedes Element auf der Seite mit einem aria-details-Attribut.
Vergleicht die referenzierte ID mit den auf der Seite vorhandenen Element-IDs.
Meldet jede Referenz, die auf kein Element verweist.

Fehlerbehebung

Diese Prüfung meldet nichts, obwohl ich Ergebnisse erwarte

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