Přístupnost (WCAG)

Co to je

Přístupnost (anglicky accessibility, zkráceně a11y) je schopnost webu sloužit všem, včetně lidí, kteří používají čtečku obrazovky, ovládají web jen klávesnicí, potřebují zvětšené písmo nebo špatně rozlišují barvy. Týká se to i starších zákazníků a lidí s dočasným omezením, třeba se zlomenou rukou.

Měřítkem jsou WCAG (Web Content Accessibility Guidelines) od W3C. Aktuální verze WCAG 2.2 je doporučením W3C od října 2023. Přidala devět nových kritérií, například minimální velikost klikací plochy 24 × 24 CSS pixelů nebo požadavek, aby prvek s fokusem nezakrývala lepící hlavička či cookie lišta. Kritéria mají úrovně A, AA a AAA. Legislativa v praxi míří na úroveň AA.

Co říká zákon

Evropský akt o přístupnosti (směrnice EU 2019/882) převzala Česká republika zákonem č. 424/2023 Sb., o požadavcích na přístupnost některých výrobků a služeb. Účinnost má od 28. června 2025.

• Koho se týká: služby elektronického obchodu pro spotřebitele — tedy prakticky B2C e-shopy, bez ohledu na to, zda běží na krabicové platformě, nebo na vlastním řešení.
• Výjimka pro mikropodniky: poskytovatel služby, který má méně než 10 zaměstnanců a roční obrat nebo bilanční sumu nejvýše 2 mil. EUR, požadavky na přístupnost služeb plnit nemusí.
• Nepřiměřená zátěž: pokud by splnění znamenalo zásadní přestavbu nebo nepřiměřenou zátěž, lze to posoudit a výsledek oznámit dozorovému orgánu. Výjimka platí jen v rozsahu, v jakém je zátěž skutečně odůvodněná.
• Dozor: u e-shopů Česká obchodní inspekce.
• Sankce: zákon stanoví pokuty odstupňované podle druhu přestupku, nejvyšší horní hranice je 10 milionů Kč.

Technicky se splnění prokazuje harmonizovanou normou EN 301 549. Citovaná verze 3.2.1 odkazuje na WCAG 2.1 AA. V září 2026 vyšla verze 4.1.1, která přechází na WCAG 2.2. Právním referenčním bodem se stane až po citaci v Úředním věstníku EU. Doporučujeme proto rovnou cílit na WCAG 2.2 AA — pokrývá i 2.1.

Přesný výklad pro vaši firmu vždy ověřte s právníkem nebo přímo v textu zákona.

Checklist pro e-shop

• Všechny produktové fotky a ikony nesoucí informaci mají textovou alternativu.
• Kontrast textu je aspoň 4,5 : 1 (velký text 3 : 1), včetně ceny a akčních štítků.
• Celý nákup od kategorie po odeslání objednávky jde projít jen klávesnicí.
• Fokus je vždy viditelný a nezakrývá ho lepící hlavička, chat ani cookie lišta.
• Formulářová pole mají popisky, chybové hlášky říkají, co opravit.
• Klikací plochy (výběr varianty, +/− v košíku) mají aspoň 24 × 24 px.
• Informace nesdělujete jen barvou („červeně = není skladem").
• Web respektuje přiblížení na 200 % a nastavení omezeného pohybu (viz mikrointerakce).
• Máte prohlášení o přístupnosti a kontakt pro nahlášení problému.

Výhody a limity

Výhody: splníte zákon, rozšíříte okruh zákazníků a obvykle zlepšíte použitelnost pro všechny — čitelnější formuláře a jasnější chybové hlášky pomáhají každému.

Limity: automatické testy odhalí jen část problémů, zbytek vyžaduje ruční kontrolu. Krabicové šablony a doplňky třetích stran (chaty, recenze, platební widgety) nemáte plně pod kontrolou. Takzvané „přístupnostní overlaye" samy o sobě soulad nezajistí.

Jak to řešíme v Převeďshopu

Přístupnost kontrolujeme v rámci UX auditu: projdeme nákupní cestu klávesnicí a čtečkou obrazovky, změříme kontrasty a sepíšeme nálezy podle priority. Opravy navrhujeme tak, aby se řešily jednou na úrovni komponent a design systému. Při redesignu cílíme na WCAG 2.2 AA od prvního návrhu, což je výrazně levnější než dodatečné opravy. Právní posouzení výjimek nenahrazujeme — v tom doporučujeme advokáta.