This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Přístupnost
Co znamená název, role, hodnota u webové stránky?
Název, role a hodnota jsou tři údaje, které musí každý ovládací prvek webu hlásit asistenčním technologiím. Název říká, k čemu prvek slouží („Hledat“), role říká, čím je (tlačítko, odkaz, zaškrtávací pole), hodnota říká, v jakém je stavu (zaškrtnuto nebo prázdné). Chybí-li některý z údajů, slyší nevidomý návštěvník jen „prvek“ — a nic si s tím nepočne. To upravuje kritérium WCAG 4.1.2.
Tři údaje dělají prvek ovladatelným
Odečítač obrazovky nevidí pixely — přečte to, co o každém prvku hlásí zdrojový kód. U správně vytvořeného tlačítka řekne: „Hledat, tlačítko“. Návštěvník hned ví, co se stane, když stiskne klávesu Enter. U zaškrtávacího pole se přidá hodnota: „Přihlásit k odběru novinek, zaškrtávací pole, nezaškrtnuto“. Problémy vznikají u vlastnoručně sestavených ovládacích prvků: Klikatelná ikona bez názvu se ohlásí jako „obrázek“, rozbalovací nabídka sestavená skriptem bez role jako bezvýznamný text. Vidící návštěvník si toho nevšimne — prvek vypadá jako vždy. Pro uživatele odečítačů obrazovky, hlasového ovládání a speciálních klávesnic je neviditelný nebo nepoužitelný. Robustnost znamená: technika za tím unese všechny asistenční technologie, ne jen obrazovku.
Jak kontrolní služba kontroluje název, roli a hodnotu
Toto kritérium naše měřicí jádro z velké části kontroluje automaticky pomocí axe-core ve skutečném prohlížeči. Kontroluje se mimo jiné: zda každé tlačítko a odkaz nese přístupný název, zda jsou použité doplňkové údaje pro asistenční technologie platné a správně zkombinované, zda vlastnoručně přiřazené role odpovídají pravidlům. Aby se vyloučily náhodné nálezy, kontrola běží dvakrát s odstupem 800 milisekund — počítají se jen nálezy, které ukážou oba běhy. Navíc se zohledňuje počítání popisků z kritéria 3.3.2: vstupní pole bez propojeného popisku nemá ani přístupný název, a proto se počítá i jako porušení kritéria 4.1.2. Zpráva pojmenuje každý nález s prvkem a dokladem.
Příklady
Přepínač bez názvu, role a stavu
<div class="toggle on" onclick="umschalten()"></div><button type="button" role="switch" aria-checked="true" onclick="umschalten()">
Benachrichtigungen
</button>Program "Oznámení, přepínání, zapnutí". Při přepínání se musí provádět aria- kontrola.
Symbol tlačítka bez názvu
<button><svg>…</svg></button><button aria-label="Suche öffnen"><svg aria-hidden="true">…</svg></button>- Požádejte svou agenturu, aby pro ovládací prvky používala vestavěné stavební prvky — skutečná tlačítka a odkazy si přinášejí název, roli a hodnotu samy.
- Dejte každému čistě ikonovému tlačítku — lupa, menu, košík — neviditelný, ale technicky uložený název.
- Kontrolujte vlastnoručně sestavené prvky, jako jsou rozbalovací nabídky a přepínače, obzvlášť pečlivě — tam nejčastěji chybí role a stav.
- Po každé větší úpravě nechte proběhnout automatickou kontrolu, protože jediný nový skript může umlčet mnoho prvků.
