A11ying with Sanna - Toki, jos voisin opas saavutettavuuteen

Listatyylin poistaminen listaelementiltä

Törmäsin tähän ensimmäisen kerran testatessani sivustoa Safarilla VoiceOverilla. Heikko esimerkki tässä tapauksessa ei ole varsinaisesti heikko, mutta se näyttää tämän ominaisuuden.

Lisäsin kaksi parempaa esimerkkiä, ensimmäisessä elementillä on aria-attribuutti role="list". Tämä ei ole missään tapauksessa paras tapa, koska samaa ARIA roolia ei pitäisi käyttää elementille, joka semanttisesti vastaa tätä roolia. Toisessa esimerkissä on CSS-säätö.

 

Haasteellinen esimerkki

Parempi esimerkki

Ensimmäinen esimerkki: Listaelementti, jolla on ARIA rooli "list".

Toinen esimerkki: CSS

Loppukommentit

Tästä ongelmasta on paljon keskustelua edelleen internetissä. Tämä ominaisuus on kehitetty, koska kehittäjät väärinkäyttivät liikaa HTML:ää. Joten tämä on oikeastaan meidän kehittäjien aiheuttama ongelma. Sovitaanko, että ei väärinkäytetä elementtejä?