A csatlakozás sikertelen. Kérjük, próbálja újra.

Ugrás a tartalomhoz
SEO Tools
Súgó és dokumentáció
UX / UI Közepes hatás Egyszerű 15–30 perc

Hivatkozások/gombok olvashatósága és mérete

A kattintható elemeknek olvashatónak és könnyen eltalálhatónak kell lenniük.

Mi ez

Az apró betűs hivatkozásokat és gombokat nehezebben olvashatók, és főleg az érintőképernyőn nehezebben találhatók el ujjal. Ez összefügg az ún. tap-target (kattintható felület) méretével.

Miért foglalkozzon vele

A kis kattintható elemek növelik a hibázást — a felhasználó kattintás helyett elvét, vagy a szomszédos hivatkozást találja el. Ez frusztrál és csökkenti a konverziókat. A Google legalább 48×48 px-es tap-targetet ajánl távolságokkal.

Hogyan csinálja

  1. 1A hivatkozásoknak és gomboknak adjon olvasható betűt (ideális esetben 14px+).
  2. 2Biztosítson elegendő kattintható felületet (min. ~44–48 px) paddinggel, ne csak a szöveg méretével.
  3. 3A szomszédos kattintható elemek között hagyjon távolságot (pl. 8px+), hogy az ujjak ne fedjék át.
  4. 4Mobilon hüvelykujjal teszteljen, ne egérrel.

Példa

Helyesen
.btn, nav a {
  font-size: 1rem;
  padding: 12px 16px;   /* elegendő kattintható felület */
  display: inline-block;
}

Összegzés

A kattintható elemeket nagyvonalúan készítse — olvasható betű, elegendő padding és távolságok. A tap-target pontos méretét csak a böngészőben ellenőrizheti, de az apró kattintható szövegek egyértelmű javítási jelzések. Kevesebb hibás kattintás = több konverzió.

Kapcsolódó témák