WCAG 2.1 — Praktický začátek pro vývojáře
Zaměřujeme se na čtyři pilíře přístupnosti: vnímatelnost, ovladatelnost, srozumitelnost a robustnost. Praktické příklady na skutečných projektech.
Číst článekPřístupnost webových stránek v Česku
Praktické průvodce WCAG 2.1, legislativou a principy inkluzivního designu
Naučte se vytvářet webové stránky přístupné všem. Od základů WCAG 2.1 až po implementaci navigace pomocí klávesnice — vše, co potřebujete vědět pro soulad se Zákonem o přístupnosti webových stránek v České republice.
Aktuální články a průvodce
Zjistěte, jak implementovat přístupnost do vašich projektů
Navigace pomocí klávesnice — kompletní průvodce
Jak zajistit, aby se uživatelé bez myši mohli pohybovat po vaší stránce. Tab order, focus stavy, skip linky — vše podrobně vysvětleno.
Číst článek
Čtečky obrazovky — design pro nevidomé uživatele
Seznamte se s NVDA, JAWS a VoiceOver. Jak testovat kompatibilitu vašeho webu s těmito nástroji a psát sémantický HTML kód.
Číst článek
Zákon o přístupnosti webových stránek v ČR
Co musí splnit české firmy a státní instituce. Povinnosti, lhůty implementace a praktické tipy pro soulad se zákonem.
Číst článekČtyři pilíře přístupného designu
Vnímatelnost
Informace musí být prezentovány tak, aby je všichni uživatelé mohli vnímat. Dostatečný kontrast, popis obrázků, titulky videa — to všechno sem patří.
Ovladatelnost
Uživatelé musí mít možnost se pohybovat po webu jejich preferovaným způsobem. Klávesnice, myš, hlas — mělo by všechno fungovat stejně dobře.
Srozumitelnost
Web by měl být srozumitelný a předvídatelný. Jasná navigace, jednoduché texty a konzistentní rozvržení usnadňují orientaci všem.
Robustnost
Váš web musí fungovat se všemi technologiemi — staršími prohlížeči, čtečkami obrazovky i zajímavými kombinacemi nastavení.
Jak začít s implementací
1
Audit vašeho webu
Prvním krokem je zjistit, jak na tom váš web v tuto chvíli je. Použijte nástroje jako WAVE, Axe DevTools nebo webAIM. Nemusíte být ideální, ale měli byste vědět, co řešit.
2
Sémantický HTML
Správné HTML značky (header, nav, main, article, footer) jsou základ. Čtečky obrazovky se bez nich těžko orientují. Začněte tady — je to nejdůležitější.
3
Testování s reálnými uživateli
Zapněte si čtečku obrazovky a navigujte jen pomocí klávesnice. Zjistíte problémy, které jinak přehlédnete. Nejlepší test je vždycky ten se skutečnými uživateli.
4
Nepřetržité vylepšování
Přístupnost není jednoúrazový projekt. Jak přidáváte nové funkce, musíte myslet na přístupnost. Zabudujte ji do svého workflow od začátku.