Přístupnost webových stránek je téma, na které se snažím neustále myslet. Odborník však určitě nejsem. Odborníkem je však Míša Vranková, na základě jejíž přednášky vznikl i tento článek.
ojďme se společně podívat na to nejdůležitější, co bychom měli o přístupnosti WordPressu vědět.
Proč je přístupnost tak důležitá?
Představte si, že stavíte dům. Nikdy byste nepostavili vchod, kam vede jen úzké schodiště bez možnosti bezbariérového přístupu. Stejně tak by měl být přístupný i váš web.
V České republice máme dokonce zákon č. 99/2019 Sb., který od září 2023 vyžaduje přístupnost pro všechny weby financované z více než 50 % z veřejných zdrojů. A připravuje se další rozšíření.
Ale přístupnost není jen o legislativě – je to o skutečných lidech a jejich potřebách.
Čtyři pilíře přístupnosti
1. Vnímatelnost
Váš obsah musí být vnímatelný všemi smysly. Věděli jste, že podle statistik až 60 % uživatelů sleduje videa bez zvuku? Proto jsou titulky a popisky tak důležité.
2. Ovladatelnost
Každý interaktivní prvek na vašem webu by měl mít minimální velikost 44 x 44 pixelů. To není náhodné číslo – vychází z ergonomických studií a zajišťuje pohodlné ovládání i pro uživatele s motorickými obtížemi.
3. Srozumitelnost
Texty na webu by mělo pochopit i osmileté dítě. Není to o podceňování čtenářů, ale o jasné komunikaci. Vyhněte se složitým souvětím a odborným termínům bez vysvětlení.
4. Stabilita
Web musí fungovat stabilně napříč všemi zařízeními a musí zvládnout různá nastavení zobrazení. Například zvětšení obsahu až o 400 % pro slabozraké uživatele.
Když si upřímně šáhnu do svědomí, i když se snažím weby přístupnými dělat, rozhodně byste snad na každém z projektů našli nějaké části, které 100 % přístupné nebudou, proto to vnímám přístupnost spíše jako kontinuum než buď a nebo.
A samozřejmě čím přístupnější, tím lepší) a to zdaleka ne jen pro uživatele se speciálními potřebami.
Praktické tipy pro přístupný WordPress
- Kontrastní barvy
Používejte nástroje jako contrast-ratio.com nebo whocanuse.com pro kontrolu kontrastu. Dobrý kontrast není luxus – je to základ použitelnosti. - Podtržené odkazy
Odkazy musí být podtržené – bez debat. Je to jedna z nejzákladnějších konvencí webdesignu. - Skip linky
Implementujte “skip linky” pro přeskočení navigace. Jsou neviditelné pro běžné uživatele, ale nesmírně pomohou lidem používajícím klávesnici. - Formuláře
- Každé pole musí mít jasný popisek
- Chybové hlášky musí být konkrétní
- Uživatel musí vždy vědět, kde se ve formuláři nachází
Časté chyby, kterým se vyhnout
- Blikající prvky
Například blikající banner hasičů na obecním webu může způsobit epileptický záchvat. UX design musí myslet i na zdravotní rizika. - Karusely
Jak říká web shouldiuseacarousel.com, druhý slide vidí jen asi 5 % návštěvníků. Je to často zbytečný prvek designu. - Nepřístupné cookie lišty
Cookie lišta musí být přístupná i při navigaci klávesnicí a musí být srozumitelná pro čtečky obrazovky.
Nástroje pro testování přístupnosti
- Chrome DevTools
Rozšíření pro vývojáře v prohlížeči Chrome nabízí řadu nástrojů pro testování přístupnosti. - WAVE (Web Accessibility Evaluation Tool)
Skvělý nástroj pro rychlou kontrolu základních problémů s přístupností. - Screen readery
Vyzkoušejte si, jak váš web vnímají nevidomí uživatelé.
Experti na přístupnost v ČR
V České republice máme špičkové odborníky na přístupnost:
- Radek Pavlíček – jeden z předních expertů
- Ondřej Pohl – autor podcastu Bez bariér
A za mě, i když by se tak skromně možná neoznažila, tak Michaela Vranková.
Závěr
Přístupnost není volitelný bonus – je to základní právo uživatelů internetu. Jak říká Michaela Vranková: “Web stavíme pro uživatele, ne pro zadavatele“. A to platí dvojnásob u přístupnosti.
Kontaktujte Míšu, pokud potřebujete pomoct s auditem přístupnosti vašeho WordPressu nebo s implementací přístupných řešení.
