Wendy Chisholm » target size http://sp1ral.com Tue, 07 Feb 2012 21:28:37 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Increasing target size http://sp1ral.com/2007/08/increasing-target-size/ http://sp1ral.com/2007/08/increasing-target-size/#comments Thu, 30 Aug 2007 20:35:00 +0000 wendy http://sp1ral.com/2007/08/increasing-target-size/ In 1996 there were over 40 sets of web accessibility guidelines that we attempted to coalesce into a single document. One of the sets focused on increasing the size of active elements to make easier targets for people with dexterity issues. 10 years later, iPhone users want larger targets – finally a use case that sells. I hope all those folks looking for larger targets will learn how to apply iphone styles to their web experience.
clipped from www.alistapart.com

Now, look at your web page. How many pixels are between the items on your navbar? If you answer less than 40, then you’re effectively asking your visitor to play Russian roulette: their 40-80 pixel finger isn’t going to hit your 20 pixel link effectively.

When you use iPhone specific styles, it improves accessibility for someone working on a high-density mobile device. My rule of thumb is to double important elements: bumping a font-size from 18px to 36px, for example. You’ll want to focus both on interactive elements (such as <a> and <input>) and navigational indicators (such as section titles and bread crumb trails).

blog it

]]> http://sp1ral.com/2007/08/increasing-target-size/feed/ 0