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

Doba čtení: cca 4 min

Tento web je od základu stavěný tak, aby se dal pohodlně ovládat hlasem, klávesnicí i myší. Sám jsem nevidomý a používám VoiceOver, takže mi na přístupnosti opravdu záleží. Tady najdeš pohromadě všechny vychytávky, které web nabízí, a jak je 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. Web umí při klikání na odkazy a tlačítka přehrávat tichý zvuk, ale ve výchozím stavu jsou zvuky vypnuté (🔇), aby nerušily čtečku obrazovky. Pokud je chceš zapnout, klikni na toto tlačítko (změní se na 🔊). Volba se uloží, takže ji nemusíš nastavovat znovu.

Vyhledávání na webu

Na úvodní stránce je vpravo vyhledávací pole, kterým prohledáš celý web naráz. Funguje i bez myši:

  • Klávesou lomítko (/) nebo S rychle skočíš přímo do vyhledávacího pole.
  • Začni psát a výsledky se rovnou nabízejí pod polem.
  • Šipkou dolů přejdeš z pole do seznamu výsledků, šipkami nahoru a dolů mezi nimi procházíš.
  • Enter otevře vybraný výsledek.
  • Esc vyhledávání vyčistí a zavře.

Vyhledávání rozumí i překlepům a nemusíš psát s diakritikou – „pater“ najde „páteř“.

Vlastní vyhledávání mají i obě učebny – učebna masérství hledá navíc v česko-latinských slovnících kostí, svalů a orgánů, učebna tvorby webu ve slovníčku pojmů a v textu všech lekcí. Ovládají se úplně stejně, včetně procházení výsledků šipkami. Nabídku „Filtry vyhledávání“ nad polem můžeš použít, když chceš hledat jen v jedné kategorii.

Učebny – co ti usnadní učení

Obě učebny si pamatují, kam ses dostal, a pomáhají ti v učení. Všechno se ukládá jen ve tvém prohlížeči, nikam se neodesílá:

  • Ukazatel průběhu nahoře hlásí, kolik lekcí už máš za sebou. Navštívené lekce jsou v seznamu označené a čtečka to ohlásí spolu s názvem.
  • Oblíbené lekce si přidáš hvězdičkou vedle názvu a najdeš je pohromadě hned pod ukazatelem průběhu.
  • Zkušební motor na konci rozcestníku ti klade otázky a počítá úspěšnost. Otázku, ve které ses spletl, si zapamatuje a vrací ti ji častěji než ostatní – kolik jich zbývá, hlásí řádek pod statistikou. Tlačítkem Procvičovat jen chybné se omezíš výhradně na ně; jakmile žádná nezbude, tlačítko se samo vypne.
  • Tlačítkem Resetovat statistiku smažeš úspěšnost i seznam otázek k zopakování, tlačítkem Resetovat navštívené značky u lekcí.

Učebna tvorby webu má navíc slovníček pojmů – všech 160 výrazů na jedné stránce, rozdělených do pěti kategorií a uvnitř každé podle abecedy. U každého pojmu je krátké vysvětlení a odkaz na lekci, kde se o něm mluví podrobněji. Hodí se, když nevíš, co přesně hledat, a chceš si jen projít, co všechno se v učebně probírá.

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.

Na stránkách lekcí funguje klávesa B pro rychlý návrat na rozcestník, nebo standardní Alt + šipka vlevo pro přechod zpět v historii prohlížeče. Klávesa T přepíná světlý a tmavý režim kdekoliv na webu.

Přehled klávesových zkratek

Klávesové zkratky webu Crazy-Mac.cz a jejich význam
KlávesaCo uděláKde funguje
Tab / Shift + TabPosun na další, respektive předchozí odkaz nebo tlačítkovšude
TPřepnutí světlého a tmavého režimuvšude
BNávrat na rozcestník učebnystránky lekcí
Alt + šipka vlevoZpět v historii prohlížečevšude
/ nebo SSkok do vyhledávacího polestránky s vyhledáváním
Šipka dolů / Šipka nahoruProcházení výsledků hledánívyhledávání
EnterOtevření vybraného výsledkuvyhledávání
EscVymazání dotazu a zavření výsledkůvyhledávání

Jednopísmenné zkratky schválně nereagují ve chvíli, kdy píšeš do vyhledávacího pole nebo jiného formulářového prvku, a nereagují ani v kombinaci s klávesami Ctrl, Alt nebo Cmd. Nemůžou tak kolidovat s příkazy VoiceOveru ani s běžnými zkratkami systému.

Orientace na stránce

Pod nadpisem každé vnitřní stránky je drobečková navigace – krátká cestička, která ukazuje, kde v rámci webu zrovna jsi (například „Crazy-Mac › Přístupnost“). Odkazem v ní se jedním krokem vrátíš o úroveň výš.

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.

VoiceOver a čtečky obrazovky

Web je průběžně testovaný s VoiceOverem. Všechny 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 mi prosím vědět – moc mi tím pomůžeš.

Napiš mi