Nástroj zdarma: Přístupnost

Kontrola WCAG 2.2

Zjistěte, jak si váš web stojí u každého z 55 kritérií úspěšnosti WCAG 2.2 úrovně A a AA. Každé kritérium dostane jeden ze čtyř stavů, takže poznáte, co pokryly automatické testy a co musí ještě zkontrolovat člověk.

Zdarma. Otestuje až pět klíčových stránek zhruba za minutu.

Co tento nástroj kontroluje

  • Všechna kritéria úrovně A a AA

    Všech 55 kritérií, 31 na úrovni A a 24 na úrovni AA, v pořadí podle WCAG s číslem a názvem. Kritérium 4.1.1 Parsing chybí, protože ho WCAG 2.2 označuje za zastaralé.

  • Automatické výsledky přiřazené ke kritériím

    Pravidla axe-core běží na zadané stránce a až čtyřech dalších klíčových stránkách a každý výsledek se přiřadí ke kritériím úspěšnosti, která dané pravidlo testuje. Kritérium je nesplněné, jakmile kterékoli z jeho pravidel selže na kterékoli testované stránce.

  • Důkazy z testu klávesnicí

    Test se 40 stisky klávesy Tab na první stránce slouží jako podklad pro 2.1.2 No Keyboard Trap a jako heuristika zobrazená ke kontrole také pro 2.4.7 Focus Visible.

  • Nerozhodnuté výsledky zvlášť

    Když pravidlo nedokáže dospět k verdiktu, například u textu přes obrázek, jeho kritéria ukážou „Ke kontrole“ místo splnění nebo nesplnění.

  • Viditelné mezery místo skóre

    Kritéria, která nepokrývá žádné automatické pravidlo, jsou označená jako „Ruční kontrola“ (Manual check). Nic se nezprůměruje do procenta, které by zakrylo, co se netestovalo.

Co zkontrolovat nedokáže

  • Rozhodnout o kritériích, která vyžadují lidský úsudek, například 1.4.10 Reflow, 1.4.11 Non-text Contrast, kritéria 1.2 o titulcích a audiopopisu a 3.3.1 až 3.3.4 o chybách ve formulářích.
  • Proměnit stav „Bez automaticky zjištěných chyb“ (No automated failures) ve splnění. Pravidlo, které proběhlo a vyhovělo, pokrývá jen to, co samo testuje.
  • Vytvořit prohlášení o shodě, prohlášení o přístupnosti nebo VPAT. O shodě rozhodují lidé na základě celých stránek a úplných procesů.
  • Testovat úroveň AAA ani stránky nad rámec pěti stránek ve skenu.
  • Dostat se ke krokům za přihlášením nebo v pokladně, kde se obvykle uplatňují kritéria jako 3.3.7 Redundant Entry a 3.3.8 Accessible Authentication.

Proč na tom záleží

WCAG je napsané jako kritéria úspěšnosti a právě tak web popisují auditoři, týmy zadávající zakázky i prohlášení o přístupnosti. Seznam nesplněných pravidel vám řekne, co opravit. Pohled podle kritérií vám řekne, co o webu už můžete a co ještě nemůžete tvrdit.

Automatické nástroje se dotýkají méně než poloviny kritérií úrovně A a AA: axe-core přiřazuje svá pravidla zhruba 25 z 55. Pro zbytek spolehlivý automatický test neexistuje. Software nepozná, zda chybová zpráva navrhuje opravu (3.3.3), nebo zda stránka funguje i při šířce 320 CSS pixelů (1.4.10). Když jsou tato kritéria uvedená jako ruční kontroly, vidíte, kde je testování ještě potřeba.

Nesplněné může být i kritérium bez automaticky zjištěných chyb. Pravidla pro 1.1.1 Non-text Content ověřují, že obrázek má alternativní text; nepoznají ale, že alt="IMG_2041.jpg" je k ničemu pro někoho, kdo fotku nevidí.

Jak číst výsledky

Nesplněno
Na testované stránce selhalo alespoň jedno automatické pravidlo spojené s tímto kritériem. Jde o jednoznačný problém; test přístupnosti webu ukáže prvky a stránky, které za ním stojí.
Ke kontrole
Automatická kontrola označila něco, o čem nedokázala rozhodnout, například kontrast textu na barevném přechodu. Prvek si musí prohlédnout člověk.
Bez automaticky zjištěných chyb
Alespoň jedno pravidlo axe-core spojené s kritériem proběhlo a vyhovělo. To neznamená shodu: pravidla pokrývají jen část toho, co kritérium požaduje.
Neuplatněno
Pro toto kritérium automatická pravidla existují, ale na testovaných stránkách neměla co kontrolovat, například chybělo video pro pravidla o titulcích nebo formuláře pro pravidla o popiscích. Otestujte ho ručně, pokud má váš web takový obsah jinde.
Ruční kontrola
Toto kritérium nepokrývá žádné automatické pravidlo, takže sken o něm neříká nic, ani v dobrém, ani ve zlém. Otestujte ho ručně.
Úroveň A a úroveň AA
Úroveň A je minimum. Předpisy, které odkazují na WCAG, obvykle uvádějí úroveň AA, která zahrnuje všechna kritéria úrovně A.

