Puuttuvat ARIA-kuvauksen ID:t
Silktide tarkistaa elementit, jotka liittävät itseensä ylimääräistä kuvailevaa tekstiä viittaamalla muihin elementteihin ID:n avulla, ja ilmoittaa viittauksista ID:ihin, joita sivulla ei ole. Rikkinäinen viittaus jättää kuvauksen huomaamatta pois.
-attribuutti aria-describedby yhdistää
elementin muualla sivulla olevaan täydentävään tekstiin – lomakekentän alla olevaan
ohjetekstiin tai ohjausobjektin selitykseen:
<!-- Ongelma: viittauksessa lukee "email-help", mutta kappaleen id on "email-helpp" -->
<input type="email" aria-describedby="email-help">
<p id="email-helpp">Anna työpaikan sähköpostiosoitteesi</p>
Miksi tämä on tärkeää
Kuvaukset sisältävät ohjeet, jotka estävät ihmisiä tekemästä virheitä – muotovaatimukset, varoitukset ja seurausten selitykset. lukee kuvauksen elementin nimen jälkeen, mutta vain, jos viittaus toimii. Kun viittaus ei osoita mihinkään, kävijä saa kentän ilman siihen liittyviä ohjeita eikä voi tietää, että jotain puuttuu. Näkevät kävijät näkevät silti kentän vieressä olevan ohjetekstin, joten virhe läpäisee kaiken visuaalisen tarkastelun – juuri siksi automaattinen tarkistus on tässä tärkeää.
Korjaaminen
- Etsi kuvailevan tekstin sisältävä elementti ja varmista, että
aria-describedby-arvo vastaa senid-arvoa täsmälleen (ID:t ovat kirjainkokoriippuvaisia):
<!-- Korjattu: viittaus vastaa kappaleen id:tä -->
<input type="email" aria-describedby="email-help">
<p id="email-help">Anna työpaikan sähköpostiosoitteesi</p>
- Jos kuvaileva elementti poistettiin, palauta se tai poista vanhentunut
aria-describedby-attribuutti. - Kun yhtä elementtiä kuvailee useita muita elementtejä, luettele kaikki ID:t välilyönnein eroteltuina ja tarkista jokainen niistä.
Miten Silktide testaa tämän
- Etsi jokaiselta sivulta kaikki elementit, joilla on
aria-describedby-attribuutti. - Jaa attribuutin arvo yksittäisiksi ID:iksi.
- Ilmoita jokainen viitattu ID, jota ei ole missään sivulla.