Make WordPress Core

Changes between Initial Version and Version 1 of Ticket #53202


Ignore:
Timestamp:
05/14/2021 05:39:38 AM (3 years ago)
Author:
sabernhardt
Comment:

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #53202 – Description

    initial v1  
    33This is what Google says about using buttons:
    44
    5 ''3. BE THUMB-FRIENDLY
    6 People use their fingers to operate mobile
    7 devices—especially their thumbs. Design your
    8 site so even large hands can easily interact with it.
    9 Use large, centered buttons and give them
    10 breathing room to reduce accidental clicks.
    11 Pad smaller buttons to increase
    12 the clickable area.
    13 Pad check boxes by making the text clickable''
     5> BE THUMB-FRIENDLY
     6> People use their fingers to operate mobile devices—especially their thumbs. Design your site so even large hands can easily interact with it.
     7> - Use large, centered buttons and give them breathing room to reduce accidental clicks.
     8> - Pad smaller buttons to increase the clickable area.
     9> - Pad check boxes by making the text clickable
    1410[https://services.google.com/fh/files/blogs/GoMo_Best%20Practices_GoMo%20Branded.pdf]
    1511
    1612This is how the page looks on desktop devices.
    1713
    18 [[Image(http://t2.dhosting.network/wp-content/uploads/2021/05/Web-capture_13-5-2021_75816_t2.dhosting.network.jpeg)]]
     14[[Image(https://core.trac.wordpress.org/raw-attachment/ticket/53202/Web-capture_13-5-2021_75816.jpeg)]]
    1915
    2016
    2117This is how the exact page looks on mobile
    22 [[Image(http://t2.dhosting.network/wp-content/uploads/2021/05/Web-capture_13-5-2021_75945_t2.dhosting.network.jpeg)]]
     18[[Image(https://core.trac.wordpress.org/raw-attachment/ticket/53202/Web-capture_13-5-2021_75945.jpeg)]]
    2319
    2420As you can see, the buttons are not responsive and do not take up the view so they can easily be clicked on by someone using the mobile device.
    2521
    2622
    27 [[Image(http://t2.dhosting.network/wp-content/uploads/2021/05/Web-capture_13-5-2021_8542_t2.dhosting.network.jpeg)]]
     23[[Image(https://core.trac.wordpress.org/raw-attachment/ticket/53202/Web-capture_13-5-2021_8542.jpeg)]]
    2824
    2925If you change the width settings, this only changes the width of how the buttons will appear on desktop and mobile devices but it does not make them responsive.