This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Přístupnost
Proč musí pořadí obsahu v kódu sedět?
Pořadí v kódu musí sedět, protože odečítače obrazovky přečtou stránku přesně v tomto pořadí — bez ohledu na to, jak je obsah uspořádán na obrazovce. Stojí-li v kódu cena před názvem produktu, uslyší nevidomý návštěvník nejprve „89 eur“ a neví, za co. Viditelné pořadí a pořadí v kódu musí spolu ladit.
Dva pohledy na stejnou stránku
Každý web existuje dvakrát: jednou jako viditelný vzhled na obrazovce a jednou jako kód, ve kterém obsah stojí za sebou. Moderní technologie tvorby dokážou obojí oddělit — prvek, který je v kódu úplně dole, se může vizuálně objevit vlevo nahoře. Pro vidícího návštěvníka je to neviditelné. Odečítač obrazovky ale kód sleduje důsledně. Příklad: Váš ceník ukazuje tři balíčky vedle sebe, v kódu ale stojí nejprve všechny tři názvy, pak všechny tři ceny, pak všechny tři popisy. Nevidomý návštěvník uslyší „Basic, Komfort, Premium, 29 eur, 59 eur, 99 eur“ — a ceny už nemůže balíčkům přiřadit.
Jak naše měřicí jádro kontroluje pořadí
Kontrolní nástroj axe-core rozpoznává jednotlivé technické signály, které naznačují narušené pořadí — například značky, které vytrhávají prvky z toku čtení. Zda pořadí předčítání konkrétní stránky dává obsahově smysl, ale stroj v zásadě dokáže posoudit jen omezeně: k tomu je třeba obsahu rozumět. Naše měřicí jádro se zde řídí zásadou, že nenápadný průběh není omluvenkou — co automatika nedokáže bezpečně rozhodnout, zpráva označí jako „zkontrolovat ručně“. U Zlatého standardu si kontrolor nechá stránku zobrazit v pořadí kódu a posoudí, zda obsah zůstává takto srozumitelný.
Příklady
Pořadí změněno CSS
<div style="display:flex; flex-direction:column-reverse">
<p>Schritt 2: Termin bestätigen</p>
<p>Schritt 1: Termin wählen</p>
</div><div>
<p>Schritt 1: Termin wählen</p>
<p>Schritt 2: Termin bestätigen</p>
</div>Read- out programy číst zdrojový text v jeho pořadí. Co je převrácené opticky, přichází špatným směrem.
- Požádejte svou agenturu, aby si nejdůležitější stránky jednou prohlédla bez grafiky — jen v pořadí kódu.
- Zkontrolujte obzvlášť pečlivě ceníky a srovnávací tabulky: tam grafika nejčastěji odděluje údaje, které patří k sobě.
- Při úpravách dbejte na to, aby byl obsah v kódu vložen tam, kam obsahově patří — ne tam, kde je to technicky pohodlné.
- Po větších změnách designu otestujte klávesou Tab: Pokud zvýraznění skáče křížem krážem, obvykle nesedí ani pořadí v kódu.
- Zahrňte pořadí předčítání jako přejímací kritérium do smluv se svou agenturou.
