Virheellinen ARIA-rooli

Silktide tarkistaa sivujesi jokaisen role-attribuutin ARIA-standardin määrittämien roolien luetteloa vasten. Selaimet ohittavat kirjoitusvirheen sisältävän, keksityn, tyhjän tai sisäiseen käyttöön varatun roolin huomaamatta, joten elementin tarkoitettu merkitys ei koskaan välity sitä tarvitsevilla ihmisille.

<!-- Ongelma: "buton" ei ole todellinen rooli, joten tämä div jää merkityksettömäksi -->
<div role="buton" tabindex="0">Save</div>

<!-- Korjaus: käytä kelvollista roolia (tai mieluummin oikeaa button-elementtiä) -->
<button>Save</button>

Miksi tämä on tärkeää

-rooli kertoo , mikä elementti on – painike, välilehti tai valintaikkuna. Kun rooli on virheellinen, selaimet hylkäävät sen: käyttäjä kuulee pelkkää tekstiä kohdassa, johon tekijä tarkoitti ohjausobjektin, eikä hänellä välttämättä ole mitään keinoa tietää, että elementin kanssa voi olla vuorovaikutuksessa. Koska sivu näyttää ja toimii normaalisti näkevillä hiirtä käyttävillä käyttäjillä, nämä virheet jäävät huomaamatta ilman testausta.

Korjaaminen

Korjaa kirjoitusvirheet niin, että rooli vastaa todellista ARIA-roolia (koko luettelo) – esimerkiksi role="navigation", ei role="nav".
Korvaa abstraktit roolit (widget, composite, landmark, section ja vastaavat) konkreettisella roolilla – abstrakteja rooleja käytetään vain standardin jäsentämiseen, eikä niitä saa käyttää sivuilla.
Poista tyhjät role=""-attribuutit.
Jos natiivi -elementti välittää oikean merkityksen (<button>, <nav>, <main>), käytä sitä mieluummin ja poista role-attribuutti kokonaan.

Näin Silktide testaa tämän

Etsi sivun jokainen elementti, jolla on role-attribuutti.
Raportoi tyhjät rooliarvot.
Tarkista rooliarvon jokainen sana ARIA 1.2:ssa määritettyjä rooleja vasten. Digitaalisen julkaisemisen (doc-) ja grafiikan (graphics-) laajennusten roolit hyväksytään.
Raportoi sanat, jotka eivät vastaa mitään määritettyä roolia, sekä sanat, jotka nimeävät abstraktin roolin.

Vianmääritys

Roolissa on useita sanoja

Role-attribuutti voi sisältää useita rooleja varavaihtoehtoina; selaimet käyttävät ensimmäistä tunnistamaansa roolia. Silktide raportoi luettelon jokaisen virheellisen tai abstraktin sanan, jotta voit siivota myös varavaihtoehdot.