Puuttuva aria-owns-tunniste

Silktide tarkistaa jokaisen sivujesi aria-owns-attribuutin ja varmistaa, että niissä luetellut elementtitunnisteet ovat todella olemassa. Tämä attribuutti määrittää muualla sivulla olevia elementtejä pienoisohjelman lapsielementeiksi, vaikka ne sijaitsevat koodissa muualla.

<!-- Ongelma: sivulla ei ole elementtiä, jonka id="menu-items" -->
<div role="menu" aria-owns="menu-items">…</div>

Miksi tämä on tärkeää

-määrittelyn aria-owns-attribuutti muuttaa : sen viittaamia elementtejä käsitellään omistavan elementin lapsina riippumatta siitä, missä ne ovat koodissa. Kun viittaus on virheellinen, tämä liittäminen epäonnistuu huomaamatta – valikko tai puu voi näyttää täysin tyhjältä , vaikka sen kohteet näkyvät selvästi näytöllä. Koska mikään ei näytä visuaalisesti väärältä, tällaiset virheet jäävät usein havaitsematta, kunnes joku testaa .

Näin korjaat sen

Varmista, että jokainen aria-owns-attribuutissa lueteltu tunniste vastaa samalla sivulla olevan todellisen elementin id-attribuuttia.
Jos omistettu sisältö on siirretty tai nimetty uudelleen, päivitä viittaus samalla muutoksella – tai mieluummin järjestä koodi uudelleen niin, että lapsielementit ovat luonnollisesti vanhempansa sisällä eikä aria-owns- attribuuttia tarvita.
Varmista, ettei mikään elementti ole omistettu kahdesti: id voi esiintyä vain yhdessä sivun aria-owns-attribuutissa.

Näin Silktide testaa tämän

Etsi sivun kaikki elementit, joilla on aria-owns-attribuutti.
Tarkista jokainen sen viittaama tunniste sivulla olevia elementtitunnisteita vasten.
Raportoi jokainen viittaus, joka ei vastaa mitään elementtiä.

Vianmääritys

Omistettu elementti luodaan myöhemmin komentosarjalla

Silktide testaa sivun sen latautuessa. Jos omistettu sisältö on olemassa vasta käyttäjän toiminnan jälkeen, pienoisohjelma ilmoitetaan siihen asti tyhjänä – hahmonna sisältö alusta alkaen piilotettuna tai aseta aria-owns vasta, kun sisältö on olemassa.