This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Barrierefreiheit
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ě.
- 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.
FAQ
Co je přístupná chybová zpráva ve formuláři?
Přístupná chybová zpráva textově pojmenuje dotčené pole a problém, například „Telefonní číslo: zadávejte prosím jen číslice“. Je technicky propojena s polem, takže ji čtecí programy ohlásí přímo u pole. Barva smí navíc označovat, ale nikdy nenese informaci sama — červený rámeček bez textu zůstává pro nevidomé návštěvníky neviditelný.
Stačí červený rámeček kolem chybného pole?
Samotný červený rámeček nesplňuje kritérium 3.3.1. Nevidomí návštěvníci barvy vůbec nevnímají a mnoho barvoslepých lidí sotva rozliší červenou od zelené nebo šedé. Rámeček může zůstat jako doplňkový signál, ale vlastní informace — které pole, jaká chyba — musí být v textu a technicky navázaná na pole.
Jak kontrolní služba automaticky testuje chyby formuláře?
Měřicí jádro záměrně odešle formulář s povinnými poli ve skutečném prohlížeči prázdný a ověří, zda jsou pole označena jako chybná a propojena s popisem chyby. Vyhledávací pole a formuláře bez povinných polí zůstávají záměrně nedotčené a jsou označeny jako ruční kontrolní bod — měření na vaší webové stránce nespustí nic nechtěného.