This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Barrierefreiheit
Proč nesmí fixovaná horní lišta nikdy zcela zakrýt fokus klávesnice?
Fixovaná horní lišta, upozornění na cookies nebo přilepená spodní lišta nesmí nikdy zcela zakrýt právě zaostřený prvek, jinak uživatelé klávesnice už nevidí, kde se nacházejí. Kritérium 2.4.11 přibylo nově s WCAG 2.2: při pohybu fokusu po stránce musí aktivní prvek zůstat alespoň částečně viditelný — i když se části stránky při posouvání vznášejí nad obsahem.
Jak přilepené panely pohlcují fokus
Mnoho webových stránek fixuje prvky u okraje obrazovky: nabídkový panel nahoře, upozornění na cookies dole, mezi tím možná banner newsletteru. Tyto vrstvy se vznášejí nad obsahem. Pokud fokus klávesnice putuje po stránce, může aktivní prvek ležet přesně za takovým panelem — rámeček fokusu tam je, ale nikdo ho nevidí. Uživatelům klávesnice to připadá, jako by fokus zmizel: pokračují v tabování a nevědí, na jaké tlačítko trefí klávesou Enter. Zvlášť zákeřná jsou vysoká upozornění na cookies u dolního okraje, za kterými se při procházení tabulátorem mohou skrýt celé řádky formuláře.
Jak kontrolní služba měří zakrytí fokusu
Během skutečného průchodu klávesnicí kontrolní služba u každého zastavení fokusu ověří několik bodů aktivního prvku: pokud na všech těchto bodech leží neprůhledná, fixovaná nebo přilepená plocha nad prvkem, považuje se za zcela zakrytý — kritérium je porušeno a zpráva prvek pojmenuje spolu s doloženým snímkem obrazovky. Měření záměrně posuzuje opatrně: prvky, které jsou samy součástí fixovaného panelu, se nikdy nepovažují za skryté za ním a průhledné překryvy se za zakrytí nepočítají. Pokud prvek zůstává při všech zastaveních alespoň částečně viditelný, kritérium se počítá jako splněné.
- Protabujte svou stránku a sledujte dolní okraj obrazovky — mizí fokus dočasně za upozorněním na cookies?
- Udržujte fixované panely co nejužší, zejména na malých obrazovkách.
- Požádejte svou agenturu, aby při zaostřování počítala s odstupem posunu, aby aktivní prvek nikdy neskončil pod fixovanými panely.
- Testujte s viditelným upozorněním na cookies — přesně v tomto stavu vaši stránku zažívají první návštěvníci.
FAQ
Co znamená „fokus není zakrytý“ ve WCAG 2.2?
Kritérium 2.4.11 vyžaduje: pokud prvek získá fokus klávesnice, nesmí ležet zcela za jiným obsahem — třeba za fixovanými nabídkovými panely, upozorněními na cookies nebo přilepenými patičkami. Alespoň část prvku musí zůstat viditelná. Jinak uživatelé klávesnice ztrácejí orientaci, protože jejich jediné znamení polohy se stane neviditelným.
Jsou tím fixované nabídkové panely a cookie bannery zakázané?
Ne. Fixované panely zůstávají povolené — nesmí jen zcela překrýt právě zaostřený prvek. V praxi to znamená: panely udržovat úzké a při zaostření počítat s odstupem posunu, aby aktivní prvek zůstal viditelný nad, respektive pod panelem. Obojí lze vyřešit pár řádky ve stylových předpisech.
Jak se automaticky měří zakrytí fokusu?
Naše kontrolní služba skutečně protabuje stránku a u každého zastavení ověří několik bodů aktivního prvku: pokud je všude nad ním neprůhledná fixovaná plocha, prvek se považuje za zcela zakrytý a kritérium za porušené — doloženo snímkem obrazovky. Průhledné překryvy a prvky, které samy sedí ve fixovaném panelu, se přitom záměrně nepočítají jako chyba.