Prístupnosť webu začína pri skutočnej úlohe
Nájsť dokument, vyplniť formulár a dostať odpoveď. Prístupnosť musí fungovať v celej ceste, pri rôznych spôsoboch ovládania.
Vyberte cesty, ktoré web musí zvládnuť
Pri portáli to môže byť nájdenie zmluvy, rezervácia termínu alebo odoslanie podnetu. Pri firemnom webe zorientovanie sa v službe a kontakt. Takáto cesta spája navigáciu, obsah a ovládanie. Kontrola jednej úvodnej obrazovky nevysvetľuje, či návštevník dokončí úlohu.
Pred návrhom určte hlavné cesty a typy obsahu, ktoré na nich používateľ stretne. Rozhodnite, kto bude overovať šablóny, formuláre aj dokumenty. Ak sa niektorá časť dodáva externe, zahrňte ju do plánu kontroly a zodpovedností.
Obsah potrebuje zrozumiteľnú štruktúru
Nadpisy majú pomenovať obsah a tvoriť čitateľnú hierarchiu. Odkaz má z kontextu vysvetliť cieľ. Pri tabuľke treba vedieť rozpoznať vzťah medzi hlavičkou a hodnotou; pri obrázku zas jeho význam. Tieto rozhodnutia patria aj do pravidiel redakcie.
Prejdite si napríklad cestu k dokumentu. Vie návštevník z názvu rozpoznať správny súbor? Nájde vysvetlenie jeho účelu? Má dokument použiteľnú podobu? Dobrý návrh stránky môže zlyhať na prílohe, ktorú niekto nahral bez kontroly.
Skúste ovládanie bez myši
Prejdite menu, vyhľadávanie a formulár pomocou klávesnice. Používateľ musí vidieť, na ktorom prvku sa nachádza, a poradie má sledovať zmysel stránky. Otvorený dialóg musí umožniť pokračovanie aj zavretie. Nájdite tiež cestu späť, keď sa človek rozhodne úlohu prerušiť.
Pri vizuálnom návrhu skontrolujte kontrast a zväčšenie. Návštevník môže potrebovať väčšie písmo alebo úzke zobrazenie. Zväčšený obsah nesmie zakryť dôležitú akciu. Skúšajte reálny text a chybové hlášky, nie iba krátke ukážkové názvy.
Chyba formulára má pomôcť pokračovať
Keď údaj chýba alebo má nesprávny formát, formulár má pomenovať konkrétny problém a miesto opravy. Zachovanie už vyplnených údajov šetrí používateľovi ďalšiu prácu. Kontrolu robte aj pri odoslaní, počas čakania a pri zlyhaní pripojenia.
Zmena stavu má byť dostupná aj človeku, ktorý ju nevníma vizuálne. Pri skúške s čítačkou obrazovky overte, či sú polia pomenované a či používateľ dostane informáciu o výsledku. Neuspokojte sa s tým, že tlačidlo reaguje pri kliknutí myšou.
Ukážková skúška: odoslanie občianskeho podnetu
Vyberte cestu od úvodnej stránky po potvrdenie odoslania. Prejdite ju klávesnicou, pri zväčšení aj s čítačkou obrazovky podľa plánu kontroly. Zadajte neplatný e-mail a skúste prílohu, ktorú formulár neprijme. Sledujte, či používateľ rozpozná príčinu a dokáže pokračovať bez opakovania celej práce.
Po úspešnom odoslaní musí dostať zrozumiteľnú informáciu o výsledku a ďalšom kroku. Tento ilustračný test pokrýva viac než vizuálnu podobu formulára. Zároveň poskytuje konkrétny postup, ktorý možno zopakovať po zmene jeho polí alebo spôsobu odosielania.
Automatická kontrola a manuálna skúška sa dopĺňajú
Automatické nástroje pomáhajú odhaliť opakovateľné problémy, ale nedokážu samy potvrdiť celú prístupnosť. Výsledok treba doplniť manuálnym hodnotením a skúškami relevantných ciest. Referenčným rámcom môže byť WCAG 2.2 na úrovni AA; rozsah a záver kontroly treba presne zdokumentovať.
Po nasadení pokračujte pri zmene šablóny, novom formulári aj významnej aktualizácii obsahu. Redaktor potrebuje vedieť, ako vytvoriť nadpis, textovú alternatívu či zrozumiteľný odkaz. Prístupnosť zostáva súčasťou práce na webe aj po odovzdaní prvej verzie.
Od témy ku konkrétnemu riešeniu.
Súvisiaca realizácia: Bratislava – Staré Mesto