Verbinding mislukt. Probeer het opnieuw.

Naar inhoud springen
SEO Tools
Help en documentatie
UX / UI Gemiddelde impact Makkelijk 15–30 minuten

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

  1. 1Geef links en knoppen leesbare tekst (idealiter 14px+).
  2. 2Zorg voor voldoende klikbaar gebied (min. ~44–48 px) via opvulling, niet alleen de tekstgrootte.
  3. 3Laat ruimte vrij tussen aangrenzende klikbare elementen (bijvoorbeeld 8px+), zodat vingers ze niet overlappen.
  4. 4Test op mobiel met uw duim, niet met een muis.

Voorbeeld

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