Vše začalo v naší podpoře. Obchodníci začali své obchody prověřovat skenery přístupnosti a některá hlášení poukazovala na kód Candy Rack, nikoliv na jejich šablonu: obrázky bez alternativního textu, vynechané úrovně nadpisů nebo ovládací prvky, které skener vyhodnotil jako neoznačené. V červenci jsme se tedy podrobně podívali na všechna tři naše rozhraní a zjištění byla zajímavější než výstupy ze skenerů, které nás k tomu přiměly.
Obchodníci tyto skeny nespouštějí jen ze zvědavosti. Tlak je skutečný a měřitelný. Žalobci podali 3 117 žalob na přístupnost webových stránek u federálních soudů v USA v roce 2025, což je nárůst o 27 % oproti 2 452 případům v roce 2024. Případy přístupnosti webu vzrostly z 28 % na 36 % všech podání podle hlavy III zákona ADA. Pokud započítáme i státní soudy, koncoroční zpráva společnosti UsableNet odhaduje celkový počet případů v roce 2025 na zhruba 5 100 a uvádí, že e-commerce tvořila asi 70 % z nich. V EU platí Evropský akt o přístupnosti od 28. června 2025 prostřednictvím prováděcích zákonů jednotlivých členských států a 4. června 2026 soud v Caen rozhodl proti společnosti Carrefour France na základě francouzské transpozice.
Zde je ta mezera. Standardní rada pro obchodníka, který se tímto zabývá, zahrnuje dvě věci: vybrat šablonu s dobrým hodnocením a nainstalovat widget s panelem nástrojů pro přístupnost. Ani jedno se však netýká aplikací třetích stran na stránce. Šablona vykreslí stránku a aplikace do ní vloží vlastní kód, často jako modální okno, které překryje vše ostatní. Audit šablony se do tohoto okna nepodívá, panel nástrojů jej neopraví, skener zachytí jen povrchní chyby a donedávna jsme ani my sami nedokázali s jistotou říct, co se uvnitř skrývá.
Jak vypadá situace, kdy aplikace narušuje přístupnost
Nejde o nic abstraktního a rozhodně ne jen o alternativní texty. Devět vzorců pokrývá to, co jsme našli v našich vlastních rozhraních, a to, co bych prověřil v jakékoli jiné aplikaci. Většina z nich odpovídá konkrétnímu kritériu WCAG, a pokud ne, je to uvedeno.
Přečtěte si poslední sloupec. Osm z devíti řádků představuje věci, které obchodník nemůže za žádnou cenu opravit, bez ohledu na to, jaký widget má nainstalovaný. To je hlavní argument pro to, abyste výběr aplikací vnímali jako rozhodnutí o přístupnosti, nikoliv jen jako rozhodnutí o funkcích.
Co jsme našli v naší vlastní aplikaci
Tři rozhraní, která jsme podrobili auditu podle WCAG 2.1 a 2.2 na úrovni AA, byla vyskakovací okno s nabídkou na produktové stránce, vyskakovací okno košíku zobrazené před pokladnou a výsuvný košík. Tentokrát nešlo o skóre ze skeneru, ale o kontrolu vykresleného kódu, prvek po prvku.
Výsledky byly nevyrovnané, což je podle mě typické. Výchozí stav výsuvného košíku byl lepší, než jsem čekal: ovládací prvky pro zavření a odstranění byly skutečná tlačítka, každý obrázek produktu měl popisný alternativní text a tlačítko pokladny mělo přístupný název. Podstatné problémy se však skrývaly v modálních oknech a stejná hrstka chyb se opakovala ve všech třech rozhraních, což se ukázalo jako užitečné. Opakování znamená jednu společnou opravu místo tří.
Dvě nejzávažnější položky nebyly ty, na které upozornily skenery. Jednou z nich byl potlačený styl fokusu, což je horší, než to zní, protože to narušuje navigaci pomocí klávesnice u všech ovládacích prvků, které jej dědí, nejen u toho, pro který byl napsán. Druhou byla sada ovládacích prvků, které zůstaly mimo pořadí tabulátoru, i když byly na obrazovce viditelné, což z funkční funkce tiše dělá funkci pouze pro myš. Někdo, kdo se pohybuje pomocí klávesnice, nedostane omezenou verzi, ale žádnou. Opravu jsme rozdělili do tří úkolů a na konci července je uzavřeli.
Proč netvrdíme, že jsme plně v souladu
Jednu věc jsme záměrně neuzavřeli. Každou barvu v Candy Rack si můžete upravit a my nekontrolujeme kontrast hodnot, které nastavíte. V obchodě, který jsme auditovali, všechny barvy prošly, ale nic nebrání obchodníkovi, aby si nastavil barvy, které selžou podle pravidla 1.4.3, aniž by ho systém varoval. Přidání kontroly kontrastu do nastavení máme v plánu. Dokud to nenasadíme, a ani poté, nebudeme tvrdit, že aplikace zajistí soulad vašeho obchodu.
To vše neznamená, že je panel nástrojů pro přístupnost k ničemu. Poskytuje návštěvníkům kontrolu nad tím, jak se váš obchod zobrazuje, a vám nabízí monitoring, proto má své místo v našem přehledu nejlepších aplikací pro soulad se standardy na Shopify vedle souhlasu se soubory cookie, GPSR, fakturace a obchodních podmínek. Není to však náprava a nemůže zasáhnout do modálního okna jiné aplikace o nic víc než vy. Soulad je vlastností celého vašeho obchodu v daný den a žádný dodavatel jej nemůže certifikovat. Dodavatel vám může říct, co auditoval, co změnil a co zůstává otevřené.
Jak zkontrolovat aplikace ve vašem obchodě
Užitečnou kontrolu zvládnete sami za deset minut a nepotřebujete k tomu skener. Většina podstatných věcí je pro automatizované nástroje neviditelná; ty sice dobře najdou chybějící atributy alt nebo špatný kontrast, ale jsou slepé vůči problémům s fokusem, pořadím tabulátoru a oznámeními. Každé hlášení ze skeneru, které nás k tomu přimělo, spadalo do první kategorie. Ani jedno neupozornilo na dva problémy, které uživatele skutečně zablokovaly.
- Odsuňte myš od klávesnice a nechte ji být.
- Procházejte stránku produktu pomocí klávesy Tab a sledujte indikátor zaměření. Pokud kdekoli zmizí, zastavte se. Právě jste našli blokující prvek.
- Aktivujte všechny prvky, které vaše aplikace mají: přidání do košíku, otevření vysouvacího košíku, zahájení pokladny, vyčkejte na jakékoli časované vyskakovací okno.
- U každého z nich zkontrolujte čtyři věci. Můžete do něj vstoupit pomocí Tab? Zůstane Tab uvnitř, místo aby přeskakoval na stránku pod ním? Zavře se po stisknutí Escape? Vrátí se zaměření na prvek, kterým jste okno otevřeli?
- Ovládejte všechny prvky pouze klávesnicí, včetně volby množství, výběru variant, polí pro slevové kódy a tlačítek pro odstranění. Cokoli, co lze ovládat myší, ale ne klávesnicí, je selhání podle pravidla 2.1.1.
- Zapněte VoiceOver (Cmd+F5 na Macu) nebo NVDA a poslouchejte tlačítko zavřít a obrázky produktů. „Tlačítko“ a „Produkt“ jsou v obou případech selhání.
- Změňte množství a poslouchejte, zda je oznámen nový celkový součet. Pokud aktualizace nezíská zaměření a nic není oznámeno, jde o selhání podle pravidla 4.1.3.
Vše, co najdete v krocích 3 až 7, spadá pod dodavatele aplikace. Což nás přivádí k poslední části.
Čtyři otázky, které stojí za to položit dodavateli
Položte je před instalací a nejasné odpovědi považujte za varovný signál.
- Provedli jste audit uživatelského rozhraní své aplikace podle standardů WCAG 2.1 nebo 2.2 na úrovni AA, a kdy?
- Implementují vaše modální okna sémantiku dialogů a správu zaměření, tedy roli, přístupný název, focus trap, klávesu Escape a návrat zaměření?
- Lze každou funkci ve vaší aplikaci dokončit pouze pomocí klávesnice?
- A co ještě zbývá vyřešit?
Ta čtvrtá otázka vám řekne nejvíce. Dodavatel s poctivou odpovědí bude mít otevřené úkoly, protože každý má vždy na čem pracovat. Můj názor je, že „jsme plně v souladu“ obvykle znamená, že se na to nikdo nepodíval. Stojí za to připomenout, co skutečně vedlo k rozhodnutí FTC ohledně accessiBe: ne samotné slovo „v souladu“, ale tvrzení o souladu, které firma nedokázala podložit.
V praxi jsou subjekty, které žalobci a regulátoři stíhají, obchodníci provozující e-shop, nikoli dodavatelé jednotlivých komponent. To je nepříjemné, protože velká část toho, co vidí vaši zákazníci, je kód, který jste nenapsali a nemůžete jej upravit. Co však ovlivnit můžete, je výběr dodavatelů a požadavky, které na ně kladete. Pokud zvažujete aplikace a chcete stejný přístup aplikovat na konverze místo shody s předpisy, náš průvodce strategií upsellu a náš průvodce optimalizací pokladny pokrývají tuto oblast. Pokud prodáváte do EU, požadavek na tlačítko pro odstoupení od smlouvy a další evropská omezení, o kterých jsme psali, přicházejí ve stejném období jako EAA.
Opravy z tohoto auditu byly nasazeny koncem července a jsou aktivní v Candy Rack, včetně vysouvacího košíku a lišty s odměnami. Pokud najdete něco, co jsme přehlédli, dejte nám vědět a my to opravíme, místo abychom diskutovali o závažnosti.
Tento článek popisuje náš vlastní audit a slouží jako obecná informace, nikoli jako právní poradenství. Ohledně vašich povinností podle ADA, EAA nebo vnitrostátních zákonů se poraďte s právníkem.
