Manglende aria-details-ID
Silktide kontrollerer alle aria-details-attributter på sidene dine og bekrefter at element-ID-en de peker på, faktisk finnes. Dette attributtet kobler et element til en mer utfyllende forklaring et annet sted på siden, for eksempel et diagram som er koblet til den underliggende datatabellen.
<!-- Problem: ingen elementer på siden har id="sales-table" -->
<img src="chart.png" alt="Salg per kvartal" aria-details="sales-table">
Hvorfor dette er viktig
Attributtet aria-details lover brukere av en mer utfyllende beskrivelse de kan navigere til – de fullstendige dataene bak et diagram eller begrepene bak et sammendrag. Når referansen er brutt, kunngjør en at detaljene finnes, men kan ikke ta brukeren noe sted. Dette er mer forvirrende enn å ikke tilby detaljer i det hele tatt.
Slik løser du det
- La attributtet referere til
id-en til et faktisk element på samme side, helst et som er synlig slik at alle brukere kan nå det. - Hvis det detaljerte innholdet er fjernet, fjerner du også
aria-details-attributtet. - For en kort tekstbeskrivelse i stedet for rikt innhold kan du vurdere
aria-describedby, som leser teksten direkte.
Slik tester Silktide dette
- Finn alle elementer på siden som har et
aria-details-attributt. - Kontroller ID-en det refererer til, mot element-ID-ene som finnes på siden.
- Rapporter hver referanse som ikke samsvarer med noe element.
Feilsøking
Denne kontrollen rapporterer ingenting, selv om jeg forventer funn
ARIA-testing kan slås av for hvert nettsted. Sjekk avanserte innstillinger for nettstedet.