#41634 closed enhancement (duplicate)
image-edit button icon titles
Reported by: |
|
Owned by: |
|
---|---|---|---|
Milestone: | Priority: | normal | |
Severity: | normal | Version: | |
Component: | Media | Keywords: | tooltips |
Focuses: | ui, accessibility | Cc: |
Description
It is great that the Image edit buttons have icons, and that there is screen-reader-text, however non-screen-reader users are left to guess the meaning of the icons.
I propose to add the same screen reader text to the buttons' title attribute
<button type="button" onclick="imageEdit.flip(2, <?php echo "$post_id, '$nonce'"; ?>, this)" class="imgedit-fliph button" title="<?php esc_html_e( 'Flip horizontally' ); ?>">
Attachments (1)
Change History (15)
#1
@
6 years ago
- Summary changed from media library button icon titles to image-edit button icon titles
This ticket was mentioned in Slack in #accessibility by afercia. View the logs.
6 years ago
#3
@
6 years ago
- Keywords target-size added
- Milestone changed from Awaiting Review to Future Release
- Version 4.9 deleted
Discussed during today's accessibility meeting on Slack. Moving to Future Release as something that should be addressed for all the controls that use only icon in the admin. However, rather than re-introducing title attributes that serve a little purpose, a better solution would be using visible text below the icons. Worth also mentioning the new WCAG 2.1 will require the target size to be at least 44 by 22 pixels, with a few exceptions. See https://www.w3.org/TR/WCAG21/#target-size
This ticket was mentioned in Slack in #accessibility by afercia. View the logs.
5 years ago
#5
@
5 years ago
- Keywords tooltips added
Update: the target size requirement has been moved to level AAA in the Candidate Recommendation of WCAG 2.1. Some background here: http://www.incobs.de/articles/items/target-size-fate.html
This ticket was mentioned in Slack in #accessibility by afercia. View the logs.
5 years ago
This ticket was mentioned in Slack in #accessibility by rianrietveld. View the logs.
5 years ago
#10
@
4 years ago
- Keywords needs-design-feedback added; needs-design removed
Just making sure this has feedback keywords over needing a design as that seems right suggestion.
patch