Piilotettujen elementtien ymmärtäminen
Oletuksena saavutettavuusskannerit voivat merkitä jokaisen sivun elementin, myös sellaiset, jotka eivät ole parhaillaan käyttäjän nähtävissä. Tämä voi johtaa ”vääriin positiivisiin” havaintoihin eli virheisiin, jotka eivät todellisuudessa vaikuta käyttökokemukseen, koska elementti on piilotettu sekä näkeviltä käyttäjiltä että ruudunlukuohjelmilta.
Kun tämä kytkin on otettu käyttöön, skanneri ohittaa automaattisesti elementit, jotka on tarkoituksella piilotettu saavutettavuuspuulta.
Mikä katsotaan ”piilotetuksi elementiksi”?
Skanneri etsii tiettyjä teknisiä merkkejä sen määrittämiseksi, tuleeko elementti ohittaa. Näitä ovat:
- display: none;: Poistaa elementin asettelusta ja saavutettavuuspuusta.
- visibility: hidden;: Ei näy käyttäjille eikä ruudunlukuohjelmille, mutta säilyttää tilan asettelussa.
- aria-hidden="true": Piilottaa elementin vain apuvälineteknologialta, mutta elementti pysyy visuaalisesti näkyvissä.
- hidden-attribuutti: Natiivi HTML-attribuutti, joka piilottaa elementit visuaalisesti ja ruudunlukuohjelmilta.
- <input type="hidden">: Tallentaa tietoja ilman käyttäjän toimia tai visuaalista läsnäoloa.
- Inert-attribuutti: Poistaa vuorovaikutuksen käytöstä ja piilottaa osiot ruudunlukuohjelmilta ja näppäimistöltä.
Miksi tätä ominaisuutta kannattaa käyttää?
Selkeämmät raportit: Keskity vain ongelmiin, jotka vaikuttavat aktiivisiin käyttäjiisi.
Vähemmän kohinaa: Estä raporttisi täyttyminen sadoista ”Kontrasti”- tai ”Vaihtoehtoinen teksti” -virheistä sellaisten elementtien osalta, jotka eivät näy näytöllä (kuten piilotetut mobiilivalikot tai seurantapikselit).
Piilotettujen elementtien merkitsemisen poistaminen käytöstä HTML-tageilla
-
Siirry EqualGroundissa Verkkosivustot-välilehdelle.
-
Napsauta Toiminnot > Näytä verkkosivusto.
-
Valitse sivuvalikkopalkista Konfigurointi ja vieritä alas kohtaan HTML-tagien poissulkemiset. Napsauta Lisää tageja.
-
Valitse Lisää tagi.
- Syötä HTML-tagi ja Attribuutti. Kopioi ja liitä haluamasi tekninen merkki Arvo-kenttään.
Huomautus: Katso lisätietoja osiosta ”Mikä katsotaan ”piilotetuksi elementiksi”?”. - Viimeistele prosessi napsauttamalla Tallenna.
Piilotettujen elementtien ohittaminen Ohita piilotetut elementit -kytkimellä
Noudata näitä ohjeita, jos haluat skannausten ohittavan piilotetut elementit ilman HTML-tagien lisäämistä.
-
Siirry EqualGroundissa Verkkosivustot-välilehdelle.
-
Napsauta Toiminnot > Näytä verkkosivusto.
-
Valitse sivuvalikkopalkista Konfigurointi ja vieritä alas kohtaan HTML-tagien poissulkemiset. Napsauta Lisää tageja.
-
Ota ominaisuus käyttöön kytkemällä Ohita piilotetut elementit -painike päälle. Viimeistele prosessi napsauttamalla Tallenna.