Zpět na úvod English version

Přístupnost a ovládání webu

Tenhle web stavím tak, aby se dal pohodlně ovládat hlasem, klávesnicí i myší. Páníček Zdenda je nevidomý a používá VoiceOver, takže na přístupnosti opravdu záleží. Tady je pohromadě, co web umí a jak to používat.

Světlý a tmavý vzhled

Vpravo nahoře je tlačítko s měsícem (🌙) nebo sluníčkem (☀️). Kliknutím přepneš mezi tmavým a světlým vzhledem. Web si tvoji volbu zapamatuje, takže při další návštěvě zůstane nastavená.

Když přijdeš poprvé a sám nic nepřepneš, web se zařídí podle nastavení tvého počítače nebo telefonu – kdo má v systému zapnutý tmavý režim, uvidí web tmavý, kdo světlý, uvidí ho světlý.

Zvuky kliknutí

Vedle přepínače vzhledu je tlačítko s reproduktorem (🔊). Při klikání na odkazy a tlačítka totiž hraje tichý zvuk. Pokud ti vadí nebo ruší čtečku obrazovky, klikni na toto tlačítko a zvuky vypneš (změní se na 🔇). I tahle volba se uloží, takže ji nemusíš nastavovat znovu.

Ovládání klávesnicí

Po celém webu se dá pohybovat klávesou Tab (a zpět Shift + Tab). Každý odkaz a tlačítko, na kterém zrovna jsi, se viditelně zvýrazní oranžovým rámečkem, takže je vždy jasné, kde se nacházíš.

Úplně první věc na každé stránce je odkaz „Skočit na hlavní obsah“. Když na něj zmáčkneš Enter, přeskočíš horní lištu i navigaci rovnou na text stránky – nemusíš se proklikávat skrz menu.

Orientace na stránce

Stránky mají jasně oddělené oblasti – hlavičku, navigaci, hlavní obsah a patičku – a smysluplnou strukturu nadpisů. Čtečka obrazovky podle nich umí přeskakovat po nadpisech i po jednotlivých oblastech. Na této stránce najdeš pod nadpisem i drobečkovou navigaci, kterou se jedním krokem vrátíš zpět na úvod.

VoiceOver a čtečky obrazovky

Web je průběžně testovaný s VoiceOverem. Obrázky mají textový popis, tlačítka a odkazy mají srozumitelné popisky a ozdobné ikonky (emoji) jsou pro čtečku skryté, aby ti je nepředčítala dokola. Odkazy, které se otvírají v novém okně, to mají v popisku uvedené.

Omezení pohybu a animací

Pokud máš v systému (macOS, iOS, Windows) zapnuté omezení pohybu, web to respektuje a vypne plynulé přechody a animace. Nemusíš kvůli tomu nic nastavovat tady – stačí systémové nastavení.

Narazil jsi na bariéru?

Přístupnost není nikdy hotová a každá rada se cení. Pokud ti něco na webu nefunguje, jak má, nebo se ti něco špatně ovládá, dej nám prosím vědět – moc nám tím pomůžeš.

Napiš nám