W3C home > Mailing lists > Public > w3c-wai-gl@w3.org > January to March 2018

Re: Target size proposal

From: Andrew Kirkpatrick <akirkpat@adobe.com>
Date: Wed, 17 Jan 2018 19:24:56 +0000
To: "Abma, J.D. (Jake)" <Jake.Abma@ing.nl>, "'Patrick H. Lauke'" <redux@splintered.co.uk>, "w3c-wai-gl@w3.org" <w3c-wai-gl@w3.org>
Message-ID: <B6F6FDCB-0EC5-4241-9AC8-5098A0569B57@adobe.com>
I notice on the Google material guidelines page that the text links are 15px tall (I think that on a 96dpi monitor this means 25 CSS px) and I also see this:

When mouse and keyboard are the primary input methods, button measurements can be slightly reduced to accommodate dense UIs. (32dpi in height) 

Also, in the size and padding section, the material guidelines indicate that the button can be 36dp inside the 48dp target, so leaving 6dp on each side.


Andrew Kirkpatrick
Group Product Manager, Accessibility


On 1/17/18, 13:36, "Abma, J.D. (Jake)" <Jake.Abma@ing.nl> wrote:

    Ha, this is even true for almost all of Google's showpieces like https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.google.com&data=02%7C01%7Cakirkpat%40adobe.com%7Ce2190970b0974728ab6f08d55dd92938%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C1%7C636518109660779973&sdata=WXzEs%2B1eMO5ki1axf8USZxnyUO604qWy3316bwwbzlI%3D&reserved=0  Material Design  https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fmaterial.io%2Fguidelines%2Fcomponents%2Fbuttons.html&data=02%7C01%7Cakirkpat%40adobe.com%7Ce2190970b0974728ab6f08d55dd92938%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C1%7C636518109660779973&sdata=dVHkoabFrQ7rTtJKOBIPvS6p%2F37ztHgsdvcJJ%2BGxNLs%3D&reserved=0   and Polymer https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.webcomponents.org%2Fsearch%2Fcalendar&data=02%7C01%7Cakirkpat%40adobe.com%7Ce2190970b0974728ab6f08d55dd92938%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C1%7C636518109660779973&sdata=Sgh5De%2FsVAeaQtEUJQqujz51r8F8AE7Glk7qk06A89Q%3D&reserved=0  to name a few where there are more targets NOT having the desired size than the ones that do.
    -----Original Message-----
    From: Patrick H. Lauke [mailto:redux@splintered.co.uk] 
    Sent: woensdag 17 januari 2018 19:23
    To: w3c-wai-gl@w3.org
    Subject: Re: Target size proposal
    On 17/01/2018 17:48, Abma, J.D. (Jake) wrote:
    > After some research it's clear that Microsoft also has 48X48 now (7/9
    > mm) and the 26/34 is pretty old for MS phones/apps in from 2010...
    > But they also changed a lot and so pick a number (23, 26, 34, 40, 48 
    > and maybe more) and you're save... :-)
    > So what research at which time by whom is the question as but for sure 
    > the 26/34 is not what they use now (or maybe somewhere...)
    Also worth pointing out (as already pointed out on various occasions in the past) that whether you look at Microsoft, Google, or Apple, guidance on target sizes is advisory - usually couched in terms like "in general", "should", "avoid", and so on - and that these companies themselves sometimes break their own guidance when deemed appropriate (a classic example with Apple, for instance, would be the minuscule "Back" 
    control in the phone's top bar when you, say, follow a link in an email and it opens Safari). Meaning these are more subtle than hard pass/fail values set in stone, and more of good practice / UX guidance.
    Patrick H. Lauke
    https://na01.safelinks.protection.outlook.com/?url=www.splintered.co.uk&data=02%7C01%7Cakirkpat%40adobe.com%7Ce2190970b0974728ab6f08d55dd92938%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C1%7C636518109660779973&sdata=HA374LsQSiu%2FpVvbV5zYMxZ47RrtKyRodY3n%2BtH7Z08%3D&reserved=0 | https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fpatrickhlauke&data=02%7C01%7Cakirkpat%40adobe.com%7Ce2190970b0974728ab6f08d55dd92938%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C1%7C636518109660779973&sdata=6p3BH235FZF%2BzXDnbpDobSAoMEB1%2BRZerQ5PzWY1wXg%3D&reserved=0 https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fflickr.com%2Fphotos%2Fredux%2F&data=02%7C01%7Cakirkpat%40adobe.com%7Ce2190970b0974728ab6f08d55dd92938%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C1%7C636518109660779973&sdata=NBepmZOa7eJl7fySzPtLJYMHb7veEYL4Rol3Rqq4oNU%3D&reserved=0 | https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fredux.deviantart.com&data=02%7C01%7Cakirkpat%40adobe.com%7Ce2190970b0974728ab6f08d55dd92938%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C1%7C636518109660779973&sdata=LzOWqbg5M6m%2F0kdcGjEoK41nV7OIEzOkUBPl41k48S4%3D&reserved=0
    twitter: @patrick_h_lauke | skype: patrick_h_lauke
    The information in this e-mail is confidential and only meant for the intended recipient. If you are not the intended recipient, don't use or disclose it in any way. Please let the sender know and delete the message immediately.

Received on Wednesday, 17 January 2018 19:25:26 UTC

This archive was generated by hypermail 2.4.0 : Thursday, 24 March 2022 21:08:22 UTC