Jak si zkontrolovat web zda je přístupný pro slabozraké.
Jak ověřit, že je web přístupný i pro slabozraké uživatele – nástroje přímo v prohlížeči a body, které je dobré projít ručně.
Pro testování přístupnosti se dříve používaly tzv. Accessibility Toolbary (původní odkaz na ně už nefunguje). Dnes jsou nástroje přímo v prohlížeči: v Chrome a Edge audit Lighthouse v nástrojích pro vývojáře (klávesa F12, záložka Lighthouse, kategorie Accessibility). Chyby přístupnosti vyznačí přímo na stránce také nástroj WAVE (stav k září 2026).
Další možností je postupovat dle níže uvedených bodů:
1. V prohlížeči vypněte zobrazování grafických objektů.
Takto odhalíte ty grafické objekty, které nemají alternativní textový popisek.
2. V prohlížeči vypněte zpracování prvků nad rámec HTML (Javascript, Java, CSS atd.).
Pokud i po tomto opatření budou jakýmkoliv způsobem přístupné všechny informace na stránce, je z hlediska její přístupnosti vše v pořádku.
3. Načtěte stránku do prohlížeče pracujícím v textovém režimu (např. LYNX).
Jestliže bude obsah čitelný, smysluplný a přístupný i zde, je velmi pravděpodobné, že stránka bude přístupná i pro uživatele se zrakovým postižením.
4. Pomocí schránky zkopírujte textový obsah stránky do jednoduchého editoru.
Označte celou stránku pomocí příkazu "Vyber vše", zkopírujte jej do schránky příkazem "Kopírovat" a vložte jej do jednoduchého editoru (např. "Poznámkový blok" v Microsoft Windows). Obsah stránky by opět měl být rozložen ve správném a smysluplném pořadí.
5. Zkuste provést navigaci pouze pomocí klávesnice.
Mezi odkazy a dalšími aktivními prvky (především prvky formulářů) vyzkoušejte pohyb pomocí klávesy TAB. Ujistěte se, zda se kurzor při přesunu pomocí klávesy TAB pohybuje po jednotlivých aktivních prvcích ve smysluplném pořadí.
6. Různým způsobem pozměňujte velikost okna prohlížeče a nastavené rozlišení obrazovky.
Zmenšujte a poté zvětšujte velikost okna prohlížeče. I při malé velikosti jeho okna by měl být přístupný celý rozsah stránky - pohybem posuvníků. Stejnou zkoušku proveďte při různých nastaveních rozlišení obrazovky. Stránka by měla být použitelná i na úzkém displeji (šířka 320 CSS pixelů) a při přiblížení prohlížeče na 200 % – text se nesmí překrývat ani ořezávat.
7. Nastavte nestandardní kombinaci barev a velikosti písma systémového prostředí a prohlížeče.
V Microsoft Windows nastavte zobrazení obrazovky na schéma "Vysoký kontrast - černá (největší)" a zjistěte, zda je obsah stránky čitelný a přístupný. Ve Windows 11 se tato volba jmenuje „Kontrastní motivy“ (Nastavení → Usnadnění). Ve Firefoxu jde v nastavení barev zvolit, aby se místo barev stránky použily vlastní. Po načtení stránky i při těchto nastaveních zjistěte, zda je její obsah čitelný a přístupný. Vyzkoušejte i jiná schémata, než je Vysoký kontrast - černá (největší)
Další možností je postupovat dle níže uvedených bodů:
1. V prohlížeči vypněte zobrazování grafických objektů.
Takto odhalíte ty grafické objekty, které nemají alternativní textový popisek.
2. V prohlížeči vypněte zpracování prvků nad rámec HTML (Javascript, Java, CSS atd.).
Pokud i po tomto opatření budou jakýmkoliv způsobem přístupné všechny informace na stránce, je z hlediska její přístupnosti vše v pořádku.
3. Načtěte stránku do prohlížeče pracujícím v textovém režimu (např. LYNX).
Jestliže bude obsah čitelný, smysluplný a přístupný i zde, je velmi pravděpodobné, že stránka bude přístupná i pro uživatele se zrakovým postižením.
4. Pomocí schránky zkopírujte textový obsah stránky do jednoduchého editoru.
Označte celou stránku pomocí příkazu "Vyber vše", zkopírujte jej do schránky příkazem "Kopírovat" a vložte jej do jednoduchého editoru (např. "Poznámkový blok" v Microsoft Windows). Obsah stránky by opět měl být rozložen ve správném a smysluplném pořadí.
5. Zkuste provést navigaci pouze pomocí klávesnice.
Mezi odkazy a dalšími aktivními prvky (především prvky formulářů) vyzkoušejte pohyb pomocí klávesy TAB. Ujistěte se, zda se kurzor při přesunu pomocí klávesy TAB pohybuje po jednotlivých aktivních prvcích ve smysluplném pořadí.
6. Různým způsobem pozměňujte velikost okna prohlížeče a nastavené rozlišení obrazovky.
Zmenšujte a poté zvětšujte velikost okna prohlížeče. I při malé velikosti jeho okna by měl být přístupný celý rozsah stránky - pohybem posuvníků. Stejnou zkoušku proveďte při různých nastaveních rozlišení obrazovky. Stránka by měla být použitelná i na úzkém displeji (šířka 320 CSS pixelů) a při přiblížení prohlížeče na 200 % – text se nesmí překrývat ani ořezávat.
7. Nastavte nestandardní kombinaci barev a velikosti písma systémového prostředí a prohlížeče.
V Microsoft Windows nastavte zobrazení obrazovky na schéma "Vysoký kontrast - černá (největší)" a zjistěte, zda je obsah stránky čitelný a přístupný. Ve Windows 11 se tato volba jmenuje „Kontrastní motivy“ (Nastavení → Usnadnění). Ve Firefoxu jde v nastavení barev zvolit, aby se místo barev stránky použily vlastní. Po načtení stránky i při těchto nastaveních zjistěte, zda je její obsah čitelný a přístupný. Vyzkoušejte i jiná schémata, než je Vysoký kontrast - černá (největší)