Eesti    English

Mida õppida erakondade kodulehtede ligipääsetavusest?

Pilt sisaldab küsimust: "Mida õppida erakondade kodulehtede ligipääsetavusest?" Taustal on kuvatõmmised erinevate eesti erakondade veebilehtedest.

Kohaliku omavalitsuse volikogu valimised on lõppenud. Selgunud on valimiste võitjad ja õppetunnid.

Iga erakond rõhutab, et kõik inimesed on olulised, kuid paraku ei kanna seda sõnumit lõpuni erakondade endi veebilehed. Seda just ligipääsetavuse aspektist.

Tule vaata, mis ligipääsetavuse murekohti erakondade kodulehtedelt leiab ja mida nendest õppida.

1. Puudub “Liigu põhisisu juurde” link

Ekraanipilt Eesti 200 avalehe ülemisest osast, kus on nähtav ka "Liigu sisu juurde" nupp.
Ekraanipilt Eesti 200 kodulehelt. Kui kasutaja tabeldusnupuga Eesti 200 kodulehel ringi liikus, tekkis enne peamenüüd “Liigu sisu juurde” nupp, aga paraku see ei olnud korrektselt seadistatud ning kasutajat menüüst mööda ei viinud. 

“Liigu põhisisu juurde” näol on tegemist funktsiooniga, mis võimaldab näiteks vaegnägijast, või muul põhjusel arvutihiirt mitte kasutada saaval, klaviatuurikasutajal kodulehe põhimenüüst soovi korral mööda navigeerida. Nii ei pea inimene iga avatava lehe puhul kogu navigatsioonimenüüd läbima ja võib otse põhisisu juurde minna.

Otsetee põhisisu juurde puudus Reformierakonna, Sotsiaaldemokraatide, Eesti Konservatiivse Rahvaerakonna ja Parempoolsete kodulehel. Isamaa põhilehel samuti puudus, kuid valimisprogrammi veebilehel oli olemas.

Eesti 200 kodulehel tekkis küll TAB-klahviga navigeerimisel enne peamenüüd vastav nupp aga paraku see tehniliselt ei toiminud.

Keskerakonna veebilehel “Liigu põhisisu juurde” nupp ilusti toimis aga selle tekst ei olnud seotud veebilehel valitud keelega, olles eestikeelsel lehel ingliskeelne.

2. Nähtamatu fookus

Ekraanipildil Sotsiaaldemokraatide veebilehel asuv “Liikmele” alamleht, kus on nimekiri linkidest ning link “Piirkonnad ja osakonnad” on fookuses.
Ekraanipilt Sotsiaaldemokraatide kodulehelt. Kui kasutaja liikus Sotsiaaldemokraatide veebis tabeldusnupuga, märkas ta tänu linki „Piirkonnad ja osakonnad” ümbritsevale raamile, et tal on parasjagu see fookuses. Kujunduslikult saaks fookuse olekut siin veelgi paremini esile tuua.

Kodulehe külastajale, kes ei saa kasutada arvutihiirt, näiteks lihasdüstroofia või Parkinsoni tõve tõttu, peab olema selgelt nähtav, kus ta klaviatuuriga või muuabivahendiga navigeerides veebilehel asub.

Koduleht peab kasutajale visuaalselt näitama, millisel lingil, nupul, vormiväljal või muul interaktiivsel elemendil asub fookus, kui ta TAB-klahviga lehe peal ringi liigub.

Nähtav fookus oli olemas Eesti 200, Sotsiaaldemokraatide, Reformierakonna (osaliselt) ja Keskerakonna (osaliselt) veebis.

Puudus aga Parempoolsete, Eesti Konservatiivse Rahvaerakonna ja Isamaa kodulehel.

3. Vale pealkirjade järjestus

Ekraanipilt Parempoolsete veebilehelt, kus on avatud "Meedia" alamleht. Sealt leiab nimekirja uudistest.
Ekraanipilt Parempoolsete kodulehelt. Parempoolsete kodulehel jäi H2 pealkiri vahele. H1’na oli veebilehe koodis tähistatud “Meedia” ning H3’na pealkirjad. 

Pealkirjade õige hierarhiline järjestus on oluline, et veebilehe sisu oleks selge ja kergesti navigeeritav ekraanilugejatele, mida nägemispuudega inimesed kasutavad.

Pealkirjade ülesehitus peab olema loogiline ja järjepidev, alustades pealkirjast kõige kõrgemal tasemel, nagu H1, ja liikudes seejärel allapoole, tasemele H2, H3 jne.

Kui pealkirjad on vales järjestuses, võib see ekraanilugejat segadusse ajada ja seeläbi takistada nägemispuudega inimesele lehe sisule ligipääsu.

Iga erakonna kodulehel esines suuremal või vähemalt määral olukordi, kus pealkirjad polnud järjekindlalt struktureeritud.

4. Pildid ei ole kirjeldatud

Ekraanipilt Keskerakonna kodulehelt, “Meie inimesed” rubriigist. Sealt leiab liikmete pilte, nimesid ja positsioonide nimetusi, näiteks esimees, aseesimees jne.
Ekraanipilt Keskerakonna kodulehelt. Kuna Keskerakonna veebilehel, “Meie inimesed” rubriigis, puudusid piltidel kirjeldused või dekoratiivseks määratlused, luges ekraanilugeja pildifailide nimetusi, näiteks Mihhail Kõlvarti puhul “inimesed-taustatamihhail-kolvart-1.jpg”. 

Vaegnägija ei näe veebilehel olevaid pilte, mistõttu on oluline, et sisutoimetaja lisaks neile kirjeldused.

Pildile saab hõlpsasti kirjelduse lisada näiteks WordPressis, kasutades pildi haldamise seadetes Alt Text või Alternative Text välja.

Oluline on meeles pidada, et illustratiivsetele piltidele, millel ei ole sisulist tähendust, ei ole vaja kirjeldust lisada.

Erakondade veebilehtedel oli selles osas üsna sarnane olukord. Valdavalt esines pilte, mis olid kenasti kirjeldatud või dekoratiivseks määratletud.

Samas oli olukordi, kus piltidel vajalikud kirjeldused puudusid ehk vaegnägija ei saanud infot kätte.

5. Kontrastimured tekstiga

Isamaa veebilehel olev valimisprogrammi lubaduste nimekiri. Ekraanipildil on näha alampealkirjad ja nende all olev tavatekst.
Ekraanipilt Isamaa kodulehelt. Isamaa veebilehel ei olnud valmislubaduste helesinised pealkirjad ettenähtud kontrastsusega, olles kontrastisuhtega 3.45:1. 

Valija, kellel on halvem nägemine, tunneb raskusi teksti lugemisel, mille kontrastsus on kehva.

Tekstile kehtivad järgmised kontrastinõuded: kui teksti suurus on väiksem kui 18 punkti (või väiksem kui 14 punkti rasvases kirjas), peab teksti ja tausta kontrastisuhe olema vähemalt 4.5:1. Suurema teksti puhul 3:1.

Kohti, kus saab teksti kontrasti parandada, esines iga erakonna kodulehel.

Kokkuvõtteks

Eelnevalt juhtisin tähelepanu mõnedele punktidele, mis kiirel vaatlusel silma jäid.

Kõik tegurid, mille suhtes digiligipääsetavust hinnata on sätestatud Euroopa Liidu ligipääsetavusnõudeid hõlmavas harmoniseeritud ligipääsetavuse standardis EN301549, mis omakorda põhineb suures osas WCAG (Web Content Accessibility Guidlines) edukriteeriumitel.

Sellest aastast, kehtivad suurematele ettevõtetele ligipääsetavuse seadusest tulenevad kohustused. Aga juba ammusest ajast, 2019 aastast, peavad avaliku sektori veebid vastama Euroopa Liidu direktiivi EL 2016/2102 nõuetele.

Kuigi erakondadel ei ole seadusest tulenevat kohustust enda kodulehti ligipääsetavaks muuta, on see täna pigem moraali küsimus.

Ligipääsetavus on kriitilise tähtsusega, et tagada kõigile inimestele, olenemata nende eripärast, võrdsed võimalused infole juurdepääsuks.

Hea ligipääsetavus on ka konkurentsieelis, mille oskuslikul rakendamisel, valimistel paremaid tulemusi saavutada.

💡 Soovi korral oled oodatud UX/UI ja AI disaini koolitusele.

✉️ Liitu uudiskirjaga, et olla kursis UX ja AI valdkonnas toimuvaga. 

👉 Jälgi UX Estonia tegemisi Facebookis, Instagramis ja Linkedinis. Kuula või vaata meid Spotifys ja YouTubes.

✨ UX Estonia on digitaalse kasutajakogemuse disaini, uuringute, konsultatsiooni ja koolituse ettevõte.