Je knoppen zijn te klein voor duimen: zo maak je tikdoelen groot genoeg
Een tikdoel is alles waar je op kunt tikken: knoppen, links, menu-items, vinkjes. Zijn ze te klein of staan ze te dicht op elkaar, dan tikken mensen mis.
In het kud-rapport Je knoppen zijn te klein voor duimen
Waarom het uitmaakt
Een vinger is veel minder precies dan een muis. Misgetikt betekent: de verkeerde pagina, terug, opnieuw proberen. Na twee keer haken mensen af.
Voor mensen met een trillende hand of minder motoriek zijn kleine tikdoelen soms helemaal onbruikbaar.
Zo los je het op
- Maak knoppen en links minimaal 44 bij 44 pixels groot. De toegankelijkheidsrichtlijnen noemen 24 pixels als absoluut minimum.
- Houd ruimte tussen tikdoelen, zodat je niet per ongeluk de buurman raakt.
- Vergroot het tikvlak met padding, zonder dat het icoon of de tekst groter hoeft.
- Let op links midden in tekst en kleine icoontjes, zoals social media in je footer; dat zijn de bekendste boosdoeners.
.footer-social a {
display: inline-flex;
min-width: 44px;
min-height: 44px;
align-items: center;
justify-content: center;
}
Op jouw platform
- Alle platforms
- Kijk vooral naar je menu, footer en formulieren. Paginabouwers hebben vaak een aparte instelling voor padding op mobiel.
Veelgestelde vragen
Gelden die 44 pixels ook voor links in een alinea?
Links in lopende tekst zijn een uitzondering in de richtlijnen. Zorg wel voor genoeg regelhoogte, zodat ze niet tegen elkaar aan zitten.
Hoe test ik dit?
Gebruik je site zelf met je duim, aan de rand van je scherm. Google PageSpeed laat ook zien welke elementen te klein zijn.