Postřehy / Přístupnost
Přístupné od začátku.
Kontrast / Klávesnice / Struktura
Přístupnost je designové rozhodnutí, nebo se zaplatí později.
01 / VýchodiskoRozhodne se brzy, nebo se draze platí
Přístupnost je designové rozhodnutí.
- Přístupnost webu znamená, že ho lidé s různými schopnostmi dokážou vnímat, ovládat a pochopit.
- WCAG 2.2 na úrovni AA je standard, na který odkazuje většina zákonů a smluv; beru ho jako minimum.
- Většina chyb jsou designová rozhodnutí: kontrast, fokus, struktura, názvy.
Co žádá WCAG 2.2 AA?
WCAG, tedy Web Content Accessibility Guidelines konsorcia W3C, řadí požadavky pod čtyři slova: vnímatelnost, ovladatelnost, srozumitelnost a robustnost. Na úrovni AA to mimo jiné znamená kontrast textu aspoň 4,5 : 1, každou funkci ovladatelnou z klávesnice, viditelný fokus, stránky, které se přeskládají na šířku 320 pixelů, a text, který jde zvětšit na 200 %.
Verze 2.2 přidala kritéria důležitá na telefonech: cíle velké aspoň 24 pixelů, fokus, který se nikdy neschová pod přilepenou hlavičku, a přihlášení bez hádanek.
Kdo ji potřebuje?
Víc lidí, než by se podle slova zdálo. Málo kontrastní popisek selže na slunci; formulář bez popisků selže se čtečkou obrazovky i se správcem hesel; nabídka, která potřebuje myš, selže s rozbitým touchpadem.
Od 28. června 2025 navíc Evropský akt o přístupnosti dělá z přístupnosti zákonnou povinnost pro řadu spotřebitelských služeb v EU. Zda se vztahuje na konkrétní firmu, je právní otázka; standard, na který odkazuje, je tentýž.
Kde projekty obvykle selhávají?
Brzy. Barva značky, která neunese text, rozvržení, které funguje jen v jedné šířce, vlastní ovládací prvek bez chování na klávesnici: o tom všem se rozhoduje v návrhu a v kódu se to mění draho.
Proto hotový web neopraví ani přídavný „overlay“ pro přístupnost: kontrast značky, strukturu stránky ani název tlačítka změnit nedokáže.
02 / PostupČtyři rozhodnutí spolu s rozvržením
Rozhodněte už v návrhu.
01 / Barva
Kontrast se počítá.
Každou dvojici textu a pozadí spočítám dřív, než ji použiju, v obou režimech.
02 / Struktura
Jedno pořadí nadpisů.
Oblasti stránky, jediný H1 a skutečné seznamy, aby šla stránka přečíst i bez dívání.
03 / Klávesnice
Všechno klávesou.
Fokus je vidět, drží pořadí čtení a nikde neuvízne ani se neschová.
04 / Důkaz
Otestovat, pak tvrdit.
Automatické kontroly, průchod klávesnicí a čtečka obrazovky. Pak prohlášení, které říká jen to, co se testovalo.
03 / OtázkyKrátké odpovědi
Časté otázky.
Je přístupný web méně výrazný?
Ne. Velké písmo, silná barva i neobvyklé rozvržení můžou projít, pokud se o kontrastu, fokusu a struktuře rozhoduje spolu s nimi.
Stačí AA, nebo má web mířit na AAA?
AA je úroveň, kterou jmenují zákony a smlouvy. AAA nejde splnit pro každý druh obsahu, takže je to cíl. Mířím na ni tam, kde je dosažitelná, například kontrastem textu 7 : 1.
Dá se přístupnost doplnit po spuštění?
Zčásti. Názvy, popisky a fokus opravit jdou. Barva, rozvržení a vlastní ovládací prvky většinou znamenají nový návrh, a proto vyjde nejlevněji na začátku.
04 / Co si odnéstVíc lidí, stejná stránka
Vnímatelné / Ovladatelné / Srozumitelné
Web, který použije každý, je lepší web.
Přístupnost, o které se rozhodlo v návrhu, není ve výsledku vidět: stránka prostě funguje víc lidem.
Experiment / 001Ozvěte se
Ať to slouží.
Přineste produkt, který musí fungovat každému, kdo se s ním setká.
Začít projekt