Přístupnost (a11y)
Také známo jako a11y, Přístupnost, WCAG
Stručně
Aby web fungoval klávesnicí, se čtečkou obrazovky i při slabém zraku — a v EU už i jako zákonný požadavek.
Přístupnost znamená, že produkt umí používat i člověk se zdravotním postižením: vše klikatelné jde ovládat klávesnicí, obrázky mají alternativní text, pole formuláře mají popisky, chyby se oznamují a fokus je vidět a zůstává tam, kam ho uživatel dal. Základem je WCAG, standardně na úrovni AA.
EAA platí od června 2025
Až donedávna byla přístupnost hlavně věcí etiky a kvality. To se změnilo: European Accessibility Act (směrnice (EU) 2019/882) platí od 28. června 2025 pro řadu produktů a služeb prodávaných v EU a e-commerce je mezi vyjmenovanými službami výslovně. Český e-shop prodávající spotřebitelům v EU do působnosti spadá, i když je firma malá — s výjimkami a přechodnými ustanoveními, která se mezi členskými státy liší, takže se vyplatí ověřit národní implementaci.
V praxi to znamená WCAG 2.1 AA pro digitální rozhraní, prohlášení o přístupnosti na webu a kontaktní kanál pro stížnosti na přístupnost. Požadavky přesahují samotný web: poskytování informací, podporu i tu část pokladny, kterou e-shop ovládá. Nic z toho nenahrazuje ten starý důvod — reální lidé roky nemohli vyplnit formulář — ale mění, kdo a kdy musí jednat.
Práce je většinou nudná
Většina chyb není exotická. Tlačítka jsou `<div onClick>` místo `<button>`, modální dialogy nechají Tab utéct za sebe, našeptávač neoznámí výsledky, přepínač jazyka zresetuje scroll a zahodí všechno vyplněné, košík ukáže červený rámeček bez chybové zprávy. Každá je pětifádková oprava v komponentě, znásobená každou stránkou, která ji zkopírovala.
Proto patří přístupnost do design systému, ne do čtvrtletního auditu. Používejte nativní prvky (`<button>`, `<a>`, `<label>`), správu fokusu v dialozích vyřešte jednou, kontroly v CI doplňte jedním ručním průchodem klávesnicí a VoiceOverem nebo NVDA za sprint. Deset minut se čtečkou najde víc než backlog s pěti sty úkoly z auditu.
Kde je úsilí nepřiměřené
Některé věci jsou opravdu drahé: složitá tabule s drag-and-drop potřebuje alternativu pro klávesnici, což je samostatná funkce, datová vizualizace potřebuje textový souhrn, katalog jako stará PDF je potřeba vyexportovat znovu. Dělejte to tam, kde to uživatelská základna obhájí, a výjimku zdokumentujte, místo abyste předstírali, že je hotovo.
Nepřijatelné je „uděláme to po spuštění“. Dodělávat přístupnost do existujícího e-shopu stojí několikrát víc než ji postavit rovnou, protože znamená projít stejně všechny komponenty a šablony — a důvod, proč to dělat, se od doby před EAA nezměnil.
Zdroje
Související pojmy
Kontrastní poměr
Jak moc se text liší od pozadí: WCAG chce 4,5:1 u běžného textu a 3:1 u velkého.
Komponenta
Znovupoužitelná část rozhraní, která má jednu úlohu — kartu produktu, cenovku, filtr — a svůj malý stav.
Design systém
Sdílené tokeny a komponenty, díky kterým vypadá každá nová stránka stejně — a které někdo musí udržovat.