Saknat aria-details-ID
Silktide kontrollerar alla aria-details-attribut på dina sidor och verifierar att element-ID:t som attributet pekar på faktiskt finns. Det här attributet länkar ett element till en mer utförlig förklaring någon annanstans på sidan, till exempel ett diagram som är länkat till den underliggande datatabellen.
<!-- Problem: inget element på sidan har id="sales-table" -->
<img src="chart.png" alt="Försäljning per kvartal" aria-details="sales-table">
Varför detta är viktigt
Attributet aria-details lovar användare av en mer utförlig beskrivning som de kan navigera till – de fullständiga uppgifterna bakom ett diagram eller termerna bakom en sammanfattning. När referensen är trasig meddelar en att detaljer finns, men kan inte ta användaren någonstans. Det är mer förvirrande än att inte erbjuda några detaljer alls.
Så här åtgärdar du problemet
- Låt attributet referera till
idför ett verkligt element på samma sida, helst ett som är synligt så att alla användare kan nå det. - Om det detaljerade innehållet har tagits bort tar du även bort attributet
aria-details. - Om du behöver en kort textbeskrivning i stället för rikt innehåll kan du överväga
aria-describedby, som läser upp texten direkt.
Så här testar Silktide detta
- Hitta alla element på sidan som har ett
aria-details-attribut. - Kontrollera ID:t som attributet refererar till mot de element-ID:n som finns på sidan.
- Rapportera varje referens som inte matchar något element.
Felsökning
Den här kontrollen rapporterar inget trots att jag förväntar mig resultat
ARIA-testning kan inaktiveras per webbplats. Kontrollera webbplatsens avancerade inställningar.