This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Struktura a pořadí čtení: proč musí vzhled a kód souhlasit
Co je opticky rozpoznatelné jako nadpis, seznam nebo tabulka, musí být takto označené i v kódu. Tučně vysázený odstavec není pro screen reader nadpis a výčet zarovnaný mezerami není seznam. Pořadí v kódu navíc musí odpovídat smysluplnému pořadí čtení.
- Praktickým zkušebním kamenem je seznam nadpisů: kdo si ho vyvolá, dostane obsah stránky. Chybí-li nadpisy, nebo jsou-li udělané jen opticky, seznam je prázdný — a stránku je nutné poslouchat odshora dolů celou.
- Pořadí čtení se rozpadá zejména u moderních rozvržení: prvek, který se pomocí CSS mřížky posune nahoru, stojí v kódu níž. Vidící ho uvidí první, uživatelé screen readerů poslední. Náš kontrolor proto porovnává vizuální pořadí s pořadím v DOM.
- Sem patří i pole formulářů: vstupní pole potřebuje programově propojený popisek. Text vedle, který opticky vypadá jako popisek, nestačí.
FAQ
Jak najdu chybné nadpisy na své stránce?
Nechte si zobrazit strukturu nadpisů — umí to rozšíření prohlížeče i screen readery. Pokud tam chybí mezititulky, které vidíte na stránce, jsou udělané jen opticky.
Smím přeskočit úrovně nadpisů?
Úrovně mají zobrazovat obsahové členění. Skok z h2 na h4 nechá jednu úroveň struktury skončit v ničem — technicky možné, pro orientaci ale zavádějící.
Co znamená „určení účelu vstupu“?
Pole, která zjišťují osobní údaje uživatele — jméno, e-mail, telefonní číslo —, mají strojově čitelně uvádět svůj účel. Pak je mohou pomocné technologie a prohlížeče smysluplně předvyplnit nebo opatřit symboly.