Make slider dot targets bigger

Slider indicators have grown in popularity over the last several years, but they sometimes fail at the most basic of tasks. When used as links, their size is too small. Pointing the mouse cursor to a target that’s just a couple of pixels in height and width can be truly frustrating. Naturally, if your target audience (no pun intended) will be using your website on mobile devices, the tap target needs to be even bigger (around 50x50px).

Small link targets
Small targes make a frustrating target practice. Your users might not appreciate the lack of attention to the detail.
Big link targets
Aaah, now we’re talking. See how the dark area now makes a nice, big, fat target? Much easier to click or tap the link.

This can be achieved with just a little bit of CSS magic and a clever use of paddings.

Next Post:
Previous Post: