Ekraanilugeja testimine — kuidas praktikas kontrollida ligipääsetavust

🎧 Kuula kõiki artikleid järjest

WCAG kontrollnimekirjad ja automaattestid on vajalikud, kuid neist ei piisa. Ekraanilugejaga testimine aitab mõista, kas veeb on päriselt kasutatav.

Miks ekraanilugejaga testida?

Paljud ligipääsetavuse probleemid ei ole visuaalselt nähtavad.

Leht võib tunduda täiesti korras, kuid ekraanilugeja kasutaja jaoks olla keeruline või isegi kasutamatu.

Näiteks võivad probleemid olla järgmised:

• pealkirjade vale struktuur;
• vormiväljad ilma selgete siltideta;
• modaalaknad, mis ei saa fookust;
• navigeerimine, mis ei tööta klaviatuuriga;
• dünaamiline sisu, mida ekraanilugeja ei tuvasta.

Just seetõttu on ekraanilugejaga testimine oluline osa WCAG hindamisest.

Mida automaattestid leiavad?

Tööriistad nagu:

• axe;
• Lighthouse;
• WAVE;

suudavad avastada mitmeid tehnilisi probleeme.

Näiteks:

• puuduvad alternatiivtekstid;
• kontrastivead;
• katkised ARIA seosed;
• vigane pealkirjahierarhia.

Need tööriistad on väga kasulikud, kuid nad ei oska hinnata kasutuskogemust.

Nad ei tea, kas kasutaja leiab vajaliku info või saab olulise tegevuse lõpule viia.

Levinumad ekraanilugejad

NVDA

NVDA (NonVisual Desktop Access) on tasuta Windowsi ekraanilugeja.

See on üks levinumaid testimisvahendeid ning sobib hästi enamiku veebide esmaseks kontrollimiseks.

JAWS

JAWS on professionaalne tasuline ekraanilugeja Windowsile.

Paljud suuremad organisatsioonid kasutavad seda igapäevaselt.

VoiceOver

VoiceOver on macOS-i ja iOS-i sisseehitatud ekraanilugeja.

Macis saab selle käivitada klahvikombinatsiooniga:

Cmd + F5

TalkBack

TalkBack on Androidi sisseehitatud ekraanilugeja.

Seda tasub kasutada mobiilsete kasutajateekondade testimiseks.

Mida testida esimesena?

Kui aega on vähe, alusta neljast asjast.

1. Klaviatuuriga navigeerimine

Proovi läbida kogu leht ainult Tab-klahviga.

Kontrolli:

• kas kõik olulised elemendid on saavutatavad;
• kas fookus on nähtav;
• kas fookus liigub loogilises järjekorras;
• kas mõni komponent ei jää "lõksu".

2. Pealkirjade struktuur

Ekraanilugeja kasutajad liiguvad sageli pealkirjade järgi.

Kontrolli:

• kas H1 on olemas;
• kas H1 on ainult üks;
• kas H2 ja H3 järgnevad loogiliselt.

Kui pealkirjad on valed, muutub navigeerimine keeruliseks.

3. Vormid

Vormid on üks sagedasemaid probleemikohti.

Kontrolli:

• kas väljal on silt;
• kas kohustuslikud väljad on arusaadavad;
• kas veateated on selged;
• kas fookus liigub vea juurde.

4. Modaalaknad

Modaalaknad peavad:

• saama avamisel fookuse;
• olema kasutatavad klaviatuuriga;
• sulguma Escape-klahviga;
• tagastama fookuse algsesse kohta.

VoiceOveriga kiire test

Maci kasutajatel on kõige lihtsam alustada VoiceOveriga.

Lülita VoiceOver sisse:

Cmd + F5

Seejärel:

1. Ava veebileht.
2. Liigu Tab-klahviga läbi lehe.
3. Kuula, mida VoiceOver loeb.
4. Proovi täita vorm.
5. Proovi kasutada menüüd ja otsingut.

Sageli avastatakse juba mõne minutiga probleemid, mida automaattestid ei näita.

NVDA-ga kiire test

Windowsis on NVDA tavaliselt esimene valik.

Kasulikud klahvid:

Nende abil saab kiiresti hinnata, kas lehe struktuur on loogiline.

Probleemid, mida automaattestid sageli ei leia

Mõttetu alternatiivtekst

Alt-tekst võib olemas olla, kuid olla kasutu.

Näiteks:

image123.jpg

või

foto

Selline tekst ei anna kasutajale tegelikku infot.

Ebaloogiline fookuse järjekord

Visuaalselt võib kõik tunduda korras.

Klaviatuuriga liikudes võib fookus hüpata ootamatult ühest kohast teise.

Ikoonid ilma tekstilise tähenduseta

Hammasratta või prügikasti ikoon võib olla visuaalselt selge, kuid ekraanilugejale täiesti arusaamatu.

Dünaamiline sisu

Teavitused, laadimisolekud ja AJAX-komponendid vajavad sageli täiendavat ligipääsetavuse tuge.

Praktiline kontrollnimekiri

Enne veebi avalikustamist võiks vastata järgmistele küsimustele:

• Kas veeb on kasutatav ainult klaviatuuriga?
• Kas fookus on alati nähtav?
• Kas pealkirjade struktuur on loogiline?
• Kas vormivead on arusaadavad?
• Kas modaalaknad töötavad korrektselt?
• Kas pildid sisaldavad sisukaid alternatiivtekste?
• Kas navigeerimine on mõistetav ka ilma visuaalse kujunduseta?

Ekraanilugeja testimine ei ole ainult vastavusnõue

WCAG vastavuse kontroll on oluline, kuid eesmärk ei ole ainult linnukese saamine auditis.

Eesmärk on tagada, et inimene saaks veebis vajalikud tegevused lõpule viia.

Mida varem ekraanilugejaga testimist arendusprotsessi kaasata, seda vähem kulub aega ja raha hilisematele parandustele.

WebPro Company OÜ Tehniline juht: Kaido Toomingas

Vajad Drupal abi?

Kui artikkel puudutab sinu olukorda, ei pea kõike lõpuni lugema. Sinuga suhtleb päris inimene ja aitab järgmise sammuni jõuda.

Võta ühendust