[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