Kritérium srozumitelné/smysluplné pořadí říká, že obsah na webu dává smysl i tehdy, když se zobrazí jiným způsobem (např. pomocí čtečky). Při návrhu webových stránek a aplikací je důležité, aby se obsah zobrazil v logickém a smysluplném pořadí.
Pokud je pořadí důležité pro pochopení obsahu, mělo by být v kódu zapsané tak, aby ho čtečky a jiné technologie přečetly správně. Jinak by mohli být uživatelé zmateni a nemuseli by stránce porozumět.
Například očekáváte, že nadpisy v článku povedou k detailnějším informacím a odstavce budou sledovat logický tok myšlenek. Pokud by byly tyto prvky prezentovány v náhodném pořadí, ztratili byste přehled a nerozuměli byste obsahu.
Komu to pomáhá
- Lidem využívajícím asistivní technologie: Správné pořadí umožňuje lepší navigaci a porozumění obsahu.
- Všem uživatelům: Logické pořadí zlepšuje celkovou srozumitelnost a usnadňuje orientaci na stránce.
Důležité pojmy
- Programově určitelné pořadí: znamená, že asistivní technologie si umí z kódu stránky zjistit, v jakém pořadí mají obsah číst.
- Správné pořadí čtení: je takové, ve kterém věty a odstavce dávají smysl, pokud se čtou za sebou.
Proč je to důležité?
- Čtečky obrazovky a další asistivní technologie díky tomu čtou obsah správně a srozumitelně.
- Zachovává se logika a význam toho, co stránka sděluje. Pořád je jasné, co se tím chce říct.
- Pomáhá všem uživatelům, kteří si obsah zobrazují jinak – např. v jiném stylu, na mobilu, nebo s pomocí klávesnice.
Co je dobré vědět
- Na pořadí záleží jen tehdy, když by jiný sled informací změnil význam.
- Většinou neexistuje jen jedno správné pořadí. Důležité je, že to celé dává smysl.
- Pořadí klávesnice a čtečky nemusí být stejné, pokud stránka zůstává srozumitelná a použitelná.
Příklady
V článku s více sloupci by měl být text čtený sloupec po sloupci, vždy shora dolů.
Pokud se pomocí CSS zobrazí navigace, hlavní obsah a vedlejší obsah jinak, než je uvedeno v HTML, je to v pořádku. Důležité je, aby se tím neztratil smysl a stránka zůstala srozumitelná.
Jednoduchá kontrola
Vypněte CSS styly. Dává stránka pořád smysl? Zkontrolujte, jestli jdou informace logicky za sebou a jestli se neztrácí význam, i když zmizí vizuální styl.
Doporučené postupy
- Používejte nadpisy pro členění textu
- Dbejte na pořadí prvků v kódu
- K pozicování a zvýrazňování používejte pouze CSS
- V PDF dokumentech by měl být text uspořádaný tak, aby dával smysl při čtení
- a další