Najdôležitejšie body
- logická štruktúra nadpisov a oblastí
- všetky ovládacie prvky dostupné klávesnicou
- popisky polí a zrozumiteľné chyby
- textový kontrast a viditeľný fokus
- alternatívny text a titulky podľa významu média
Prístupnosť pomáha širšiemu publiku
Dobrá štruktúra pomáha čítačkám obrazovky aj ľuďom, ktorí stránku rýchlo skenujú. Veľké dotykové prvky pomáhajú používateľom s motorickým obmedzením aj človeku v pohybe. Zrozumiteľné chyby zlepšujú každý formulár.
Prístupnosť nie je jednorazový plugin. Vzniká v obsahu, dizajne, kóde aj redakčnej práci. Automatický test odhalí časť problémov, ale nevie posúdiť logiku ani zmysel textu.
Navigácia a klávesnica
Používateľ musí prejsť menu, podmenu, formulár a dialóg bez myši. Poradie fokusu má zodpovedať vizuálnej logike a fokus nesmie byť skrytý. Odkaz na preskočenie navigácie zrýchli prístup k obsahu.
Mobilné menu potrebuje správny názov, stav otvorené alebo zatvorené a funkčný Escape podľa typu rozhrania. Po zatvorení dialógu sa fokus vracia na prvok, ktorý ho otvoril.
Text, farby a formuláre
Hlavný text má mať čitateľnú veľkosť a riadkovanie. Informáciu nekomunikujte iba farbou. Pri zväčšení textu na dvesto percent sa obsah nesmie prekrývať ani miznúť.
Každé pole má viditeľný popis a správny typ. Chyba pomenuje problém aj spôsob opravy. Povinnosť a súhlas majú byť zrozumiteľné pred odoslaním.
Testovanie v praxi
Prejdite hlavné úlohy iba klávesnicou, zväčšite text, skontrolujte kontrast a vypnite obrázky. Následne použite automatický audit a podľa významu aj čítačku obrazovky. Testujte na skutočných zariadeniach.
Prioritu majú bariéry, ktoré blokujú nákup, kontakt, prihlásenie alebo prístup k podstatnej informácii. Prístupnosť zahrňte do akceptačných kritérií každej novej funkcie.
Nexode pohľad: najlepšie digitálne riešenie nie je to s najväčším rozsahom. Je to riešenie, pri ktorom vieme pomenovať používateľa, výsledok, riziko a spôsob merania.
Časté otázky
Otázky a odpovede
Stačí automatický audit prístupnosti?
Nie. Zachytí časť technických chýb, ale potrebuje doplniť manuálne testovanie klávesnicou a posúdenie obsahu.
Musí mať každý obrázok alt text?
Informačný obrázok áno. Čisto dekoratívny má mať prázdny alternatívny text, aby ho čítačka preskočila.
Je prístupnosť dôležitá pre SEO?
Mnohé dobré postupy sa prekrývajú so sémantikou a používateľskou skúsenosťou, no prístupnosť má predovšetkým umožniť prístup ľuďom.