Přístupnost 2025: co musí e‑shopy a appky stihnout

Přístupnost 2025: co musí e‑shopy a appky stihnout

Za rohem tiká deadline: 28. června 2025 vstupuje v EU v platnost Evropský akt o přístupnosti (EAA). V překladu: pokud prodáváte online, děláte mobilní appku nebo fintech službu, „přístupnost“ už není hezké gesto, ale povinnost. A zároveň příležitost. Weby a aplikace, které zvládnete ovládat klávesnicí, přečte je screen reader a nepálí z nich kontrasty, mívají lepší konverze a méně stížností. V dnešním rychlém průvodci si projdeme, co se mění v Česku, jaké rychlé úpravy zvládnete do měsíce a proč se investice vrátí dřív, než si stihne sednout auditní židle.

Co se mění: EAA v kostce pro Česko

EAA sjednocuje pravidla přístupnosti napříč unií a dopadá i na české e‑shopy, bankovní a dopravní služby, poskytovatele e‑knih nebo zákaznické podpory. Digitální služby pro spotřebitele musí splnit technické požadavky podle normy EN 301 549 (postavené na standardech WCAG 2.x). V praxi to znamená, že web i mobilní aplikace by měly být srozumitelné, ovladatelné a vnímatelné pro co nejvíce lidí – včetně uživatelů se zrakovým, sluchovým či motorickým omezením. Netýká se to jen nových projektů: aktualizace existujících webů a appů by měly jít směrem ke shodě. Konkrétní výjimky existují, ale většina běžných B2C služeb s košíkem a přihlášením spadá dovnitř. Sledujte oficiální metodiky a české překlady normy (ČSN EN 301 549), ať nehoníte compliance na poslední chvíli. Dobrá zpráva? Co je dobré pro přístupnost, často zlepšuje i UX a SEO.

Jak na to rychle: 8 vítězných kroků do 30 dní

Začněte mini auditem: spusťte Lighthouse, WAVE nebo axe DevTools na klíčových stránkách (home, kategorie, produkt, košík, platba, přihlášení). Potom: 1) Kontrast: dodržte poměr alespoň 4.5:1 pro text; přenastavte barvy v design tokenech, ať se změna propíše všude. 2) Klávesnice: zajistěte ovladatelnost bez myši, přidejte viditelný focus. 3) Alternativy: doplňte smysluplné alt texty obrázkům a textové popisy ikon. 4) Formuláře: propojte label a input, popište chyby u polí a nezapomeňte na nápovědu u validace. 5) Struktura: používejte semantické HTML a logickou hierarchii nadpisů. 6) Media: videa vybavte titulky, podstatné animace doplňte o popisy. 7) Skip link: rychlý skok na obsah pro screen readery i klávesnici. 8) Test s reálnými nástroji: zkuste NVDA/VoiceOver a Android TalkBack. Změny dávejte do komponent knihovny, ať se neopakují chyby. Většinu bodů zvládne produkt + designér + frontend bez heroického refaktoru.

Proč se to vyplatí: menší riziko, lepší čísla, bonus pro SEO

Prakticky: až 15 % lidí má trvalé či dočasné omezení (zlomená ruka, špatné světlo, hlučné tramvaje – to známe všichni). Když web „nestraší“, odrazí se to na metrikách: méně odchodů v košíku, víc dokončených registrací, méně tiketů na podpoře. Vyhledávače také lépe rozumí semantice a titulky u videí pomáhají dlouhému ocasu vyhledávání. Náklady? Základní audit středního e‑shopu vyjde orientačně na 20–80 tis. Kč, titulkování videa cca 100–250 Kč/min podle kvality. Přepracování problémových komponent (dropdowny, modaly, carousely) je investice, která se šíří napříč celým webem. Naopak ignorace může bolet: zákon počítá se sankcemi a v krajním případě i se zákazem uvádění nepřístupných služeb na trh. Přístupnost navíc není v konfliktu s GDPR – naopak, čisté formuláře a srozumitelné souhlasy snižují riziko chyb a odvolání souhlasů.

Závěr? Přístupnost není jen „hezké“; od léta 2025 je to povinná výbava. Dejte si interní deadline, vyberte 10 nejnavštěvovanějších obrazovek a projděte je podle kroků výše. Zapojte testerku/testera s asistivními technologiemi, upravte komponenty a nechte to proběhnout CI. Když chcete náskok, začněte ještě tento měsíc – váš budoucí já (a vaši zákazníci) vám pošlou virtuální pusu.


Článek vznikl s pomocí ChatGPT.
Doporučujeme k přečtení originální autorské články na FiftyFifty.cz.

Čtěte také: