WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Clickable/Tappable Area

for

From: Dave Merrill
Date: Aug 23, 2013 7:41AM

Must also depend on pixel density and screen size too, yes? Retina display
have abut twice the density of other displays, and 50 px on a phone is
different than 50 px on a 21" desktop display.

Dave Merrill


On Thu, Aug 22, 2013 at 5:53 PM, Paul J. Adam < <EMAIL REMOVED> > wrote:

> I think that's a great recommendation! Apple says you should have a
> minimum of 44 x 44 points. 50 x 50 sounds better!
>
>
> https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/Characteristics/Characteristics.html
> 44 x 44 points is the comfortable minimum size of a tappable UI element.
>
> Paul J. Adam
> Accessibility Evangelist
> www.deque.com
>
> On Aug 22, 2013, at 4:45 PM, David Ashleydale < <EMAIL REMOVED> >
> wrote:
>
> > Hi,
> >
> > Do any of you have a good rule of thumb to use when considering the
> > clickable or tappable area on a web page or app? Too small, and some
> people
> > may have difficulty hitting it.
> >
> > It's not always possible to increase the clickable area of a link or
> button
> > -- there might be other actionable items nearby. But when you can, by
> > adding padding or whatnot, is there ever a point where you would look at
> a
> > little tiny button or link on a page and say, "Wow, that is super tiny!
> > That is going to be difficult to click on. You should ensure that
> clickable
> > areas are at least 50 pixels by 50 pixels, if you can."
> >
> > Do any of you have a rule of thumb like that?
> >
> > Thanks,
> > David
> > > > > > >
> > > >



--
Dave Merrill