Proč je téma důležité
Přístupnost se někdy odkládá jako specializovaný požadavek pro malou skupinu uživatelů. Ve skutečnosti zlepšuje ovladatelnost, srozumitelnost a robustnost produktu pro mnohem širší publikum: člověka s dočasným zraněním, uživatele na slunci, člověka pracujícího bez myši nebo kohokoli pod časovým tlakem.
Přístupnost není pouze vizuální kontrola kontrastu. Týká se struktury, klávesnice, názvů prvků, chybových zpráv, formulářů, dynamických změn a kompatibility s asistivními technologiemi.
Jak postupovat správně
Používejte sémantickou strukturu
Správné nadpisy, landmarky, tlačítka a formulářové prvky poskytují význam pro klávesnici i čtečku obrazovky.
Ověřte celý tok klávesnicí
Uživatel musí vidět focus, pohybovat se v logickém pořadí, otevřít a zavřít dialog a neuvíznout v komponentě.
Pojmenujte prvky a chyby srozumitelně
Label, instrukce a chybová zpráva mají vysvětlit účel i způsob opravy. Placeholder není náhrada labelu.
Kontrolujte kontrast a nezávislost na barvě
Informaci nesmí nést pouze barva. Stav doplňte textem, ikonou nebo tvarem.
Kombinujte automatické a ruční testy
Automatické nástroje zachytí část pravidel. Ruční kontrola klávesnice a čtečky ověří skutečné použití.
Zařaďte přístupnost do komponent
Oprava společného tlačítka nebo dialogu zlepší celý produkt. Přístupnost proto řešte v design systému, ne stránku po stránce.
Čemu se naopak vyhnout
- Použití překryvného „accessibility“ widgetu jako jediné nápravy.
- Interaktivním divům bez správné role, klávesnice a stavu.
- Odstraňování outline bez rovnocenného viditelného focusu.
- Chybovým stavům vyjádřeným jen červenou barvou.
- Testování pouze na desktopu a pouze myší.
Praktický příklad
Formulář importu dat může být vizuálně přehledný, ale uživatel čtečky nepozná, že po odeslání přibylo pět chyb. Správné řešení propojí labely s poli, oznámí souhrn chyb, přesune focus na první problém a u každé chyby uvede způsob opravy.
Automatický test ověří názvy a některé role, ruční test klávesnicí potvrdí pořadí focusu a dynamické oznámení výsledku.
Ponaučení pro praxi
Přístupnost je praktický ukazatel kvality rozhraní. Když produkt funguje bez myši, má jasnou strukturu a srozumitelné stavy, bývá odolnější a příjemnější pro všechny.
Správný postup nemusí být složitý. Důležité je, aby byl vědomý, opakovatelný a aby tým dokázal vysvětlit, proč zvolil právě tento způsob kontroly. Kvalita nevzniká jedním nástrojem ani jednou rolí; vzniká kombinací dobrých otázek, důkazů a následné zpětné vazby.