This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Přístupnost
Jak webová stránka správně zobrazuje chyby formuláře?
Webová stránka správně zobrazuje chyby formuláře tím, že pojmenuje dotčené pole a chybu popíše slovy: „Zadejte prosím svou e-mailovou adresu.“ Samotný červený rámeček nestačí — nevidomí návštěvníci ho nevidí, barvoslepí návštěvníci ho přehlédnou. Kritérium WCAG 3.3.1 vyžaduje, aby byly rozpoznané chyby zadání automaticky odhaleny a sděleny návštěvníkovi v textové podobě.
Samotný červený rámeček nechává návštěvníky hádat
Představte si, že se váš kontaktní formulář vrátí se zprávou „Zkontrolujte prosím svá zadání“ — víc tam nestojí. Vidící návštěvník teď hledá červené rámečky. Nevidomý návštěvník tuto možnost nemá: jeho čtecí program čte texty, ne barvy. Prochází znovu pole po poli a hádá, kde je problém. Mnozí to na tomto místě vzdají — a vy přijdete o poptávku nebo objednávku. Dobrá chybová zpráva uvádí tři věci: které pole je dotčeno, co je na něm špatně a v nejlepším případě, jak to má vypadat správně. Zpráva navíc musí být technicky propojená s polem, aby ji čtecí programy ohlásily přímo u pole.
Jak kontrolní služba měří rozpoznání chyb
Kontrolní služba otestuje váš formulář ve skutečném prohlížeči řízeným pokusem: najde formulář s povinnými poli a záměrně ho odešle prázdný. Pak sleduje reakci. Pokud jsou povinná pole označena jako chybná a popis chyby je technicky propojen s poli, kritérium se počítá jako splněné — zpráva zaznamená, kolik polí bylo správně pojmenováno. Čistá vyhledávací pole a formuláře bez povinných polí měření záměrně vynechává, aby na vaší webové stránce nespustilo nic nechtěného; takové případy zpráva otevřeně označuje jako ruční kontrolní bod. U zlatého standardu navíc kontrolor ověří, zda jsou chybové texty formulovány srozumitelně.
Příklady
Chyba bez umístění a textu
<p class="rot">Bitte Eingaben prüfen.</p>
<input name="iban"><label for="iban">IBAN</label>
<input id="iban" name="iban" aria-invalid="true" aria-describedby="iban-fehler">
<p id="iban-fehler">IBAN: 20 Zeichen erwartet, 18 eingegeben.</p>Zpráva pojmenuje pole a chybu a je připojena k poli tak, že program read- out oznamuje pole.
- Jednou záměrně odešlete svůj kontaktní formulář prázdný a přečtěte si chybovou zprávu očima cizího člověka.
- Formulujte každou chybovou zprávu podle vzorce: název pole, problém, řešení — „E-mailová adresa: zadejte prosím adresu se znakem @.“
- Požádejte svou agenturu, aby chybové zprávy technicky propojila s příslušným polem, aby je čtecí programy ohlásily.
- Nikdy se nespoléhejte jen na barvu — každý červený rámeček potřebuje vedle sebe vysvětlující text.
