Základy WCAG 2.1 standardů pro webové designéry
WCAG 2.1 není jen seznam pravidel. Jsou to principy, které vám pomohou tvořit weby, které bude moct používat opravdu každý. Pojďme si projít nejdůležitější části.
14 let zkušeností v tvorbě webů bez bariér. Specialistka na WCAG standardy a inkluzivní design, která věří, že přístupný web je lepší design pro všechny.
Přístupný Web s.r.o., Karlovy Vary
Markéta se do oboru webové přístupnosti dostala během svých studií na VŠB-TUO, kde pracovala v projektu zaměřeném na digitální inkluzi seniorů. Bylo to v roce 2009 a právě tam si uvědomila, jak moc lidí je vyloučeno z digitálního světa — ne proto, že by nechtěli, ale proto, že webové stránky prostě nejsou navrženy tak, aby je mohli používat.
Po absolvování v roce 2010 začala v malé agentuře v Karlových Varech, kde postupně poznávala praktické aspekty tvorby webů pro lidi s různými typy postižení. Testování s uživateli bylo pro ni klíčové — ne všechno, co vypadá logicky, funguje v praxi. Vidět, jak někdo se zrakovou vadou či motorickým postižením používá web, vás naučí víc než kterýkoli standard.
V roce 2015 se podílela na založení Přístupného Webu s.r.o., kde postupně vytvořila vlastní metodiku komplexního auditu a optimalizace webů. Jako vedoucí oddělení přístupnosti vede tým pěti specialistů a věnuje se redesignu projektů — za dobu existence firmy jich bylo více než 180, všechny s certifikací WCAG 2.1 AA. Její práce byla oceněna cenou Czech Accessibility Award 2022 za přínos v oblasti inkluzivního webdesignu.
Webová přístupnost není o filantropii — je to o základních právech. Přibližně 15 % světové populace má nějakou formu postižení. V České republice to jsou miliony lidí. Když web není přístupný, tyto lidi prostě nemůžou pracovat, učit se, nakupovat nebo se sociálně zapojit. To není spravedlivé a není to ani chytré z hlediska byznysu — ztrácíte část své cílové skupiny. Přístupnost není dodatek, je to součást dobrého designu.
Bez váhání — barevný kontrast a nečitelné texty. Překvapivě často vidím weby, kde se nadpisy psou na pozadí, které není dostatečně kontrastní. Není to technické, ale je to selhání designu. Lidé si myslí, že přístupnost znamená nudné barvy a tuhý layout. Není to pravda. Můžete mít krásný, moderní design, který je zároveň přístupný. Jen musíte vědět, jak na to.
Testování se skutečnými uživateli je srdcem mé práce. Pracuji s skupinami lidí se zrakovými vadami, motorickými postiženími, dyslexií a dalšími problémy. Pozorujeme, jak používají web — jak navigují, co je zmatuje, kde se zastaví. Často zjistíme věci, které standardy nepředvídají. Uživatelé nám vždy řeknou víc než WCAG. Bez jejich zpětné vazby bych dělala design pro teorii, ne pro skutečné lidi.
Mýtus první: „Přístupnost znamená černý text na bílém pozadí.” Vůbec ne. Můžete mít živé barvy, gradientu, zajímavý layout — všechno to může být přístupné. Mýtus druhý: „Přístupnost je pro 1 % populace.” Není. Je pro všechny — starší lidi s horším viděním, lidi s ADHD, dyslexií, apod. Vlastně je přístupný web lepší pro všechny. Mýtus třetí: „Přístupnost je drahá.” Pokud ji zapojíte od začátku, není. Opravování neexistujícího webu je mnohem dražší. Investice se vrací v dostupnosti, lepší SEO a širší cílové skupině.
Věřím, že přístupný web je lepší design pro všechny. Není to něco, co byste měli dělat „kvůli někomu” — je to prostě správný způsob, jak tvořit digitální produkty.
Nedělám design pro standardy. Dělám design pro skutečné lidi se skutečnými potřebami. Testování s uživateli není volitelné — je povinné. Když vidím, jak se zrakově postižený člověk naviguje mým webem pomocí čtečky obrazovky, naučím se víc než z jakéhokoliv manuálu.
Přístupnost se neudělá afterward. Musí být součástí strategie od první wireframy. Když ji zapojíte od začátku, není to drahé ani komplikované. Opravování neexistujícího webu je mnohem horší. Vždy radím klientům: investujte v přístupnosti hned, ušetříte si pak řadu peněz.
Není to jen o dodělání projektu. Pracuji s týmy klientů, aby pochopily principy přístupnosti. Chci, aby byly schopné udržovat a rozvíjet přístupný web samy. Proto pravidelně vede školení a publikuji články o tom, jak na to správně.
WCAG 2.1 není jen seznam pravidel. Jsou to principy, které vám pomohou tvořit weby, které bude moct používat opravdu každý. Pojďme si projít nejdůležitější části.
Kontrast není jen o přístupnosti — je o čitelnosti. Překvapivě často vidím weby, kde si designér myslí, že je kontrast OK, ale v praxi to tak není. Jak na to správně?
Dobrá navigace je základem. Když struktura webu není jasná, nikdo se v něm nenaorientuje — bez ohledu na to, jaké má postižení. Pojďme si to rozebrat.
Máme zkušenosti s projekty všech velikostí — od malých firemních webů po velké korporátní portály. Rádi vám pomůžeme udělat váš web přístupný pro všechny.