Proces registrace nebo pokladny, který selže kvůli chybě přístupnosti, není jen abstraktní problém – jde o zákazníka, který nedokončil nákup, a někdy o zákazníka, který se nevrátí. Tento článek se zaměřuje na nejdůležitější body ve formulářích, registraci a placení – a pokud vás také zajímají formuláře PDF, podívejte se na našeho průvodce nadostupné formuláře PDF.
Ve zkratce – o čem tento článek pojednává
Chybové zprávy v reálném čase
Nejčastější chyba: chybová zpráva, která se zobrazí vizuálně (malý červený text vedle pole), ale není oznámena čtečce obrazovky. Nevidomý uživatel vyplní formulář, klikne na „Odeslat“ a nechápe, proč se nic neděje – protože o chybě vůbec neslyší. Oprava: použijte `aria-live` k automatickému oznamování chyb a propojte každou chybu přímo s příslušným polem pomocí `aria-describedby`, takže čtečka obrazovky přečte chybu nahlas v okamžiku, kdy uživatel dosáhne tohoto pole.
Jasné, trvalé štítky polí
Zástupný text (šedý text, který zmizí, jakmile začnete psát) nenahrazuje skutečný štítek pole – ve chvíli, kdy uživatel začne psát, ztratí kontext toho, co pole vůbec požaduje. Každé pole formuláře potřebuje skutečný znak, který zůstane viditelný (nebo alespoň přístupný pro čtečku obrazovky) během celého procesu vyplňování, nejen jako nápověda, která zmizí.
💡 Praktický tip
Povinná pole musí být označena dvojím způsobem: vizuální (hvězdička nebo slovo „Povinné“) a také v kódu (`aria-required="true"`), aby i uživatel, který hvězdičku nevidí, věděl, že je pole povinné, než narazí na chybu odeslání.
Vícestupňové procesy
Vícestupňové toky registrace nebo placení (osobní údaje ▸ odeslání ▸ platba ▸ potvrzení) musí čtečce obrazovky jasně sdělit, který krok z celkového počtu kroků uživatel právě provádí, a oznámit to, když uživatel přejde k dalšímu kroku – takže uživatel, který nevidí přes vizuální indikátor průběhu, neztrácí orientaci.
Dostupné potvrzení objednávky
Po dokončení nákupu nebo registrace musí být přístupná samotná potvrzovací zpráva – jasně oznámená čtečce obrazovky (nikoli jen tichá vizuální změna na stránce) a včetně všech důležitých informací (číslo objednávky, množství, datum dodání) jako skutečný text, nikoli jako obrázek.
Máte dokumenty se smluvními podmínkami nebo potvrzení objednávek, které se odesílají ve formátu PDF?
Náš nástroj také kontroluje dokumenty, které doprovázejí toky nákupu a registrace – podmínky služby, účtenky, potvrzení.
Naskenujte svůj web zdarma ←Po naskenování můžete nalezené dokumenty také zpřístupnit přímo a zdarma prostřednictvímAccessiDoc.