Puuttuva aria-controls-tunniste
Silktide tarkistaa jokaisen sivujesi aria-controls-attribuutin ja varmistaa, että siinä luetellut elementtitunnisteet ovat todella olemassa. Tämä attribuutti määrittää, mihin sivun osaan ohjain vaikuttaa, kuten välilehden näyttämään paneeliin tai painikkeen avaamaan valikkoon.
<!-- Ongelma: sivulla ei ole elementtiä, jonka id="filter-panel" -->
<button aria-expanded="false" aria-controls="filter-panel">Suodattimet</button>
Miksi tämä on tärkeää
-määritteen aria-controls avulla
voi yhdistää
ohjaimen sisältöön, johon se vaikuttaa – jotkin
tarjoavat pikavalinnan,
jolla voi siirtyä suoraan ohjattuun elementtiin. Kun viittaus on virheellinen,
tämä yhteys katoaa huomaamatta. Virheelliset viittaukset tarkoittavat yleensä,
että tunniste on nimetty uudelleen tai komponentti on poistettu, joten ne ovat
myös varhainen varoitus siitä, ettei pienoisohjelma ehkä enää toimi tarkoitetulla tavalla.
Korjaaminen
- Varmista, että jokainen
aria-controls-attribuutissa lueteltu tunniste vastaa samalla sivulla olevan todellisen elementinid-attribuuttia. Attribuutti voi sisältää useita välilyönneillä erotettuja tunnisteita; tarkista jokainen niistä. - Jos ohjattu elementti lisätään dynaamisesti, joko renderöi se piilotettuna
heti alusta alkaen tai määritä
aria-controlsvasta, kun se on olemassa. - Jos ohjattu elementti on poistettu pysyvästi, poista attribuutti.
Miten Silktide testaa tämän
- Etsi jokainen sivun elementti, jolla on
aria-controls-attribuutti. - Tarkista jokainen sen viittaama tunniste sivulla olevia elementtitunnisteita vasten.
- Ilmoita jokainen viittaus, joka ei vastaa mitään elementtiä.
Vianmääritys
Kohde luodaan myöhemmin komentosarjalla
Silktide testaa sivun sen latautuessa. Jos viitattu paneeli ilmestyy vasta käyttäjän toiminnan jälkeen, viittaus on siihen asti virheellinen – pidä kohde mieluummin sivulla (piilotettuna), jotta viittaus voidaan aina ratkaista.