Puuttuva aria-details-tunniste
Silktide tarkistaa sivujesi jokaisen aria-details-attribuutin ja varmistaa, että sen osoittama elementtitunniste todella on olemassa. Tämä attribuutti yhdistää elementin muualla sivulla olevaan kattavampaan selitykseen, kuten kaavion siihen liittyvään taulukkoon, joka sisältää perustana olevat tiedot.
<!-- Ongelma: sivulla ei ole elementtiä, jonka id="sales-table" -->
<img src="chart.png" alt="Sales by quarter" aria-details="sales-table">
Miksi tällä on merkitystä
-attribuutti aria-details lupaa
käyttäjille
laajemman kuvauksen, johon he voivat siirtyä – kaavion taustalla olevat täydelliset
tiedot tai yhteenvedon taustalla olevat ehdot. Kun viittaus on rikkinäinen,
ilmoittaa, että tarkempia tietoja
on olemassa, mutta ei voi siirtää käyttäjää minnekään. Tämä on hämmentävämpää kuin
olla tarjoamatta tarkempia tietoja lainkaan.
Kuinka korjata se
- Määritä attribuutin viittaamaan samalla sivulla olevan todellisen elementin
id-tunnisteeseen. Elementin olisi hyvä olla näkyvissä, jotta jokainen käyttäjä voi käyttää sitä. - Jos yksityiskohtainen sisältö poistettiin, poista samalla myös
aria-details-attribuutti. - Jos tarvitset lyhyen tekstikuvauksen kattavan sisällön sijaan, harkitse
aria-describedby-attribuutin käyttöä, sillä se lukee tekstin suoraan.
Kuinka Silktide testaa tämän
- Etsi sivulta kaikki elementit, joissa on
aria-details-attribuutti. - Tarkista attribuutin viittaama tunniste sivulla olevia elementtitunnisteita vasten.
- Ilmoita jokainen viittaus, joka ei vastaa mitään elementtiä.