This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Barrierefreiheit
Jak velké musí být tlačítko na webové stránce minimálně?
Tlačítko musí mít velikost alespoň 24 krát 24 pixelů — to vyžaduje kritérium 2.5.8 „Velikost cíle (minimum)“, nově zavedené s WCAG 2.2. Menší cíle pravidelně míjejí lidé s třesoucíma se rukama nebo širokými prsty, obzvlášť na telefonu. Výjimkou jsou odkazy v běžném textu a malé cíle s dostatečným volným prostorem k sousedním cílům.
24 krát 24 pixelů: spodní hranice pro trefení
Dotyk prstem je méně přesný než kliknutí myší, a při třesu nebo omezené jemné motorice se rozptyl dál zvětšuje. Je-li cíl příliš malý, dotyk mine — v lepším případě se nic nestane, v horším se otevře sousední odkaz. Typickými problémovými místy jsou panely s hustě natěsnanými ikonami, drobné křížky pro zavření u informačních oken a pole s daty v kalendářích. 24 krát 24 pixelů je přitom spodní hranicí, ne komfortní mírou. Kritérium počítá se dvěma výjimkami: odkazy v běžném textu se mohou řídit velikostí textu a malé cíle jsou přípustné, pokud kolem zůstává dost volného prostoru, takže sousední cíl nebude nedopatřením zasažen.
Jak kontrolní služba měří velikosti cílů
Kontrolní služba změří viditelné ovládací prvky stránky — odkazy, tlačítka, pole formulářů — v jejich skutečně zobrazené velikosti, až 300 cílů na stránku. Na každý příliš malý cíl uplatní výjimky kritéria: je-li to odkaz v běžném textu, nepočítá se; zůstane-li kolem jeho středu dostatečný kruh volný od sousedních cílů, nepočítá se také. Zbude-li poté alespoň jeden cíl pod 24 krát 24 pixely, kritérium se považuje za porušené — zpráva uvádí počet, první postižený prvek a přikládá dokladový snímek obrazovky. Velikost vzorku je ve zprávě uvedena jako poznámka k měření.
- Otestujte svůj web na telefonu palcem: Trefíte každou ikonu v hlavičce na první pokus?
- Zvětšete klikatelnou plochu malých ikon pomocí neviditelného vnitřního odsazení — ikona může vypadat malá, plocha musí být velká.
- Zkontrolujte křížky pro zavření informačních oken a cookie lišt — patří mezi nejčastější příliš malé cíle.
- Ponechte mezi sousedními malými cíli dostatečný volný prostor, pokud zvětšení není graficky možné.
FAQ
Jakou minimální velikost vyžadují WCAG pro tlačítka?
Kritérium 2.5.8 z WCAG 2.2 vyžaduje alespoň 24 krát 24 pixelů pro ovládací plochy — tlačítka, odkazované ikony, prvky formulářů. Existují dvě výjimky: odkazy v běžném textu se mohou řídit velikostí textu a menší cíle jsou přípustné, pokud zůstává dostatečný volný prostor k sousedním cílům. Údaj se týká skutečně klikatelné plochy, ne jen viditelné ikony.
Proč jsou příliš malá tlačítka bariérovým problémem?
Protože trefení vyžaduje přesnost: dotyk prstem se rozptyluje víc než kliknutí myší, při třesu, onemocněních kloubů nebo v jedoucím autobuse ještě víc. Příliš malé cíle se minou, nebo se trefí sousední odkaz — z „Otevřít košík“ se stane „Odhlásit se z účtu“. Dostatečně velké plochy dělají ovládání bezpečnějším pro všechny, ne jen pro lidi s omezením.
Jak může malá ikona přesto splnit minimální velikost?
Přes klikatelnou plochu: viditelná ikona může zůstat malá, pokud klikatelná plocha kolem ní — pomocí neviditelného vnitřního odsazení — měří alespoň 24 krát 24 pixelů. Alternativně podle kritéria stačí dostatečný volný prostor k sousedním cílům, aby nepřesný dotyk skončil naprázdno místo na špatném odkazu.