This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Barrierefreiheit
Jak musí být tooltipy a vyskakovací okna na webech ovladatelná?
Vyskakovací okna, která se objeví při kontaktu s myší nebo klávesovém fokusu — tooltipy, podmenu, informační bubliny — musí splňovat tři podmínky: návštěvník je může zase zavřít bez pohybu myší, obvykle klávesou Escape. Může myší přejet na vyskakovací okno, aniž by zmizelo. A zůstává zobrazené, dokud ho sám nezavře nebo nepokračuje dál.
Tři pravidla pro každé vyskakovací okno
Kdo pracuje se silným zvětšením obrazovky, vidí vždy jen výřez stránky. Otevře-li se při kontaktu s myší tooltip, ve zvětšeném zobrazení rychle zakryje přesně ten text, který návštěvník právě čte — a bez možnosti zavření v tom uvízne. Odtud první pravidlo: musí jít vypnout, obvykle klávesou Escape. Druhé pravidlo se týká stejné skupiny: aby bylo možné vyskakovací okno číst zvětšené, musí se k němu dát přesunout myš — zmizí-li ihned při opuštění spouštěče, jeho obsah je nedosažitelný. Třetí pravidlo vyžaduje trvanlivost: vyskakovací okno, které samo zmizí po pár sekundách, je pro pomalé čtenáře bezcenné. Klasickými problémovými případy jsou vlastnoručně sestavená podmenu a informační ikony ve formulářích.
Jak naše kontrola nakládá s vyskakovacími okny
Vyskakovací okna se projeví až ve vzájemném působení: je třeba najet myší na spouštěč, stisknout klávesu Escape, sledovat dobu setrvání. Naše měřicí jádro provádí na vaší stránce cílené, pasivní interakce — putuje například klávesovým fokusem po stránce a sleduje chování. Úplný úsudek o všech třech podmínkách pro každé jednotlivé vyskakovací okno to ale nedodá; podle naší zásady tu bez skutečného důkazu nic neplatí za splněné. Zpráva proto toto kritérium uvádí jako bod k lidské kontrole. U Zlatého standardu kontrolor projde vyskakovací okna vaší stránky myší a klávesnicí a zdokumentuje každé, které nejde zavřít, prchavě zmizí nebo je nedosažitelné.
- Najeďte myší na informační ikony a menu své stránky a stiskněte Escape — vyskakovací okno by se mělo zavřít.
- Přesuňte myš ze spouštěče na samotné vyskakovací okno — přitom musí zůstat otevřené.
- Odstraňte časovače, které vyskakovací okna po pár sekundách automaticky zavřou.
- Jako spouštěč upřednostněte kliknutí místo pouhého kontaktu s myší — co se otevírá a zavírá kliknutím, splňuje pravidla téměř samo.
- Požádejte svou agenturu, aby u podmenu a tooltipů sázela na osvědčené, přístupné hotové komponenty místo vlastních řešení.
FAQ
Co je tooltip na webové stránce?
Malé vyskakovací okno, které zobrazí doplňkové informace, když návštěvník najede myší na prvek nebo ho zaostří klávesnicí — třeba vysvětlení za informační ikonou ve formuláři. Aby ho mohli využít všichni návštěvníci, musí být zavíratelné, dosažitelné myší a trvanlivé.
Proč vyskakovací okna obzvlášť ruší lidi se zvětšením obrazovky?
Kdo silně zvětšuje, vidí jen malý výřez stránky. Vyskakovací okno tam rychle zakryje přesně ten text, který se právě čte. Nejde-li zavřít klávesnicí, nebo zmizí-li při pokusu ho dosáhnout myší, stává se stránka na tomto místě nepoužitelnou.
Jak kontrolní služba kontroluje tooltipy a vyskakovací okna?
Měřicí jádro provádí pasivní interakce ve skutečném prohlížeči a sleduje chování stránky, například při putování klávesového fokusu. Úplný úsudek o zavíratelnosti, dosažitelnosti a trvanlivosti každého vyskakovacího okna vynese u Zlatého standardu člověk, který prvky projde myší a klávesnicí a zdokumentuje nálezy.