2.4.3 Pořadí fokusu

Součást 2.4 Navigace

Pokud lze webovou stránku procházet sekvenčně, komponenty získávají fokus v pořadí zachovávajícím význam.

Pouze manuální testování

Toto kritérium nelze automaticky testovat. Vyžaduje ověření logického pořadí fokusu.

Co kontrolujeme:

  • Fokus se pohybuje v logickém pořadí (obvykle zleva doprava, shora dolů)
  • Modály a vyskakovací okna správně zachytávají fokus
  • Po zavření modálu se fokus vrací na původní místo
  • Nepoužívá se pozitivní tabindex (kromě 0)

Oficiální znění

Pokud lze webovou stránku sekvenčně procházet a sekvence ovlivňuje význam nebo ovládání, komponenty přijímající fokus jej přijímají v pořadí zachovávajícím význam a ovladatelnost.

Co to znamená v praxi

Pořadí fokusu při procházení Tab klávesou musí být logické a předvídatelné.

Časté problémy:

  • Modální okno se otevře, ale fokus zůstane za ním
  • Formulářová pole v nelogickém pořadí
  • Fokus skáče na neočekávaná místa

Řešení:

Nepoužívejte pozitivní tabindex. Držte logické pořadí v HTML.

Originální znění

Originální znění W3C: WCAG 2.1 Success Criterion 2.4.3 Focus Order

 

2.4.1 Přeskočení bloků

Je k dispozici mechanismus pro přeskočení bloků obsahu, které se opakují na více stránkách.
 

2.4.2 Titulek stránky

Webové stránky mají titulky popisující jejich téma nebo účel.
 

2.4.3 Pořadí fokusu

Pokud lze webovou stránku procházet sekvenčně, komponenty získávají fokus v pořadí zachovávajícím význam.
 

2.4.4 Účel odkazu (v kontextu)

Účel každého odkazu lze určit z textu odkazu nebo z textu odkazu společně s jeho kontextem.
 

2.4.5 Více způsobů

Je k dispozici více než jeden způsob, jak najít webovou stránku v rámci sady stránek.
 

2.4.6 Nadpisy a popisky

Nadpisy a popisky popisují téma nebo účel.
 

2.4.7 Viditelný fokus

Jakékoli uživatelské rozhraní ovládané klávesnicí má režim, kde je indikátor fokusu viditelný.
 

2.4.8 Umístění

Jsou k dispozici informace o umístění uživatele v rámci sady webových stránek.
 

2.4.9 Účel odkazu (pouze odkaz)

Je k dispozici mechanismus umožňující identifikovat účel každého odkazu pouze z textu odkazu.
 

2.4.10 Nadpisy sekcí

Nadpisy sekcí jsou použity k uspořádání obsahu.
 

2.4.11 Fokus není zakrytý (minimum)

Když komponenta získá fokus klávesnicí, není zcela zakryta jiným obsahem.
 

2.4.12 Fokus není zakrytý (vylepšený)

Když komponenta získá fokus klávesnicí, není žádná její část zakryta jiným obsahem.
 

2.4.13 Vzhled fokusu

Indikátor fokusu má minimální kontrastní poměr 3:1 a minimální plochu.