Miks automaatkontrollid paljastavad rohkem kui oodatakse
Enamik e-poodide omanikke eeldab, et nende veebisait on ligipääsetav. Tegelikkus on sageli teistsugune. Automaatkontroll paljastab tavaliselt kümnetest sadade leidudeni isegi näiliselt tavalises e-poes.
Automatiseerimine katab ligikaudu 30–50% WCAG 2.1 AA reeglitest. Millised on kõige sagedasemad probleemid?
Puuduvad alt-tekstid
Kõige levinum leid. Ilma tekstikirjelduseta (alt-atribuut) pildid on ekraanilugejaid kasutavatele inimestele täiesti ligipääsmatud.
Kuidas parandada:
- Funktsionaalsed pildid (tooted, illustratsioonid, logod): sisukas kirjeldus sellest, mida pilt kujutab või mida nupp teeb
- Dekoratiivsed pildid (taustapildid, kaunistused): tühi alt-atribuut, et ekraanilugejad jätaksid need õigesti vahele
- Teksti sisaldavad pildid: tekst peab olema alt-atribuudis
Madal värvikontrast
Teine sagedasim probleem. WCAG 2.1 AA nõuab normaalse teksti jaoks minimaalset kontrastisuhet 4,5:1 ja suure teksti jaoks 3:1 (18 pt või 14 pt paks). Nõrk kontrast mõjutab nõrga nägemisega inimesi.
Tüüpiliselt probleemsed elemendid: hele nupp 'Lisa ostukorvi' valgel taustal, hall kirjeldav tekst, veaviisid kahvatutes värvides, tekst piltbänneritel.
Kuidas parandada: sellised tööriistad nagu Colour Contrast Analyser või automaatne skannerimine näitavad teile kohe, millised kohad ei vasta standardile.
Ligipääsmatud vormid
Vormid on iga e-poe kriitiline punkt. Kõige sagedasemad probleemid:
- Puuduv label väljale: E-posti väli ilma programmiliselt seotud labelita on ekraanilugejale tundmatu
- Veaviisid, mida ei teatata ARIA kaudu: ekraanilugejat kasutav inimene ei näe, et tekkis viga
- Kohustuslikud väljad ilma tähistuseta: tärn (*) ilman tekstuaalse selgituseta ei piisa
- Nupud ilma sisuka tekstita: 'Kinnita' on parem kui lihtsalt ikoon ilma kirjelduseta
Klaviatuurinavigatsiooni probleemid
EAA üle võttev riiklik seadus nõuab, et kogu e-pood oleks kasutatav ilma hiirta. Kõige sagedasemad probleemid:
- Puuduv nähtav focus ring: kui kasutaja liigub Tab-klahviga lehel, peab ta alati nägema, kus ta asub
- Keyboard trap: kasutaja jääb modaalaknas või menüüs kinni ega saa klaviatuuriga välja
- Halb fookuse järjekord: Tab hüppab lehel ebaloomulikul viisil
Ligipääsmatud interaktiivsed elemendid
Nuppudel ja linkidel peab olema ligipääsetav nimi, et abitehnoloogiad neid õigesti teataksid. Probleemsed mustrid:
- Nupp ainult ikooniga ilma teksti või aria-labelita
- Link 'Kliki siia' või 'Rohkem' ilma kontekstita
- Interaktiivne div või span ilma role='button' ja klaviatuuritoeta
Kuidas alustada parandamist
Soovitatav lähenemisviis:
- Käivitage automaatne skannerimine — tuvastage kõige mõjukamad probleemid kiiresti ja tasuta
- Prioriseerige tõsiduse järgi: lahendage esmalt kriitilised (critical) ja tõsised (serious) leiud
- Parandage tehnilised vead: alt-tekstid, kontrast ja vormide labelid on suhteliselt lihtsad parandused
- Tellige käsitsi audit: ülejäänud reeglid (loetavus, käitumine ekraanilugeritega) nõuavad inimlikku hinnangut
Pidage meeles: automaatkontrollid tuvastavad ligikaudu 30–50% WCAG reeglitest. Automaatselt tuvastatud vigade parandamine on vajalik, kuid mitte piisav samm EAA üle võtva riikliku seaduse täitmiseks.
Juhendi teised artiklid
Korduma kippuvad küsimused
- Kui palju vigu on normaalne?
- Enamikul e-poodidest on kümnetest sadade automaatselt tuvastatavate leidudeni. Arvust olulisem on tõsidus — lahendage esmalt kriitilised ja tõsised vead.
- Kuidas tean, mida esmalt parandada?
- Keskendu leidudele, mis on märgitud kriitiliseks (critical) ja tõsiseks (serious) — need mõjutavad puuetega kasutajaid kõige rohkem.
- Kas automaatselt tuvastatud vigade parandamine piisab?
- Ei. Automatiseerimine tuvastab ligikaudu 30–50% WCAG 2.1 AA reeglitest. Täieliku ülevaate saamiseks — ja EAA üle võtva riikliku seaduse täitmiseks — on vajalik käsitsi audit.
Kas soovite kohe testida oma veebisaidi juurdepääsetavust?
Käivita juurdepääsetavuse kontroll