Pole formulára bez správne prepojené etikety je najčastejšou chybou, ktorú stretávame na kontaktných formulároch, krokoch objednávky a prihlasovacích obrazovkách. Etiketa je tam často vizuálne pekne umiestnená nad alebo vedľa poľa vstupu, ale v zdrojovom kóde nie je s tým poľom technicky prepojená. Čítačka obrazovky potom čita pole ako "upraviť, prázdne" bez toho, aby oznámila, na čo je pole určené.
Problém zvyčajne vzniká preto, lebo etiketa a pole vstupu spolu vizuálne patria, ale programátor (alebo systém na tvorbu stránok) medzi nimi nevytvoril technické prepojenie. Pre vidiacich používateľov na tom nezáleží: jednoducho vidia etiketu. Pre niekoho, kto pracuje so čítačkou obrazovky, táto vizuálna blízkosť neexistuje. Dôležité je prepojenie v kóde, a to sa často nedokončí, aj na stránkach, ktoré vyzerajú starostlivo.
Tri varianty tej istej chyby
Najčastejšia forma je etiketa, ktorá je síce na obrazovke, ale v kóde je vzdialená od poľa bez technického prepojenia. Druhou formou je použitie textu zástupného symbolu v samotnom poli ako jediného vysvetlenia: akonáhle používateľ začne písať, tento text zmizne a čítačka obrazovky navyše zástupný symbol nie vždy považuje za platnú etiketu. Tretia forma sa objavuje najmä s ikonami: vyhľadávacie pole iba s ikonou lupy alebo tlačidlo iba s piktogramom bez textu, ktorý by mala čítačka obrazovky čítať.
Všetky tieto varianty majú spoločné to, že chyba zvyčajne nie je úmyselná. Nikto nevytváraním formulár preto, aby bol neprístupný. Stáva sa to preto, lebo etiketa vizuálne funguje a tvorca predpokladá, že je to hotové, zatiaľ čo technické prepojenie je osobitný krok, ktorý sa ľahko preskočí, najmä pod časovým tlakom alebo pri šablóne, ktorá sa pôvodne nevytvorila s ohľadom na prístupnosť.
Prečo je to závažnejšie, ako sa zdá
Formulár je často miestom, kde návštevník chce niečo naozaj vykonať: dokončiť objednávku, vytvoriť účet, nadviazať kontakt. Ak etiketa chýba práve v danom momente, proces sa zastaví pre časť vašich návštevníkov, zatiaľ čo zvyšok stránky funguje bez problémov. Orgány dohľadu a hodnotatelia sa preto pri formulároch často v prvom rade pozerajú na takéto úzke miesta, pretože priamo ovplyvňujú, či niekto môže vašu službu využívať.
Navyše sa táto chyba ľahko šíri. Etiketa bez prepojenia v jednej šablóne pre adresné pole sa často objavuje na desiatke strán naraz, pretože sa ten istý komponent recykluje všade. Jedno prepojenie, ktoré sa zmešká na základe, tak postihuje celý krok objednávky alebo celú prihlasovacia obrazovku.
Ako to otestovať a kde sa automatická skúška dostáva na hranice
Automatická skúška rozpozná časť týchto chýb dobre: vidí, či je etiketa technicky prepojená s poľom a či vstupné pole nemá vôbec žiadne meno. Čo skúška posudzuje ťažšie, je to, či má etiketa vecne správny obsah, či je zástupný text ako jediné vysvetlenie dosť jasný a či je poradie čítania pre čítačku obrazovky logické. Presne preto v každej správe uvádzame, čo automatická skúška pokrýva a čo nie; viete tak, čo je ešte potrebné preskúmať ručne.
Ak si chcete urobiť prvý dojem sami, najjednoduchšia skúška je prejsť si formulár iba s klávesnicou a skontrolovať, či každé pole dostane jasný názov, keď naň prejdete. Pre hlbšie pozorenie, vrátane kroku objednávky a prihlasovacieho toku, pomôže úplná skúška, ktorá sa pozerá ďalej ako na domovskú stránku zistiť, kde etikety chýbajú alebo sú oddelené od svojho poľa.
Čo tu widžet s prístupnosťou nevyrieši
Widžet prístupnosti, ktorý je nalepený na stránku, nemôže opraviť chýbajúce prepojenie medzi etiketou a poľom; toto prepojenie je v samotnom zdrojovom kóde a musí sa tam upraviť. To je jeden z dôvodov, prečo nepredávame žiadne overlays: skrývajú takéto chyby pred očami, ale čítačka obrazovky si ich nevšimne.
Samotné riešenie má zvyčajne obmedzený rozsah: tvorca prepája label so vstupným poľom, nahrádza placeholder-ako-label skutočným labelom alebo pridáva neviditeľný text ku tlačidlu s ikonou. Nejde o veľkú prestavbu, ale o prácu, ktorá musí byť vykonávaná cielene, pre každý formulár a každú šablónu. V databáze vedomostí s vysvetlením podľa témy si môžete prečítať, ako sa tieto a podobné chyby vzťahujú na požiadavky v EN 301 549.
Po oprave: zdokumentovanie a monitoring
Label, ktorý teraz opravíte, môže pri ďalšej zmene šablóny znova zmiznúť, napríklad keď návrhár preformátuje formulár bez opätovnej kontroly prepojenia. Preto by mal zásah nie len technicky vyriešiť, ale mal by byť zaradený aj do plánu zlepšovania, aby bolo jasné, kto je zodpovedný a kedy sa bude znova skontrolovať. Ako usporiadame takúto kontrolu a opakovanie, je vysvetlené na stránke o tom, ako sa posúdenie uskutočňuje.
Ak si nie ste istí, či vaše vlastné formuláre túto chybu obsahujú, zvyčajne sa to dá vidieť za niekoľko minút navigácie pomocou klávesnice. Ak to chcete štruktúrovane a s prioritným zoznamom, začína to bezplatnou rýchlou kontrolou, alebo si najskôr pozrite často kladené otázky o tom, čo kontrola skúma a čo nie.