- From: Patrick H. Lauke <redux@splintered.co.uk>
- Date: Mon, 14 Nov 2016 21:23:41 +0100
- To: public-mobile-a11y-tf@w3.org
Further, note that the proposed approach (invisibly adding extra padding to make the *effective* activation target area large, even if the actual visibly apparent target is small) is conceptually a valid one for more than just inline links. This gels, for instance, with what the Material Design guidelines illustrate https://material.google.com/layout/metrics-keylines.html#metrics-keylines-touch-target-size (under the "Touch target size" section), where an illustration shows a relatively small search icon, which however has additional invisible padding around it to ensure its actual target size meets Google's 48x48dp requirement. So the overall technique itself can also be applied/demonstrated for things like icons/buttons (hence why I'm loathe to start dragging further factors/metrics like font size into the game). P On 14/11/2016 21:11, Patrick H. Lauke wrote: > And again, to be clear: in a real site when the approach was used, I'm > not suggesting there should be ANY coloured background. My demo includes > it for developers to see what my proposed CSS is actually doing > (expanding the padding). In a real site, it would be transparent > background. This is an invisible aid to make sure the actual clickable > area of the links is increased. > > P -- Patrick H. Lauke www.splintered.co.uk | https://github.com/patrickhlauke http://flickr.com/photos/redux/ | http://redux.deviantart.com twitter: @patrick_h_lauke | skype: patrick_h_lauke
Received on Monday, 14 November 2016 20:24:02 UTC