WAVE

WAVE (Web Accessibility Evaluation Tools) je sada nástrojů na kontrolu přístupnosti webu, tedy toho, jestli stránku zvládnou používat i lidé se zrakovým, pohybovým nebo jiným omezením. Vyvíjí ji WebAIM při Utah State University a poprvé byla spuštěna v roce 2001. Zadáš adresu stránky, nebo klikneš na ikonu rozšíření, a WAVE přímo ve stránce vyznačí chyby podle WCAG (Web Content Accessibility Guidelines, mezinárodní pravidla přístupnosti webu), nízký kontrast textu a strukturu nadpisů. Nápověda Shoptetu ho uvádí jako nástroj, kterým si přístupnost e-shopu zkontroluješ.

• Online kontrola jedné stránky: zadáš adresu na wave.webaim.org a WAVE ti ji ukáže s vloženými ikonami
• Rozšíření pro Chrome, Firefox a Edge kontroluje stránku tak, jak ji vidíš v prohlížeči: i stránky za přihlášením, lokální stránky nebo obsah, který se načítá až skriptem
• Ikony podle závažnosti: červené chyby k opravě, žlutá upozornění k ruční kontrole, zelené prvky, které přístupnosti pomáhají
• Panely pro kontrast, strukturu stránky a pořadí, ve kterém prvky projde klávesnice nebo čtečka obrazovky (program, který nevidomým předčítá web)
• Kontrola kontrastu všech textů stránky najednou, od srpna 2024 i u poloprůhledné barvy textu
• Vypnutí stylů (vzhledu stránky) ukáže pořadí obsahu tak, jak ho čte čtečka. Záložka Code ukáže kód k vybrané ikoně
• Rozšíření ukazuje skóre AIM, které chyby na stránce porovná s miliónem stránek z ročního průzkumu WebAIM Million
• API a samostatný testovací engine pro hromadné a pravidelné kontroly, to už je práce pro programátora

1. 1Na rychlou kontrolu zadej adresu stránky na wave.webaim.org. Na pravidelnou práci si nainstaluj rozšíření do Chrome, Firefoxu nebo Edge (odkazy jsou na wave.webaim.org/extension).
2. 2Otevři stránku e-shopu a klikni na ikonu WAVE v liště prohlížeče, nebo stiskni Ctrl+Shift+U (na Macu Cmd+Shift+U).
3. 3V postranním panelu se podívej na počet chyb a problémů s kontrastem. Kliknutím na ikonu zjistíš, o co jde a jak to opravit.
4. 4Projdi panely kontrastu, struktury a pořadí. Pořadí ukáže, jak stránkou projde klávesnice.
5. 5Stejně zkontroluj homepage, kategorii, detail produktu, košík a kroky objednávky.
6. 6Červené chyby pošli programátorovi nebo autorovi šablony. Žlutá upozornění projdi ručně, nemusí to být chyby.
7. 7Nakonec projdi nákup jen klávesnicí (Tab, Enter). Automatický nástroj podle WebAIM všechno nezkontroluje.

Před spuštěním nového webu nebo šablony, po větší změně vzhledu a pak průběžně. UX specialista doporučuje testovat ve třech krocích: nejdřív ručně bez myši, pak automaticky nástroji WAVE a Lighthouse, nakonec s odborníky na přístupnost.

• Nula chyb ve WAVE neznamená přístupný web. Výrobce výslovně píše, že stránku nikdy neoznačí za přístupnou a nevydává žádné certifikáty ani odznaky.
• Online verze nemusí spustit všechny skripty stránky. Obsah, který se mění až v prohlížeči (našeptávač, košík, vyskakovací okna), kontroluj rozšířením. Výsledky online verze a rozšíření se proto mohou lišit.
• WAVE hledá chyby i ve skrytých prvcích, třeba v rozbalovacím menu nebo vyskakovacím okně. Když chybu na stránce nevidíš, vypni v panelu styly.
• Ikony vložené do stránky často rozbijí její rozložení. Přehlednost podle výrobce vrátí vypnutí stylů.
• Podle podmínek nesmíš online verzi používat automaticky (roboty, hromadné odesílání adres) a výsledky WAVE bez písemného svolení použít v právním sporu.
• Online kontrola stránku dočasně uloží na serveru WAVE a používá cookies. Rozšíření podle výrobce o kontrolované stránce nic neodesílá.
• Zákon č. 424/2023 Sb. o požadavcích na přístupnost platí od 28. 6. 2025 i pro e-shopy, které prodávají spotřebitelům. Netýká se mikropodniků (méně než 10 lidí a roční obrat nebo bilanční suma do 2 mil. EUR) a podle nápovědy Shoptetu ani e-shopů, které prodávají jen firmám. Rozsah povinností konzultuj s právníkem.
• Starší šablony Shoptetu Echo, Soul, Rock a Pop už úpravy pro přístupnost nedostávají. Shoptet doporučuje přejít na podporovanou šablonu.