Připojení selhalo. Zkuste to prosím znovu.

Přeskočit na obsah
SEO Tools
Nápověda a dokumentace
UX / UI Střední dopad Snadné 15–30 min

Čitelnost a velikost odkazů/tlačítek

Klikací prvky musí být čitelné a snadno trefitelné.

Co to je

Odkazy a tlačítka s drobným písmem se hůř čtou a hlavně se na dotykovém displeji hůř trefují prstem. Souvisí to s velikostí tzv. tap-targetu (klikací plochy).

Proč to řešit

Malé klikací prvky zvyšují chybovost: uživatel místo kliknutí mine nebo trefí sousední odkaz. To frustruje a snižuje konverze. Google doporučuje tap-target alespoň 48×48 px s rozestupy.

Jak na to

  1. 1Odkazům a tlačítkům dejte čitelné písmo (ideálně 14px+).
  2. 2Zajistěte dostatečnou klikací plochu (min. ~44–48 px) přes padding, ne jen velikost textu.
  3. 3Mezi sousedními klikacími prvky nechte rozestup (např. 8px+), ať se nepřekrývají prsty.
  4. 4Na mobilu testujte palcem, ne myší.

Příklad

Správně
.btn, nav a {
  font-size: 1rem;
  padding: 12px 16px;   /* dostatečná klikací plocha */
  display: inline-block;
}

Závěr

Klikací prvky dělejte velkoryse: čitelné písmo, dostatečný padding a rozestupy. Přesnou velikost tap-targetu ověříte jen v prohlížeči, ale drobné klikací texty jsou jasný signál k opravě. Méně chybných kliknutí = víc konverzí.

Související témata