2.4.11 Fokus není zakrytý (minimum)

Součást 2.4 Navigace

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

Pouze manuální testování

Toto kritérium z WCAG 2.2 nelze automaticky testovat. Vyžaduje vizuální ověření viditelnosti fokusu.

Co kontrolujeme:

  • Prvek s fokusem není zcela zakryt (sticky header, cookie banner, modal)
  • Alespoň část prvku je viditelná při fokusu
  • Uživatel může posunout zobrazení k prvku s fokusem

Oficiální znění

Když komponenta uživatelského rozhraní přijme fokus klávesnice, komponenta není zcela skryta kvůli obsahu vytvořenému autorem.

Co to znamená v praxi

Prvek s fokusem nesmí být zcela zakrytý jiným obsahem (sticky header, cookie lišta, chat widget).

Časté problémy:

  • Sticky navigace zakrývá focusované odkazy
  • Cookie consent zakrývá formulářová pole
  • Chat bublina překrývá tlačítka

Řešení:

Použijte scroll-padding-top pro kompenzaci sticky elementů.

Originální znění

Originální znění W3C: WCAG 2.2 Success Criterion 2.4.11 Focus Not Obscured (Minimum)

 

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.