Mobile, Small, Portrait, Slow, Interlace, Monochrome, Coarse, Non-Hover, First | Responsive Web Design

Mobile, Small, Portrait, Slow, Interlace, Monochrome, Coarse, Non-Hover, First

Last week I ran through a couple of features in the Draft Media Query Specification to hopefully encourage you to look at it a little further as well. My first day back at work and I noticed that CSS Tricks have done something similar…. great minds and all that.

Since we are targeting touchscreen devices, it is important to increase the touch target. On Inclusive Design Patterns, Heydon Pickering mentions that it’s still unclear what the magical size of a touch area is, different vendors recommend different sizes.

Pickering mentions Anthony Thomas’s article about finger-friendly experiences and Patrick H Lauke research for The W3C Mobile Accessibility Taskforce into touch / pointer target size, and the main takeaway is, “…to make each link larger than the diameter of an adult finger pad”.

An excerpt from Mobile, Small, Portrait, Slow, Interlace, Monochrome, Coarse, Non-Hover, First

View original article

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.