[wp-trac] [WordPress Trac] #47171: Incorrect cursor used on buttons

WordPress Trac noreply at wordpress.org
Tue May 7 17:15:59 UTC 2019


#47171: Incorrect cursor used on buttons
-------------------------------------------------+-------------------------
 Reporter:  nrqsnchz                             |      Owner:  (none)
     Type:  defect (bug)                         |     Status:  new
 Priority:  normal                               |  Milestone:  Awaiting
                                                 |  Review
Component:  General                              |    Version:
 Severity:  normal                               |   Keywords:
  Focuses:  ui, accessibility, coding-standards  |
-------------------------------------------------+-------------------------
 Moved from the
 [https://github.com/WordPress/gutenberg/issues/created_by/karlgroves
 WPCampus accessibility report issues on GitHub].
 [https://github.com/WordPress/gutenberg/issues/15343 Issue #15343]


 Severity: Low

 Affected Populations:
 - Low-Vision
 - Cognitively Impaired

 Platform(s):
 - All / Universal

 Components affected:
 -Global

 == Issue description

 Buttons throughout the application use the pointer cursor instead of the
 default.

 The use of consistent and relevant cursors may be important for users
 who have a cognitive disability, since cursors give a visual clue as to
 an element's functionality. Using the pointer cursor for elements which
 do not typically show that cursor may be confusing or counter-intuitive
 for users.

 **Issue Code**

 {{{

 label {
     cursor: pointer;
 }

 .wp-core-ui .button,
 .wp-core-ui .button-primary,
 .wp-core-ui .button-secondary {
     cursor: pointer;

     ...

 }

 input[type=checkbox],
 input[type=radio] {
     cursor: pointer;

     ...

 }

 .components-button {
    cursor: pointer;

     ...

 }

 }}}

 **Remediation Guidance**
 Only controls that navigate users to new pages/views should have the
 cursor set to pointer, while controls performing push-button type
 actions use default.

 **Recommended Code**

 {{{

 label {
  cursor: default;
 }

 .wp-core-ui .button,
 .wp-core-ui .button-primary,
 .wp-core-ui .button-secondary {
     cursor: default;

     ...

 }

 input[type=checkbox],
 input[type=radio] {
     cursor: default;


     ...

 }

 .components-button {
    cursor: default;

     ...

 }

 }}}

 **References**

 [https://www.w3.org/TR/CSS22/ui.html#cursor-props]

 Note: This issue may be a duplicate with other existing accessibility-
 related bugs in this project. This issue comes from the Gutenberg
 accessibility audit, performed by Tenon and funded by WP Campus. This
 issue is GUT-9 in Tenon's report

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/47171>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform


More information about the wp-trac mailing list