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:45:18 +0000
To: David MacDonald <david100@sympatico.ca>
CC: "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: <90EC6336-A448-4456-AACE-F8326A950200@adobe.com>
And what do you suppose Appleā€™s response to that will be?

Thanks,
AWK

Andrew Kirkpatrick
Group Product Manager, Accessibility
Adobe

akirkpat@adobe.com
http://twitter.com/awkawk


From: David MacDonald <david100@sympatico.ca>
Date: Wednesday, January 17, 2018 at 14:44
To: Andrew Kirkpatrick <akirkpat@adobe.com>
Cc: "Abma, J.D. (Jake)" <Jake.Abma@ing.nl>, Patrick Lauke <redux@splintered.co.uk>, WCAG <w3c-wai-gl@w3.org>
Subject: Re: Target size proposal

I could live with 48px one dimension and default on the other


Cheers,
David MacDonald



CanAdapt Solutions Inc.

Tel:  613.235.4902

LinkedIn
<https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.linkedin.com%2Fin%2Fdavidmacdonald100&data=02%7C01%7Cakirkpat%40adobe.com%7Cfe179d93bd154046eb8c08d55de2abef%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636518150510076464&sdata=U1RlphG2EZt7cPv4kW4vAZdHCYXBxF0NvBBCnFgP0BE%3D&reserved=0>

twitter.com/davidmacd<https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Ftwitter.com%2Fdavidmacd&data=02%7C01%7Cakirkpat%40adobe.com%7Cfe179d93bd154046eb8c08d55de2abef%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636518150510076464&sdata=riElSRXqEeYPnBfCMKM9%2FZ4vh4VA%2Bz4vss4zn26TclE%3D&reserved=0>

GitHub<https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2FDavidMacDonald&data=02%7C01%7Cakirkpat%40adobe.com%7Cfe179d93bd154046eb8c08d55de2abef%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636518150510076464&sdata=Th4pWd26e%2BbDvZMhS7Ga4%2FJolHhmJZbMKzyAS9e%2BIME%3D&reserved=0>

www.Can-Adapt.com<https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.can-adapt.com%2F&data=02%7C01%7Cakirkpat%40adobe.com%7Cfe179d93bd154046eb8c08d55de2abef%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636518150510076464&sdata=1HChO457IM40%2FH3aM3w87PIbV%2FPa99b3CeSrrEcriY0%3D&reserved=0>



  Adapting the web to all users
            Including those with disabilities

If you are not the intended recipient, please review our privacy policy<https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.davidmacd.com%2Fdisclaimer.html&data=02%7C01%7Cakirkpat%40adobe.com%7Cfe179d93bd154046eb8c08d55de2abef%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636518150510076464&sdata=v%2BbLcR9JfiEjJRzALa1J0uzhg2Vi1xZdWw65RfXeQ%2BQ%3D&reserved=0>

On Wed, Jan 17, 2018 at 2:24 PM, Andrew Kirkpatrick <akirkpat@adobe.com<mailto:akirkpat@adobe.com>> wrote:
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:

Density
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.

Thanks,
AWK

Andrew Kirkpatrick
Group Product Manager, Accessibility
Adobe

akirkpat@adobe.com<mailto:akirkpat@adobe.com>
http://twitter.com/awkawk<https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Ftwitter.com%2Fawkawk&data=02%7C01%7Cakirkpat%40adobe.com%7Cfe179d93bd154046eb8c08d55de2abef%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636518150510076464&sdata=58XiYRxQb77%2BJBNam7GzS4YE9UDCddxxG9r1RQxw%2Bqw%3D&reserved=0>

On 1/17/18, 13:36, "Abma, J.D. (Jake)" <Jake.Abma@ing.nl<mailto: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<mailto:redux@splintered.co.uk>]
    Sent: woensdag 17 januari 2018 19:23
    To: w3c-wai-gl@w3.org<mailto: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.

    P
    --
    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


    -----------------------------------------------------------------
    ATTENTION:
    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:45:57 UTC

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