Pole formuláře bez správně propojeného popisku je nejčastější chybou, kterou na kontaktních formulářích, krocích objednávky a přihlašovacích obrazovkách setkáváme. Popisek tam sice často bývá, vizuálně hezky nad nebo vedle pole pro zadávání údajů, ale v kódu není s tímto polem technicky propojen. Čtečka obrazovky pak čte pole jako "upravit, prázdné" bez toho, aby říkala, k čemu pole slouží.
K problému obvykle dochází, protože popisek a pole pro zadávání údajů spolu vizuálně patří, ale programátor (nebo stavební systém) mezi nimi nevytvořil technickou vazbu. Pro uživatele, který vidí: to vůbec nezáleží, protože popisek tam prostě vidí. Pro někoho, kdo pracuje se čtečkou obrazovky, taková vizuální blízkost neexistuje. Důležitá je vazba v kódu, a ta chybí častěji, než byste čekali, a to i na webech, které vypadají profesionálně.
Tři varianty téže chyby
Nejčastější formou je popisek, který sice na obrazovce je, ale v kódu od pole žije odděleně, bez technické vazby. Druhou formou je použití zástupného textu v samotném poli jako jedinou výjimku: jakmile uživatel začne psát, text zmizí, a čtečka obrazovky navíc zástupný text ne vždy zpracovává jako řádný popisek. Třetí formou se setkáváte zejména u ikon: vyhledávací pole jen s ikonou lupy nebo tlačítko jen s piktogramem bez textu, který by mohl čtečka obrazovky přečíst.
Všechny tyto varianty mají společné, že k chybě obvykle nedochází úmyslně. Nikdo neprogramuje formulář, aby byl nepřístupný. Stane se to proto, že popisek vizuálně sedí a tvůrce si myslí, že tím je hotovo, zatímco technická vazba je samostatný krok, který se snadno přehlédne, zejména pod časovým tlakem nebo u šablony, která původně nebyla vytvářena s ohledem na přístupnost.
Proč to váží více, než se zdá
Formulář je často místo, kde si návštěvník chce něco skutečně vyřídit: dokončit objednávku, vytvořit účet, vzít kontakt. Chybí-li popisek právě v ten moment, proces se pro část vašich návštěvníků zastaví, zatímco zbytek webu funguje bezchybně. Dohledové orgány a hodnotitelé se proto na formulářích často především dívají na taková úzká místa, protože přímo ovlivňují, zda si někdo může službu objednat.
Kromě toho se tato chyba snadno šíří. Popisek bez vazby v jedné šabloně pro adresní pole se často na desítkách stránek objeví najednou, protože se stejná součást znovu používá všude. Jedna přehlédnutá vazba v základně se tak dotkne celého kroku objednávky nebo celé přihlašovací obrazovky.
Jak to testujete a kde automatická kontrola narážejí na své hranice
Automatická kontrola pozná část těchto chyb dobře: vidí, je-li popisek technicky vázán na pole a nemá-li pole pro zadávání údajů vůbec žádný název. Co kontrola těžko posoudí, je, zda je popisek věcně správný, zda je zástupný text jako jedinou vysvětlení dostatečně jasný a zda pro čtečku obrazovky terč. To je přesně důvod, proč v každé zprávě uvedeme, co automatická kontrola pokrývá a co ne; tak víte, co ještě musí být ručně zkontrolováno.
Chcete-li si udělat první dojem sami, nejjednodušší test je projít si formulář pouze klávesnicí a kontrolovat, zda každé pole dostane jasný název, když na něj tabelátor najedete. Pro podrobnější přehled, včetně kroku objednávky a přihlašovacího toku, pomáhá plná kontrola, která vidí hlouběji než domovskou stránku zjistit, kde popisky chybějí nebo jsou odděleny od svého pole.
Co přepínač dostupnosti zde neřeší
Widget pro dostupnost, který se nalepí na web, nemůže obnovit chybějící vazbu mezi popiskem a polem; ta vazba je v samotném kódu a musí se tam také změnit. To je jeden z důvodů, proč neprodáváme překryvy: skrývají tuto chybu z pohledu, ale čtečka obrazovky si toho nevšimne.
Samotné řešení má obvykle omezenou velikost: tvůrce připojí popisek k poli, nahradí zástupný symbol sloužící jako popisek skutečným popiskem nebo přidá k tlačítku s ikonou neviditelný text. Nejde o velkou přestavbu, ale o práci, která musí být provedena cíleně, pro každý formulář a každou šablonu. V znalostní bázi s vysvětlením pro každé téma se dozvíte, jak se tyto a podobné chyby vztahují k požadavkům podle EN 301 549.
Po opravě: zdokumentování a monitorování
Popisek, který nyní opravíte, může při další úpravě šablony znovu zmizet, například když návrhář formulář přestylivizuje bez opětovné kontroly připojení. Proto by oprava neměla být vyřešena pouze technicky, ale měla by být také zahrnuta do plánu zlepšení, aby bylo jasné, kdo je odpovědný a kdy se provede opětovná kontrola. Jak jsme tuto kontrolu a opakování uspořádali, je vysvětleno na stránce o tom, jak se hodnocení provádí.
Pokud si nejste jisti, zda vaše vlastní formuláře tuto chybu obsahují, obvykle ji lze zjistit za pár minut pomocí navigace klávesnicí. Chcete-li to provést strukturovaně a s prioritním seznamem, začíná to bezplatným quick-scanem, nebo si nejdříve přečtěte často kladené otázky o tom, co scan kontroluje a nekontroluje.