Manglende aria-details-ID
Silktide tjekker alle aria-details-attributter på dine sider og verificerer, at element-ID'et, de peger på, faktisk findes. Denne attribut forbinder et element med en mere detaljeret forklaring et andet sted på siden, f.eks. et diagram, der er forbundet med den underliggende datatabel.
<!-- Problem: Intet element på siden har id="sales-table" -->
<img src="chart.png" alt="Sales by quarter" aria-details="sales-table">
Hvorfor dette er vigtigt
ARIA-attributten aria-details lover brugere af
en
mere detaljeret beskrivelse, som de kan navigere til – de fulde data bag et
diagram, betingelserne bag en opsummering. Når referencen er brudt, fortæller en
, at der findes detaljer,
men kan ikke føre brugeren nogen steder hen, hvilket er mere forvirrende end
slet ikke at tilbyde detaljer.
Sådan løser du det
- Lad attributten referere til
idfor et rigtigt element på den samme side, helst et, der er synligt, så alle brugere kan nå det. - Hvis det detaljerede indhold er blevet fjernet, skal du også fjerne
attributten
aria-details. - Ved en kort tekstbeskrivelse frem for detaljeret indhold kan du i stedet
overveje
aria-describedby, som læser teksten direkte op.
Sådan tester Silktide dette
- Find alle elementer på siden med en
aria-details-attribut. - Sammenlign det ID, den refererer til, med de element-ID'er, der findes på siden.
- Rapportér hver reference, der ikke matcher noget element.
Fejlfinding
Dette tjek rapporterer intet, selvom jeg forventer fund
ARIA-test kan slås fra for hver enkelt website. Tjek de avancerede indstillinger for websitet.