Jak opravit nejčastější problémy

  • Nesplněno 4.1.2 Name, Role, Value

    Vlastní ovládací prvky vytvořené z prvků div nebo span (menu, záložky, akordeony, přepínače) nesdělují asistivním technologiím, co jsou zač ani zda jsou otevřené. Kde je to možné, použijte nativní <button>, dejte mu název a nastavte aria-expanded nebo aria-pressed, aby se oznamoval jeho stav.

  • Nesplněno 1.3.1 Info and Relationships

    Struktura musí být v kódu, nejen ve stylech. Používejte skutečné prvky h2 a h3 místo tučných odstavců, ul nebo ol pro seznamy, th se scope pro záhlaví tabulek a popisky (label) nebo fieldset s legend pro skupiny polí formuláře.

  • Nesplněno 3.1.1 Language of Page

    Přidejte k prvku html atribut lang, například <html lang="en">. Šablony WordPressu ho běžně vypisují pomocí language_attributes(); v šabloně Shopify použijte <html lang="{{ request.locale.iso_code }}"> v souboru layout/theme.liquid.

  • Nesplněno 2.5.8 Target Size (Minimum)

    Malé ikony a těsně nahuštěné odkazy se prstem špatně trefují. Udělejte každý cíl alespoň 24 × 24 CSS pixelů, nebo malé cíle rozmístěte tak, aby kruh o průměru 24 px se středem na každém z nich nepřekrýval jiný cíl. Vnitřní odsazení (padding) cíl zvětší, aniž by změnilo ikonu.

  • Jak projít ruční kontroly

    Začněte těmi rychlými. U 1.4.10 Reflow zvětšete okno prohlížeče široké 1280 px na 400 % a ověřte, že nic nevyžaduje vodorovné posouvání. U 2.4.7 a 2.4.11 projděte stránku klávesou Tab a ověřte, že je fokus vždy viditelný a nikdy se neschovává za přichycenou hlavičkou nebo cookie lištou. U 3.3.1 odešlete formulář s chybami a zjistěte, zda jsou chyby jasně popsané textem.

Otázky k tomuto nástroji

Co se ve WCAG 2.2 změnilo na úrovních A a AA?

Přibylo šest kritérií: 2.4.11 Focus Not Obscured (Minimum), 2.5.7 Dragging Movements, 2.5.8 Target Size (Minimum), 3.2.6 Consistent Help, 3.3.7 Redundant Entry a 3.3.8 Accessible Authentication (Minimum). WCAG 2.2 také přidává tři kritéria úrovně AAA a odstraňuje 4.1.1 Parsing.

Proč v seznamu chybí 4.1.1 Parsing?

WCAG 2.2 označuje 4.1.1 Parsing za zastaralé a odstraňuje ho, protože prohlížeče a asistivní technologie už nezávisejí na chybách v kódu, které pokrývalo. W3C uvádí, že pro WCAG 2.0 a 2.1 se u obsahu v HTML nyní považuje za vždy splněné.

Pokrývá splnění WCAG 2.2 i WCAG 2.1?

Ano. WCAG 2.2 je zpětně kompatibilní: obsah, který vyhovuje verzi 2.2, vyhovuje i verzím 2.1 a 2.0. Test podle 2.2 proto pokrývá i starší verze, na které se mnoho předpisů stále odkazuje.

Mohu výsledky použít k sepsání prohlášení o přístupnosti nebo VPAT?

Jsou výchozím bodem, nikoli zprávou o shodě. Prohlášení nebo VPAT vyžaduje vyhodnocení všech kritérií, většiny z nich člověkem; seznamy „Ruční kontrola“ (Manual check) a „Ke kontrole“ ukazují, která to ještě potřebují.

Proč je u tolika kritérií stav „Ruční kontrola“ (Manual check)?

Protože pro ně žádné automatické pravidlo neexistuje. Otázky, jako zda lze časový limit prodloužit, zda se nápověda zobrazuje na každé stránce na stejném místě nebo zda přihlášení vyžaduje test paměti, závisejí na tom, jak lidé web používají, ne na kódu, který může pravidlo přečíst.

Zdroje

Související nástroje

Report oprav přístupnosti ($174, jednorázově) vychází z úplného bezplatného skenu a přidává další stránky, změnu ke každému zjištění, PDF a opakované testy k ověření vašich oprav.

Co obsahuje Report oprav přístupnosti