Leesbaarheid en grootte van links/knoppen
Klikbare elementen moeten leesbaar en gemakkelijk te raken zijn.
Wat het is
Koppelingen en knoppen met kleine tekst zijn moeilijker te lezen en vooral moeilijker om met een vinger op een touchscreen aan te raken. Dit heeft betrekking op de grootte van het zogenaamde taptarget (het klikbare gebied).
Waarom het belangrijk is
Kleine klikbare elementen verhogen het foutenpercentage: in plaats van te klikken, mist of klikt de gebruiker op een aangrenzende link. Dat is frustrerend en vermindert de conversies. Google raadt een tikdoel aan van minimaal 48×48 px met spatiëring.
Hoe je het doet
- 1Geef links en knoppen leesbare tekst (idealiter 14px+).
- 2Zorg voor voldoende klikbaar gebied (min. ~44–48 px) via opvulling, niet alleen de tekstgrootte.
- 3Laat ruimte vrij tussen aangrenzende klikbare elementen (bijvoorbeeld 8px+), zodat vingers ze niet overlappen.
- 4Test op mobiel met uw duim, niet met een muis.
Voorbeeld
.btn, nav een {
font-size: 1rem;
padding: 12px 16px; /* sufficient clickable area */
display: inline-block;
}Conclusie
Maak klikbare elementen genereus: leesbare tekst, voldoende opvulling en spatiëring. U kunt alleen de exacte grootte van het tikdoel in de browser verifiëren, maar kleine, klikbare tekst is een duidelijk signaal dat u dit moet oplossen. Minder misklikken = meer conversies.
Gerelateerde onderwerpen