2.4.7 Viditelný fokus

Součást 2.4 Navigace

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

Pouze manuální testování

Toto kritérium nelze automaticky testovat. Vyžaduje vizuální kontrolu indikátoru fokusu.

Co kontrolujeme:

  • Při procházení klávesnicí je jasně vidět, který prvek má fokus
  • Fokus není skryt pomocí CSS (outline: none bez náhrady)
  • Indikátor fokusu má dostatečný kontrast

Tip: Projděte celou stránku pomocí klávesy Tab a sledujte viditelnost fokusu.

Oficiální znění

Jakékoli uživatelské rozhraní ovladatelné klávesnicí má režim, ve kterém je indikátor fokusu klávesnice viditelný.

Co to znamená v praxi

Uživatelé klávesnice musí vždy vidět, kde se fokus nachází.

Problémy:

  • CSS outline: none bez náhrady
  • Fokus splývající s pozadím

Řešení:

  • Nikdy neodstraňujte outline bez náhrady
  • Použijte :focus-visible pro stylování
  • Zajistěte dostatečný kontrast fokusu

Originální znění

Originální znění W3C: WCAG 2.1 Success Criterion 2.4.7 Focus Visible

 

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.