UX Dizajnzačiatočník

Čo je Screen Reader (Čítačka obrazovky)?

Screen reader je asistenčná technológia, ktorá prevádza obsah obrazovky na reč alebo Braillovo písmo. Umožňuje nevidiacim a slabozrakým osobám pracovať s počítačom a prehliadať webstránky.

Definícia Screen Reader

Čo je screen reader

Screen reader (čítačka obrazovky) je softvér, ktorý číta obsah zobrazený na obrazovke a prevádza ho na zvukovú reč alebo výstup na Braillov riadok. Je to kľúčová asistenčná technológia pre ľudí so zrakovým postihnutím.

Medzi najpoužívanejšie screen readery patria JAWS (Windows), NVDA (Windows, bezplatný), VoiceOver (macOS/iOS) a TalkBack (Android). Každý z nich interpretuje webový obsah na základe HTML štruktúry, ARIA atribútov a ďalších sémantických prvkov.

Ako screen reader funguje

  • Čítanie obsahu — prechádza DOM strom a číta text, nadpisy, odkazy a formulárové prvky
  • Navigácia — používateľ sa presúva medzi nadpismi, odkazmi, tabuľkami a regiónmi pomocou klávesových skratiek
  • Interakcia — umožňuje aktivovať tlačidlá, vypĺňať formuláre a ovládať webové aplikácie

Prečo je dôležité testovať so screen readerom

Podľa Svetovej zdravotníckej organizácie má viac ako 2 miliardy ľudí na svete nejakú formu zrakového postihnutia. Testovanie so screen readerom odhalí problémy, ktoré nie sú viditeľné vizuálne — chýbajúce alt texty, nelogická navigácia alebo neprístupné formuláre. Vývojári by mali pravidelne testovať aspoň s jedným screen readerom.

Praktický príklad

Príklad: Testovanie kontaktného formulára s VoiceOver na macOS.

Vývojár zapne VoiceOver (Cmd + F5) a prechádza formulárom pomocou klávesnice. Zistí, že pole „Telefónne číslo" nemá priradený <label>, takže VoiceOver prečíta iba „editovateľný text" bez kontextu. Po pridaní <label for="phone"> VoiceOver správne oznámi „Telefónne číslo, editovateľný text".

Často kladené otázky

Čo je screen reader?

Screen reader je softvér, ktorý prevádza obsah obrazovky na reč alebo Braillovo písmo. Používajú ho predovšetkým nevidiaci a slabozrakí ľudia na prácu s počítačom a prehliadanie internetu.

Aké screen readery existujú?

Medzi najpoužívanejšie patria JAWS a NVDA pre Windows, VoiceOver pre macOS a iOS, a TalkBack pre Android. NVDA je bezplatný a open-source.

Ako testovať web so screen readerom?

Na macOS použite VoiceOver (Cmd + F5), na Windows si nainštalujte NVDA (zadarmo). Prehliada stránku iba klávesnicou a počúvajte, či screen reader správne oznamuje všetky prvky, navigáciu a interaktívne elementy.

Súvisiace pojmy

ARIA role

ARIA role je atribút v HTML, ktorý definuje úlohu prvku pre asistenčné technológie ako čítačky obrazovky. Umožňuje sprístupniť dynamický webový obsah aj používateľom so zrakovým postihnutím.

Alt text (Alternatívny text)

Alt text je textový popis obrázka v HTML atribúte alt, ktorý sa zobrazí, keď sa obrázok nenačíta, a ktorý čítačky obrazovky prečítajú nevidiacim používateľom. Je dôležitý pre prístupnosť aj SEO.

WCAG (Web Content Accessibility Guidelines)

WCAG je medzinárodný štandard pre prístupnosť webového obsahu, vydávaný organizáciou W3C. Definuje pravidlá a kritériá úspešnosti rozdelené do troch úrovní: A, AA a AAA.

Navigácia klávesnicou

Navigácia klávesnicou je schopnosť ovládať celú webstránku bez myši, iba pomocou klávesov Tab, Enter, Escape a šípok. Je nevyhnutná pre používateľov s motorickým postihnutím a používateľov screen readerov.

Skip Links

Skip links sú skryté odkazy na začiatku webstránky, ktoré umožňujú používateľom klávesnice a screen readerov preskočiť opakujúce sa bloky obsahu a prejsť priamo na hlavný obsah stránky.

Späť na slovník

Potrebujete pomôcť s webom?

Napíšte mi a poradím vám s vaším projektom. Prvá konzultácia je zadarmo a nezáväzná.

Napíšte miPozrite moju prácu