This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Přístupnost
Co znamená pořadí fokusu na webové stránce?
Pořadí fokusu je pořadí, ve kterém klávesa Tab prochází ovládací prvky stránky. Musí sledovat viditelné uspořádání: shora dolů, zleva doprava. Pokud fokus místo toho skáče křížem krážem, ztrácejí uživatelé klávesnice orientaci — nedokážou předvídat, kam příští stisk klávesy dopadne. Kritérium WCAG 2.4.3 vyžaduje srozumitelné pořadí.
Jak vzniká chybné pořadí fokusu
Klávesa Tab sleduje pořadí prvků ve zdrojovém kódu — ne to, co je vidět na obrazovce. Pokud design přesune prvky na jiné pozice, obě pořadí se rozejdou: fokus přeskočí z pole jména do patičky a odtud zpět na odesílací tlačítko. I dodatečně vložená dialogová okna často skončí ve zdrojovém kódu úplně na konci — kdo se do nich chce tabovat, musí nejdřív projít celý zbytek stránky. Třetím klasickým případem jsou pevně přidělená čísla tabulátoru ve zdrojovém kódu, která vynucují vlastní pořadí kolidující s rozvržením. Vše z toho se projeví až při skutečném průchodu klávesnicí.
Jak kontrolní služba měří pořadí fokusu
Kontrolní služba na stránce skutečně stiskne klávesu Tab a zaznamená polohu každého zastavení. Poté počítá zpětné skoky: místa, kde fokus zřetelně skočí nahoru nebo ve stejném řádku doleva, proti směru čtení. Pokud je zpětných skoků víc než 30 procent z přechodů fokusu, kritérium se považuje za porušené; mezi 10 a 30 procenty zpráva zaznamená případ k ruční kontrole, protože vícesloupcová rozvržení mohou jednotlivé skoky vysvětlit. Pod touto hranicí se pořadí považuje za srozumitelné. Zpráva uvádí počet zpětných skoků a kontrolovaných zastavení — vidíte tak základ měření, ne jen výsledek.
Příklady
Focus skoky přes tabindex
<input tabindex="3" name="name">
<input tabindex="1" name="email">
<button tabindex="2">Senden</button><input name="name">
<input name="email">
<button>Senden</button>Pozitivní hodnoty tabindex vytvářejí vlastní pořadí, které se odchyluje od viditelného. Source text order je ten správný.
- Protabujte svou nejdůležitější stránku a sledujte označení — sleduje směr čtení zleva shora doprava dolů?
- Otestujte zejména formuláře: pořadí polí klávesnicí musí odpovídat viditelnému pořadí.
- Požádejte svou agenturu, aby se vyhnula pevně přiděleným číslům tabulátoru ve zdrojovém kódu — pořadí ve zdrojovém kódu by mělo být viditelným pořadím.
- Nechte dialogová okna při otevření přesunout fokus do okna a při zavření ho vrátit na výchozí místo.
