Přístupný Web Logo Přístupný Web Kontaktujte nás
Navigace
Kontaktujte nás

Příslušenství, čtečky obrazovky a asistivní technologie v praxi

Pochopte, jak se na web dívají lidé s poruchami zraku. Naučte se testovat a optimalizovat web pro čtečky obrazovky a jiné asistivní technologie.

16 min čtení Pokročilý Květen 2026
Žena pracující na notebooku s čtečkou obrazovky, která pomáhá osobám se zrakovými poruchami při práci s webem
Markéta Svobodová

Autor článku

Markéta Svobodová

Vedoucí oddělení přístupnosti a inkluzivního designu

Vedoucí specialistka na webovou přístupnost a inkluzivní design s 14 lety zkušeností v tvorbě přístupných webů.

Když máme mluvit o přístupnosti webu, bez asistivních technologií se neobejdeme. To jsou aplikace a zařízení, které lidem s hendikepy umožňují používat internet. A já vám chci dnes říci — testovat web na čtečce obrazovky není věda. Je to praktická dovednost, kterou si můžete osvojit v řádu hodin.

Čtečka obrazovky je software, který převádí obsah obrazovky na hlas. Běží na počítačích, tabletech a chytrých telefonech. Lidé s poruchami zraku jí používají každý den. Některé čtečky najdete zdarma — NVDA na Windows, JAWS na Macu. A věřte mi, když si ji vyzkoušíte, pochopíte, co všechno na vašem webu možná nefunguje.

Jak čtečka obrazovky vlastně funguje

Čtečka obrazovky čte obsah webu sekvenčně — od začátku do konce. Skáče mezi nadpisy, seznamy, tlačítky. Uživatel ji ovládá klávesnicí. Bez myši. Bez ikony. Jen text a struktura.

To znamená: pokud máte obrázek s textem uvnitř (typu meme nebo grafika), čtečka obrazovky nic nevidí. Pokud je tlačítko pojmenované jen ikonou bez textu, uživatel neví, co dělá. Pokud je navigace jen vizuální, bez logické struktury — už vůbec ne.

Hodně webů se tváří pěkně, ale pro čtečku jsou nepoužitelné. Bílá práce na bílém pozadí. Text skrytý za CSS. Dynamický obsah, který se neaktualizuje. Musíte myslet na tyhle věci od začátku.

Schéma zobrazující, jak čtečka obrazovky procházení webové stránkou strukturovaně od horů dolů přes nadpisy a navigaci
Zblízka na klávesnici s zvýrazněnými klávesami Tab, Enter a šipkami, které se používají k navigaci webu bez myši

Testování webu — praktické kroky

Chcete si vyzkoušet, jak váš web funguje na čtečce? Začněte jednoduše:

  • Stáhněte si NVDA (zdarma, Windows/Linux). Nebo JAWS (placená, ale trial 40 minut).
  • Otevřete si váš web. Zapněte čtečku.
  • Pohybujte se jen klávesnicí — Tab pro další prvek, Shift+Tab pro předchozí.
  • Poslouchejte, co čtečka čte. Setkáte se s překvapením.

Prakticky vždy zjistíte: tlačítka nemají smysluplný popis, obrázky chybí alternativní text, nebo se formuláře nedají vyplnit bez myši. Těchto věcí se dá napravit, ale musíte vědět, že existují.

Poznámka pro studenty a návštěvníky

Tento článek je edukativní materiál o přístupnosti webu a asistivních technologiích. Pokyny zde jsou zaměřeny na pochopení, jak lidé se zrakovými poruchami web používají, a jak jej správně navrhovat. Nejde o technickou instalaci nebo nastavení software. Pokud potřebujete pomoc s konkrétní konfigurací čtečky obrazovky, obraťte se na technickou podporu výrobce nebo specialistu na přístupnost.

Klíčové principy pro přístupný web

Aby váš web fungoval dobře s čtečkou, musí splňovat základní pravidla. Nejde o něco složitého, spíš o zdravý rozum.

Nadpisy a struktura: Používejte H1, H2, H3 správně. Ne pro velikost písma. Čtečka obrazovky je používá k orientaci. Když je celá stránka jeden velký H1, uživatel neví, kde je.

Alternativní text: Každý obrázek potřebuje `alt` atribut. Ne “foto1.jpg”, ale “Tým sedí u stolu a plánuje projekt”. To, co by vám řekl člověk vedle.

Formuláře: Každé pole musí mít `label`. Ne jen placeholder. Placeholder zmizí, když začnete psát. Label zůstane.

Příklad kódu HTML zobrazující správně strukturovaný web s H1, H2, tagy, alt textem na obrázcích a label prvky ve formulářích
Profesionální muž s poruchou zraku pracující na počítači se speciálním zvětšovacím software a čtečkou obrazovky v kancelářském prostředí

Další asistivní technologie — ne jen čtečky

Čtečka obrazovky není jediná. Existuje spousta nástrojů, kterými se lidé na web dívají:

Zvětšovací software: Zvětšuje obsah. Někdy 4x, někdy 16x. Text se stane ilegální, pokud není responzivní. Když máte na řádku 150 znaků a zvětšíte si 8x, nevidíte nic.

Speciální klávesnice: Někdo ovládá počítač jen jednou rukou. Nebo jen hlasem. Web musí fungovat bez myši — to jsem zmínil, ale opravdu, opravdu to je důležité.

High contrast režim: Lidé se špatným viděním si často zapínají vysoký kontrast. Vaše dekorativní barvy pak zmizí. Zbude jen text. Pokud text není vidět bez barev — máte problém.

Shrnutí — co si zapamatovat

Přístupnost není o charitě. Je to o tom, aby váš web fungoval pro všechny. Když ho budujete s asistivními technologiemi na mysli, bude lepší pro každého. Seniory s horším zrakem. Lidi na mobilech v slunci. Všechny.

Začněte jednoduše: stáhněte si čtečku obrazovky, vyzkoušejte svůj web. Slyšíte všechno, co jste chtěli? Fungují tlačítka? Poznáte, kde jste na stránce? Pokud ne — máte co dělat. A je to v pořádku. Všichni máme. Jsme všichni nováčci, když začneme.

Další články v kategorii