Ekrano skaitytuvo sertifikavimas: Praktinis vadovas

Supraskite, kaip veikia ekrano skaitytuvo technologija. Testų tipiškos klaidos ir kaip jas išvengti kuriant turinį.

15 min skaitymui Vidutinis lygis Liepa 2026

Rankas naudoja ekrano skaitytuvą ant nešiojamojo kompiuterio, kuriam parodytos pritaikymo parinktys

Ekrano skaitytuvas yra neįkainojama technologija žmonėms, kurie turi regėjimo negalias. Tačiau dažnai kuriant tinklalapius pamirštama, kaip jie iš tikrųjų naudojami. Šis vadovas padės jums suprasti praktinius aspektus ir išvengti pagrindinių klaidų.

Esmė: Ekrano skaitytuvas neverčia teksto į balsą. Jis nuskaito HTML struktūrą, semantiką ir atributus. Jei kuriate prastiems žmonėms, kurite ir ekrano skaitytuvui.

Kaip iš tikrųjų veikia ekrano skaitytuvas

Ekrano skaitytuvas yra programinė įranga, kuri nuskaito jūsų tinklapio kodą ir skaito informaciją garsu. Tai ne paprasta teksto konvertavimo į balsą sistema. Jis supranta HTML žymes, semažiką, forma ir navigaciją.

Populiariausi ekrano skaitytuva Vakaruose: NVDA (Windows), JAWS (Windows), VoiceOver (Mac/iOS) ir TalkBack (Android). Kiekvienas veikia šiek tiek skirtingai. Naudotojai dažnai jų naudoja klaviatūroje — pelė dažnai nenaudojama.

Testą atlikti yra lengva. Tiesiog įjunkite savo ekrano skaitytuvą ir žiūrėkite, ką jis sako. Bet nereikalaujamai jis gali nuskaityti daug nepageidaujamos informacijos — panašiai kaip skaityti tinklapį be akių.

Žmogus naudoja NVDA ekrano skaitytuvą, sėdint prie stalo su klausytuvais, žiūrint į kompiuterio ekraną

Jei nenaudojate semantinės HTML žymos, ekrano skaitytuvas negali žinoti, ką skaitote. Jis žino tik tai, ką parašėte.

— WCAG 2.1 gairės

Šešios bendros ekrano skaitytuvo naudojimo klaidos: sugestų atributai, blogai struktūruotas HTML, nenurodyta kalbą, trūksta alt teksto, forma be etiketės, ikonos be aprašymo

Šešios pagrindinės testų klaidos

Pradėkite nuo šių šešių klaidų — jei jų išvengisite, jūsų turinys bus daug prieinamiau.

Alt atributas likusis tuščias. Kiekviena reikšminga nuotrauka turi turėti alt tekstą. Dekoratyvios nuotraukos turėtų turėti tuščią alt="".
Naudojami div ir span HTML žymoms. Jei kuriate antraštę, naudokite <h2>, ne <div class="title">.
Nenurodyta dokumento kalba. Pridėkite lang="lt" į <html> žymą.
Forma be etiketės. Kiekvienas <input> turi <label> ir nuorodą su id.
Ikonos be aprašymo. Font Awesome ikonos turėtų turėti aria-label arba paslėptą tekstą.
Neparodytas fokuso indikatorius. Vartotojai turi matyti, kuris elementas yra aktyvus.

Praktiški testų žingsniai

Testas yra greitai atliekamas. Nereikalaujamai naudojama klaviatūra ir ekrano skaitytuvas. Jei nenaudojate klaviatūros, neturite reikšmingos prieigos. Čia yra žingsnis po žingsnio:

Atidarykite ekrano skaitytuvą

Naudokite NVDA (Windows, nemokama) arba VoiceOver (Mac, integruota).

Naršykite tik naudodami klaviatūrą

Naudokite Tab, Shift+Tab, Enter, rodykles. Negriebiokite pelės.

Atidžiai klausykitės

Ar jis nuskaito antraštę kaip antraštę? Ar sako "mygtukas"? Ar ikonos neturi pavadinimo?

Surašykite problemų

Užrašykite, ką sunku suprasti arba ką trūksta. Tai jūsų geriausi testai.

Nešiojamasis kompiuteris, ant kurio rodytas tekstinis turinys, šalia du išoriniai klausytuvai, stalas iš medienos

Dizaineris analizuoja HTML kodą savo kompiuteryje, atidžiai žiūrėdamas į semantic žymas ir aria atributus

Sertifikavimas: ką jums reikia žinoti

Nėra oficialaus "ekrano skaitytuvo sertifikavimo" standarto. Bet jei norite parodyti, kad jūsų turinys yra prieinamas, galite naudoti WCAG 2.1 AA standartą. Tai yra tarptautinis prieinamumo standartas.

Daugelis organizacijų tikrina prieinamumą trečiosios šalies audito metu. Jie naudoja automatizuotus testus (kaip axe arba Lighthouse) ir žmonių testus su ekrano skaitytuvu. Realūs žmonės su negalias yra geriausias būdas patikrinti.

Jei norite mokytis sertifikavimo, pradėkite nuo WCAG gairių. Jos nemokamai prieigos visiem. Jei jums reikalingas oficialus sertifikatas, galite išnaudoti WAI-ARIA kursus arba profesionalias organizacijas.

Baigiamosios mintys

Ekrano skaitytuvo sertifikavimas nėra pabaiga, o pradžia. Jei kuriate prieinamą turinį, jūs kuriate jį visiems — žmonėms su negalias, senoliams, kurie turi susilpnėjusias akis, ir net tiems, kurie skaito tinklapį žemoje šviesos sąlygose.

Pradėkite nuo semantinio HTML. Naudokite teisingus žymas: <h1>, <h2>, <button>, <label>. Neskaitykite ikonų be aprašymo. Testuokite su tikrais ekrano skaitytuvais. Klauskite žmonių, kurie jų naudoja.

Prieinamumas nėra sunkus. Jei pastaruosius metu naudojote tinklapius, žinote, kad jie gali būti gera ar bloga. Tas pats ir su ekrano skaitytuvu. Todėl ir pradėkime nuo pagrindinių klaidų ir juos ištaisykime.

Svarbi pastaba

Individuali mokymosi patirtis skiriasi nuo žmogaus žmogui. Nors šis vadovas yra paruoštas remiantis geriausiomis WCAG praktinėmis patirtimis, jūsų specifinis kontekstas gali reikalauti papildomų testų ir pritaikymų. Rekomenduojame testuoti su tikrais ekrano skaitytuvo naudotojais jūsų organizacijoje.