Veebilehe ligipääsetavus tähendab teie kodulehe kasutatavaks muutmist kõigile, sealhulgas puuetega inimestele. See pole ainult eetiline valik — see on üha enam ka seaduslik nõue ja tark äriotsus.
Miks ligipääsetavus on oluline?
- Seaduslik nõue: Euroopa ligipääsetavuse akt (EAA) jõustus juunis 2025 ja nõuab, et paljud digiteenused oleksid ligipääsetavad. See kehtib ka Eesti ettevõtetele.
- Suurem publik: 15–20% maailma elanikkonnast on mingisugune puue. Ligipääsmatu koduleht välistab nad.
- Parem SEO: Paljud ligipääsetavuse parandused (alt-tekst, pealkirjade struktuur, semantiline HTML) parandavad otseselt otsingumootori optimeerimist.
- Parem kõigile: Ligipääsetavuse funktsioonid aitavad kõiki kasutajaid — subtiitrid aitavad lärmakas keskkonnas, klaviatuurinavigatsioon aitab kogenud kasutajaid, selge struktuur aitab kõiki.
Ligipääsetavuse põhiprintsiibid (WCAG)
Veebisisu ligipääsetavuse juhised (WCAG) määratlevad neli printsiipi:
- Tajutav: Info peab olema esitatav viisil, mida kasutajad tajuvad (tekstialternatiivid piltidele, subtiitrid videole)
- Kasutatav: Kasutajad peavad saama liidest kasutada (klaviatuurinavigatsioon, piisavalt aega sisu lugemiseks)
- Mõistetav: Info ja kasutamine peavad olema mõistetavad (selge keel, prognoositav navigatsioon)
- Vastupidav: Sisu peab töötama praeguste ja tulevaste tehnoloogiatega (kehtiv HTML, ARIA atribuudid)
Kiired võidud ligipääsetavuse jaoks
Pildid
Lisage kirjeldav alt-tekst igale sisulisele pildile. Ekraanilugejad loevad alt-teksti ette nägemispuudega kasutajatele. Dekoratiivsed pildid peaksid omama tühje alt-atribuute (alt=""). See on ka hea SEO praktika — Google kasutab alt-teksti piltide indekseerimiseks.
Pealkirjade struktuur
Kasutage pealkirju (H1–H6) loogilises järjestuses. Ärge jätke tasemeid vahele. Pealkirjad loovad dokumendi ülevaate, mida ekraanilugejad kasutavad navigeerimiseks — mõelge neist kui sisukorrast.
Värvide kontrast
Tagage piisav kontrast teksti ja tausta vahel. WCAG nõuab minimaalselt 4,5:1 suhet tavalise teksti jaoks ja 3:1 suure teksti jaoks. Kasutage kontrollimiseks tööriistu nagu WebAIM Contrast Checker.
Klaviatuurinavigatsioon
Iga interaktiivne element peaks olema klaviatuuriga ligipääsetav (Tab, Enter, Escape). Testige oma kodulehte navigeerides täielikult klaviatuuriga — hiir pole lubatud. Kui jääte kuhugi kinni, parandage see.
Vormid
- Märgistage iga vormiväli selgesõnaliselt <label> elemendiga
- Esitage selged veateated, mis selgitavad, mis läks valesti ja kuidas seda parandada
- Ärge toetuge info edastamiseks ainult värvile (lisage tekst või ikoonid)
Lingid
Lingi tekst peaks kirjeldama sihtkohta. "Vajuta siia" ja "Loe rohkem" on ekraanilugeja kasutajatele, kes navigeerivad linkide järgi, abistavad. Kasutage kirjeldavat teksti: "Loe meie hinnajuhendit" asemel "Vajuta siia".
Kodulehe testimine
- Automaatsed tööriistad: WAVE (wave.webaim.org), Lighthouse'i ligipääsetavuse audit, axe DevTools
- Klaviatuuri test: Navigeerige kogu kodulehe ainult Tab, Enter ja nooleklahvidega
- Ekraanilugeja test: Proovige NVDA-d (tasuta, Windows) või VoiceOverit (sisseehitatud Mac/iOS)
- Värvide kontrast: WebAIM Contrast Checker
Ligipääsetavus pole ühekordne ülesanne — see on pidev praktika. Alustage ülaltoodud kiiretest võitudest ja parandage aja jooksul järk-järgult.