Juurdepääsetavus WordPressiga

WordPress ise võib olla juurdepääsetav — probleemid tulevad enamasti teema, pluginate ja lehe plokkide kaudu.

Sagedased leiukohad

Liiga madala kontrastiga või nähtava fookuseta teemad, ilma pausi/klaviatuurijuhtimiseta liugurpluginad, sildistamata väljadega manustatud vormid (Contact Form 7 jne), alt-tekstita pildiplokid ja lehekoostajad, mis muudavad pealkirjad pelgalt suurteks lõikudeks. WordPressi põhitoimeti pole tavaliselt probleem — probleem on selle peal olev kiht.

Teema kontroll ja valik

Teema otsustab kontrasti, fookuse kuvamise, pealkirjade struktuuri ja navigeerimise klaviatuurijuhtimise. Kriteeriumid enne valikut: liigu lehel Tab-klahviga läbi — kas fookus on alati nähtav? Kas menüüd saab kasutada ilma hiireta? Kas teksti ja nuppude värvikontrast on vähemalt 4,5:1? Plokipõhised vaiketeemad (Twenty Twenty-Four/-Five) on kindel lähtepunkt; ostetud teemade puhul aitab pilk demole väljalülitatud CSS-iga ja klaviatuuritest.

Töötage plokitoimetis puhtalt

Kasuta pealkirjaplokke õiges järjekorras (üks H1 lehe kohta, ära jäta taset vahele) — ära lihtsalt tee teksti suureks ja rasvaseks. Anna igale pildiplokile alt-tekst; puhtalt dekoratiivsed pildid märgi selgesõnaliselt dekoratiivseks. Tegevusteks kasuta nupuplokki, navigeerimiseks päris linke. Loendid loendiplokina, mitte kriipsudega lõiguna. Tabelid ainult päris tabeliandmete jaoks ja päisereaga.

Pluginad ja vormid

Vormipluginad (Contact Form 7, WPForms, Gravity Forms) loovad ligipääsetavaid vorme ainult siis, kui igal väljal on nähtav, seotud silt ja veateated on väljaga seotud — ainuüksi kohatäitetekstist ei piisa. Liugurid ja karussellid vajavad pausinuppu ega tohi klaviatuurifookust lõksu püüda; kahtluse korral jäta need välja. Lehekoostajad (Elementor, Divi, WPBakery) pole iseenesest ligipääsmatud, kuid ahvatlevad semantikata pesastatud div-struktuuridele — siin pööra erilist tähelepanu pealkirjadele ja fookusele.

Testimine

Kolm kiiret testi ilma lisatarkvarata: (1) kasuta lehte ainult klaviatuuriga — Tab, Enter, nooleklahvid; kas pääsed kõikjale ja jälle välja? (2) suumi brauseris 200%-le — kas kõik jääb loetavaks ja kasutatavaks? (3) käivita brauserilaiendus nagu WAVE või axe DevTools. a11yglassi tasuta skannimine kontrollib lisaks su avalehe edastatud HTML-i kontrasti, alt-tekstide, siltide, keele ja struktuuri osas ning nimetab iga leiu jaoks WCAG-kriteeriumi.

Korduma kippuvad küsimused

Kas ligipääsetavuse plugin muudab mu saidi nõuetele vastavaks? Ei — ülekattepluginad, mis vidina abil kontrasti ja kirjasuurust vahetavad, ei paranda struktuurseid probleeme ja neid kritiseerivad puuetega inimeste ühendused. Milline teema on ligipääsetav? Märki ei ole; otsustav on teostus konkreetsel juhul — ülaltoodud kriteeriumid aitavad valikul. Kas mu WordPressi sait vajab ligipääsetavuse avaldust? See sõltub sellest, kas sait kuulub BFSG alla (e-kaubandus) või haldab seda avalik-õiguslik asutus — vaata ligipääsetavuse avalduse lehte.

Kuidas a11yglass aitab

Tasuta skannimine kontrollib serveeritavat HTMLi ja CSSi automaatselt tuvastatavate WCAGi rikkumiste suhtes ja nimetab iga leiu kohta edukriteeriumi ja konkreetse meetme. Leiab umbes 20–35 % probleemidest ega asenda täielikku hindamist.

Loe edasi

Üldine teave parima teadmise järgi, mitte õigusnõu. Üksikjuhtumi puhul pöördu IT-õigusele spetsialiseerunud advokaadibüroo poole.