Ligipääsetavus ehk mis on WCAG?

WCAG (Web Content Accessibility Guidelines) on veebisisu ligipääsetavuse juhiste kogum, mille annab välja W3C Web Accessibility Initiative. WCAG 2.0 avaldati 2008. aastal ja sai 2012. aastal ISO standardiks ISO/IEC 40500:2012. WCAG 2.2 sai W3C soovituseks 5. oktoobril 2023.

Juhised aitavad muuta veebisisu kasutatavaks kõigile — eelkõige puuetega inimestele, aga ka neile, kes kasutavad väikest ekraani, aeglast ühendust või hääljuhtimist.

Miks ligipääsetavus oluline on?

• Võrdne ligipääs. Ligipääsmatu veebileht välistab suure osa ühiskonnast.
• Seadus. Paljudes riikides on ligipääsetavus juriidiline nõue.
• Äri. Ligipääsetav leht jõuab laiema publikuni ja kasutuskogemus paraneb kõigil.
• SEO. Selge struktuur, ALT-tekstid ja korrektsed pealkirjad aitavad ka otsimootoreid.

Õiguslik taust Eestis ja EL-is

EL-i direktiiv 2016/2102 nõuab, et avaliku sektori veebisaidid ja mobiilirakendused vastaksid WCAG 2.1 tasemele AA. Alates 2021. aasta juunist kehtib see nii veebisaitidele kui rakendustele.

Euroopa ligipääsetavuse seadus (EAA) hakkas kehtima 28. juunil 2025. See laiendab nõude erasektorile: veebisaidid, rakendused, e-raamatud, e-poed ja PDF-id peavad vastama WCAG 2.1 AA kriteeriumidele.

Neli aluspõhimõtet (POUR)

| Põhimõte | Mida see nõuab | | --- | --- | | Tajutav | Sisu peab olema tajutav ka siis, kui üks meel puudub — ALT-tekstid, subtiitrid, piisav kontrast | | Kasutatav | Kõik peab olema tehtav klaviatuuriga, ilma ajapiirangute ja vilkuva sisuta | | Arusaadav | Selge keel, ennustatav navigatsioon, arusaadavad veateated vormidel | | Töökindel | Korrektne HTML ja ARIA, mis töötab abitehnoloogiatega |

Keda ligipääsetavus puudutab?

• täielik või sügav nägemispuue;
• osaline nägemispuue;
• värvipimedus;
• motoorne puue;
• düsleksia;
• kognitiivne ja õppimisega seotud puue;
• krambid ja epilepsia;
• aktiivsus- ja tähelepanuhäire (ADHD).

Praktilised sammud, millest alustada

1. Kontrasti kontroll. Tavatekst vajab kontrastisuhet vähemalt 4.5:1, suur tekst 3:1.
2. Klaviatuurinavigatsioon. Läbi kogu lehe ainult Tab-klahviga — kas fookus on nähtav ja järjekord loogiline?
3. Pealkirjade hierarhia. Üks H1, seejärel H2 ja H3 loogilises järjestuses.
4. ALT-tekstid. Sisulistel piltidel kirjeldav tekst, dekoratiivsetel tühi alt="".
5. Vormide sildid. Igal väljal on silt (<label>), veateade sõnades, mitte ainult punase raamina.
6. Video ja heli. Subtiitrid ja tekstiversioon.
7. Ainult värvile tuginemine. Vea või oleku edastamiseks lisa alati ka tekst või ikoon.

Tööriistad kontrollimiseks

• WAVE Evaluation Tool (Chrome'i laiend) — kiire ülevaade ühest lehest.
• Lighthouse (Chrome DevTools) — automaattest koos skooriga.
• axe DevTools — detailsem tehniline analüüs.
• Equalize Digital Accessibility Checker — WordPressi kasutajatele otse admin-vaates.

Automaattestid leiavad umbes 30–40% probleemidest. Ülejäänu nõuab käsitsi kontrolli: klaviatuur, ekraanilugeja, sisu loetavus.

Kokkuvõte

WCAG ei ole ainult juriidiline kohustus, vaid mõõdupuu selle kohta, kas su veebileht töötab kõigi jaoks. Alusta lihtsatest asjadest — kontrast, pealkirjad, ALT-tekstid, klaviatuur — ja tee ligipääsetavusest tavaline osa oma sisutööst.