Přístupnost webu
Chceme, aby se tenhle web dal používat i tehdy, když si ho čtete odečítačem obrazovky, ovládáte ho jen klávesnicí, potřebujete větší písmo nebo hůř rozlišujete barvy. Něco už hotové je, něco ne — a co víme, že nefunguje, píšeme níže na rovinu. Pokud se k něčemu na webu nedostanete, ozvěte se nám, rádi vám to řekneme po telefonu.
Jak se o přístupnost staráme
- Web funguje bez myši — projít se dá klávesou Tab a prvek, na kterém právě stojíte, je vždy viditelně označený.
- Na začátku každé stránky je odkaz „Přeskočit na obsah“, takže se nemusíte pokaždé proklikávat hlavičkou.
- Stránky mají smysluplnou strukturu nadpisů, takže se v nich dá orientovat odečítačem obrazovky. Úvodní stránka projde od nadpisu k nadpisu celou nabídku; podrobnosti o keramické ochraně stojí na vlastní stránce, na kterou vede odkaz z menu i z ceníku.
- Každá fotka má textový popis, který říká, co je na ní vidět. Dekorativní grafika — značka v pozadí úvodu a ikonky telefonu — je před odečítači skrytá, aby je nerušila.
- U dvojic fotek „před a po“ nese rozdíl i text popisu, ne jen obrázek.
- Barvy textu a pozadí splňují kontrastní poměry podle WCAG 2.1 AA. Nejtěsnější místo na webu má 4,65 : 1, hranice je 4,5 : 1.
- Označení zaměřeného prvku je vidět i na barevných plochách — na indigové a černé se přebarvuje na bílé, aby se neztratilo v pozadí.
- Na širokých obrazovkách se horní lišta drží nahoře, aby byla navigace i telefon pořád po ruce. To, na co se dostanete klávesnicí nebo odkazem z menu, se pod ni neschová. Na úzké obrazovce lišta nahoře nezůstává — místo ní plave u spodní hrany dvojice Zavolat a Menu, blíž palci a bez ukrajování výšky obrazovky.
- Obsah se přeformátuje až do šířky 320 px, tedy i při čtyřnásobném zvětšení v prohlížeči, aniž by se objevilo vodorovné posouvání nebo se text ořízl.
- Telefonní číslo je na webu vidět vždy — v hlavičce, v úvodu, u ceníku, v kontaktu i v patičce. Telefon je na webu vidět vždy a je to nejrychlejší cesta, jak se ozvat.
Co web záměrně nedělá
- Neběží na něm žádný JavaScript. Web funguje stejně i s vypnutým skriptováním a nic se pod rukama nepřepisuje.
- Nic se na něm nehýbe ve smyčce. Pohyb proběhne jen jednou při načtení: fotka v úvodu jemně nadejde a na stránce o keramické ochraně navíc přejede světlo přes úvodní fotku a jednou se přehraje ukázka, jak po laku stéká voda. Nic z toho se nespustí, pokud máte v systému zapnuté omezení pohybu — místo ukázky vody se pak rovnou zobrazí její výsledek, a pod ní stojí totéž slovy.
- Nejsou tu vyskakovací okna, samospouštěcí videa ani lišta se souhlasem s cookies — web totiž žádné cookies neukládá.
- Nenačítá nic z cizích serverů. Písma i fotky jsou uložené přímo tady, takže se při prohlížení nepřipojujete nikam jinam.
Kde web zaostává
- Rozbalovací menu na úzké obrazovce je postavené na zaškrtávacím políčku, protože web nepoužívá JavaScript. Odečítač obrazovky ho proto ohlásí jako políčko „Menu“, ne jako tlačítko, které rozbaluje navigaci. Telefon je v hlavičce vidět i se zavřeným menu a odkazy na sekce vedou na tutéž stránku, takže se bez menu obejdete.
- Samo políčko zůstává v hlavičce, ale tlačítko, kterým se menu otevírá, plave u spodní hrany obrazovky. Kdo web prochází klávesnicí, narazí na menu hned na začátku stránky, jenže označení zaměření se mu rozsvítí dole. Ze stejného důvodu se menu nezavře samo po vybrání odkazu — zavřete ho druhým klepnutím na Menu nebo klepnutím vedle.
- Plovoucí dvojice leží na úzké obrazovce nad obsahem. Patička na ni má vyhrazené místo, ale při velkém zvětšení textu může zakrýt pár slov u pravého dolního rohu. Odrolováním se text zpod ní dostane.
- Fotogalerie je sázená do sloupců, takže pořadí, ve kterém fotky přečte odečítač, nemusí odpovídat tomu, jak jdou po sobě na obrazovce. Každá fotka dává smysl sama o sobě, pořadí tedy nenese žádnou informaci.
- Certifikát je na stránce o keramické ochraně jen jako malý náhled, ve kterém se nedá číst. Odkaz vedle něj otevře plnou velikost v nové záložce, ale i ta je pořád jen obrázek — text z něj odečítač nepřečte. Všechno podstatné je proto napsané vedle náhledu.
- Na stránce o keramické ochraně jsou dva pásy fotek, které se posouvají do strany. Klávesnicí se do nich dá vstoupit a odrolovat je šipkami, ale jsou to jediná místa na webu, kde se obsah posouvá vodorovně. Že pás pokračuje, ukazuje šipka na jeho pravém okraji; odečítač ji nečte, dozví se to z popisu pásu. Na šipku samotnou kliknout nejde.
- Web jsme netestovali se všemi kombinacemi odečítačů obrazovky a prohlížečů, takže se někde může chovat jinak, než čekáte.
- Web neprošel nezávislým auditem přístupnosti. Vycházíme z vlastní kontroly podle WCAG 2.1 AA, ne z posudku někoho zvenčí.
Narazili jste na problém?
Pokud se k něčemu na webu nedokážete dostat nebo vám něco nefunguje, dejte nám vědět. Spravíme to — a než se k tomu dostaneme, rádi vám potřebné informace sdělíme po telefonu.
Telefon: +420 776 190 786
E-mail: [email protected]
Pevnou otevírací dobu nemáme, takže se nemusíte trefovat do úředních hodin. Po telefonu s vámi domluvíme i termín a rozsah práce — napsat nám můžete i e-mailem, ale telefonem se domluvíme nejrychleji.