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ů.
