miksi verkkokauppani suodattimet eivät toimi ruudunlukijalla

Suodattimissa puuttuu usein nimi, rooli tai tilapäivitysilmoitus

Tuotesuodattimet eivät yleensä toimi näytönlukijoiden kanssa, koska ei ole riittävän selvää, mikä on suodatin, mikä on sen nykyinen tila tai mitä tapahtuu, kun käyttäjä tekee valinnan. Moissa verkkokaupoissa suodattimet koostuvat valintaruuduista tai painikkeista, jotka toimivat visuaalisesti hyvin, mutta joiden ohjelmallinen rakenne on puutteellinen: valintaruutu ilman liitettyä tekstiä, painike joka osoittaa suodattimen aktiivisen tilan vain värin muutoksella, tai suodatinpaneeli, joka avautuu ilman, että näytönlukija ilmoittaa siitä. Näkevän käyttäjän kannalta tämä ei ole ongelma, koska hän näkee muutoksen. Näytönlukijalla tuo visuaalinen muutos ei ole olemassa — sille tarvitaan tekninen ilmoitus.

Toinen toistuva ongelma on, että tulosluettelo tosin muuttuu, mutta näytönlukija ei saa siitä mitään tietoa. Suodattimen alla voidaan esimerkiksi näyttää "24 tulosta", mutta sitä ei välitetä tilapäivitysilmoituksena, joten käyttäjän on itse etsittävä, mitä on muuttunut. Tämä liittyy vahvasti siihen, miten otsikot ja sivun rakenne on järjestetty, koska näytönlukija navigoi usein kyseisen rakenteen kautta määrittääkseen, mistä tulokset alkavat — lisää aiheesta on saatavilla kohdassa miksi ruudunlukija ei lue otsikkoja sivullani oikein. Myös se, miten kohdistus käyttäytyy suodattimen soveltamisen jälkeen, on tärkeää: jos kohdistus hyppää pyytämättä sivun toiseen osaan, näytönlukijan käyttäjä menettää säikeen, kuten kuvataan kohdassa miksi kursori tai kohdistus hyppii pitkin verkkosivustoani.

Mitä WCAG määrää siitä

Että suodattimilla on pystyttävä välittämään nimi, rooli ja tila aputeknologialle, kuten näytönlukijalle, ja että tilanmuutokset, kuten muuttunut tulosten määrä, ilmoitetaan, johtuu WCAG 2.1:n (W3C) kriteereistä, jotka koskevat nimeä, roolia ja arvoa sekä tilapäivitysilmoituksia — tasosta, jota käytännössä EN 301 549 edellyttää. Automaattinen skannaus havaitsee osan tällaisista puutteista, kuten tekstittömän valintaruudun, mutta se, onko tilapäivitysilmoitus käyttäjälle todella ymmärrettävä, edellyttää arviointia, jota skannaus ei pysty tekemään — katso automaattinen saavutettavuustesti ei voi löytää kaikkea.