Úvod
Přístupnost na webu znamená, že web je navržen tak, aby ho mohly bez problémů používat i osoby se zdravotním postižením. Jedno z pravidel, které tomu pomáhá, se týká informací a vztahů na stránce. Jednoduše řečeno, informace a struktura prezentované na webu by měly být srozumitelné i pro software, jako jsou čtečky obrazovky.
Když například vidoucí uživatel vidí formulář s políčky označenými hvězdičkou, rozumí, že jsou povinná. Ale pro lidi, kteří web “vidí” prostřednictvím čtečky obrazovky, je potřeba, aby tato informace byla dostupná v takové formě, kterou pochopí a správně interpretuje i čtečka.
Kdo má z toho užitek
- Osoby se zrakovým postižením: Používají čtečky obrazovky, které nahlas předčítají obsah webu. Pokud jsou struktura a vztahy na webu správně označeny, čtečka obsah interpretuje správně a uživatelé se mohou snadno na stránce pohybovat a rozumí obsahu.
- Osoby s kognitivními postiženími: Jednoznačná struktura a vztahy jim pomáhají lépe porozumět informacím na webu.
- Všichni uživatelé: Jednoznačná a logicky uspořádaná struktura stránky pomáhá v orientaci a snižuje čas potřebný k nalezení informací.
- Elektroničtí asistenti (Alexa, Siri apod.): Mohou poskytovat přesnější informace a umožní správně ovládat webovou aplikaci hlasem
Detailní popis
Kritérium se zaměřuje na to, aby byly informace, struktura a vztahy na webu prezentované tak, aby je mohly správně interpretovat i technologie jako jsou čtečky obrazovky. To zahrnuje například použití správných HTML tagů pro nadpisy, seznamy, tabulky a formuláře, což umožňuje lidem s různými druhy postižení lépe orientovat se na stránce. Třeba použití tagu <th>
pro záhlaví tabulky umožňuje čtečce obrazovky, aby uživatelům poskytla informaci o vztahu mezi konkrétní buňkou a záhlavím.
Techniky
- Použití sémantických HTML prvků pro identifikaci oblastí stránky –
HEADER
,MAIN
,FOOTER
,NAV
… - Použití atributů
aria-labelledby
pro pojmenování oblastí, například polí formuláře - Použití atributu
aria-required
pro označení povinných polí - Správné používání nadpisů (
H1
–H6
), seznamů (UL
,OL
,DL
) a dalších prvků - a další
Web navržený a vytvoření podle standardů W3C většinu věcí automaticky splňuje.