This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Přístupnost
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é.
Příklady
Tooltip pouze při přejetí
<span class="hilfe" title="Die Kundennummer steht auf der Rechnung oben rechts.">?</span><button type="button" aria-describedby="hilfe-knr" aria-expanded="false">Wo finde ich das?</button>
<p id="hilfe-knr" hidden>Die Kundennummer steht auf der Rechnung oben rechts.</p>Překrytí musí být přístupné pomocí klávesnice, blízko s Escape a zastavit, pokud ukazatel spočívá na něm.
- 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í.
