Tap targets te klein voor mobiele website

Hoe “tap targets are not sized appropriately” op te lossen?

Een tap target is het gebied van een knop, link of andere klikbare elementen waarmee een gebruiker kan interacteren. De tap target moet groot genoeg zijn, zodat de gebruiker niet per ongeluk op het verkeerde element klikt.

Om het probleem van te kleine tap target op te lossen kan:

1. De grootte van het element vergroot worden;
2. of de ruimte tussen de tap targets vergroot worden.

The algorithm

ExcellentWebCheck gebruikt hetzelfde algoritme als Lighthouse.

Dit betekent dat het probleem gerapporteerd wordt als:

• De tap target kleiner is dan 48px bij 48px.
• Ten minste 25% van de tap target vanuit het centrum van de tap target overlapt met een andere tap target.

Waarom is dit belangrijk?

Zonder genoeg ruimte rondom een klikbaar element kan een gebruiker per ongeluk op een ander element klikken. Dit leidt tot frustratie bij de gebruiker.  

Met een touch screen is het moeilijker om precies op een klein element te klikken.

Om deze reden hebben zoekmachines zoals Google deze controle opgenomen in hun mobiel vriendelijkheids ranking algoritme.