This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Responsive
Jak velká musí být tlačítka na webu minimálně?
Tlačítka a odkazy by měly mít velikost alespoň 24 krát 24 pixelů — to vyžaduje pravidlo přístupnosti WCAG 2.5.8. Menší plochy se prstem trefují těžko: kdo na mobilu ťukne vedle, skončí na špatném odkazu, nebo to vzdá. Kontrolní služba měří každou ovládací plochu na čtyřech velikostech zařízení a ukazuje příklady příliš malých ploch spolu s naměřenou velikostí.
Tyto plochy se počítají jako ovládací plochy
Měří se vše, na co mohou návštěvníci kliknout nebo ťuknout: tlačítka, odkazy, vstupní pole a rozbalovací seznamy. Odkazy uprostřed běžného textu jsou vyňaty — jejich výška vyplývá z řádku textu, což výslovně dovoluje i norma. Vyňaty jsou také neviditelné pomocné prvky o velikosti pár pixelů, které některé weby vkládají pro vyčítací programy nebo pro statistiku; nejsou to cíle pro prst a jejich započítání by vytvořilo falešný poplach. Zbývají přesně ty plochy, které musí člověk skutečně trefit: objednávací tlačítko, položka menu, symbol pro vyhledávání, pole pro e-mailovou adresu. Pro každou z těchto ploch platí spodní hranice 24 krát 24 pixelů.
Jak kontrolní služba měří velikost
Stránka se sestaví na čtyřech velikostech zařízení ve skutečném prohlížeči: chytrý telefon o šířce 390, tablet 768, počítač 1440 a širokoúhlý 1920 pixelů. Na každé velikosti kontrola měří skutečně zobrazenou šířku a výšku každé ovládací plochy. To je klíčové, protože stejné tlačítko může být na počítači dost velké a na mobilu se zmenšit. Každý nález se zjišťuje dvakrát; hlásí se jen to, co obě měření vidí shodně. Zpráva ukazuje až tři příklady s naměřenou velikostí — třeba tlačítko o 18 krát 18 pixelech — a snímek obrazovky dotčeného místa, aby se plocha našla bez hledání.
Toto přináší minimální velikost vašim návštěvníkům
Velké ovládací plochy pomáhají především lidem s třesem, omezenou jemnou motorikou nebo většími prsty. Pomáhají ale všem: v jedoucím vlaku, v rukavicích, palcem jedné volné ruky. Kdo trefí tlačítko na první pokus, zůstává v toku — kdo třikrát ťukne vedle, opouští stránku. Pro firmu to prakticky znamená: tlačítko „Vyžádat nabídku“ se mačká častěji, když se dobře trefí. 24 pixelů je přitom spodní hranice normy, ne ideální hodnota; mnoho návrhářů volí vědomě výrazně větší plochy, zejména pro nejdůležitější tlačítko stránky.
- Ťukněte palcem na nejdůležitější tlačítka svého webu na mobilu a všímejte si, zda je trefíte na první pokus.
- Zaměřte se zejména na malé symboly: lupu, menu, telefonní sluchátko, šipky v galeriích obrázků.
- Předejte své agentuře příklady ze zprávy z kontroly — tam stojí naměřená velikost každé příliš malé plochy.
- Nechte nová tlačítka od začátku navrhovat s velikostí alespoň 24 krát 24 pixelů.
FAQ
Co říká WCAG 2.5.8 o velikosti tlačítek?
Pravidlo 2.5.8 směrnice přístupnosti WCAG vyžaduje pro ovládací plochy minimální velikost 24 krát 24 pixelů. Výjimkou jsou mimo jiné odkazy v běžném textu, jejichž výšku určuje řádek textu. Pravidlo patří ke stupni AA, kterým se kontrolní služba řídí. Větší plochy jsou výslovně povolené a většinou lepší volbou.
Proč jsou příliš malá tlačítka problém?
Malé plochy se prstem trefují těžko. Návštěvníci ťukají vedle, otevírají špatný odkaz nebo to vzdají. Postiženi jsou především lidé s omezenou jemnou motorikou, v praxi ale všichni, kdo ovládají mobil za pohybu. Dobře trefitelné tlačítko vede citelně častěji k požadované akci, třeba k poptávce nebo hovoru.
Počítají se odkazy v textu také jako ovládací plocha?
Odkazy uprostřed běžného textu kontrola vyjímá, protože jejich výška vyplývá z řádku textu — tak to předpokládá i norma. Měří se samostatné ovládací prvky: tlačítka, položky menu, symboly a vstupní pole. Přesně tyto plochy musí návštěvník cíleně trefit, proto tam platí minimální velikost 24 krát 24 pixelů.