Make WordPress Core

Opened 6 weeks ago

Last modified 6 days ago

#47116 new defect (bug)

Media Editor: Visible labels are not available on editing buttons

Reported by: afercia Owned by:
Milestone: 5.3 Priority: normal
Severity: normal Version:
Component: Media Keywords: has-screenshots wpcampus-report needs-design tooltips
Focuses: ui, accessibility Cc:


Moved from the WPCampus accessibility report issues on GitHub, see https://github.com/WordPress/gutenberg/issues/15352

Visible labels are not available on editing buttons

  • Severity: Medium
  • Affected Populations:
    • Low-Vision
    • Cognitively Impaired
  • Platform(s):
    • All / Universal
  • Components affected:
    • Edit Media

#### Issue description

On the Edit Media page, buttons for editing the selected media image
have accessible names to label them for assistive technology users,
however these names are not available to sighted users.

Since some of the icons are quite cryptic, and there is an ambiguity
between two sets of icons which both appear to mean Rotate. This may be
confusing to users with cognitive disabilities. Such users may find
themselves having to interact with buttons just to figure out what they

#### Remediation Guidance

Add visible text labels to the image editing buttons.

One method, which would be consistent with the rest of the editor, would
be to use keyboard-accessible tooltips for this.

A better method would be to provide a user setting for all icon
controls, so that users can specify whether to show icons-only,
labels-only, or icons and labels together.

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](https://www.tenon.io) and funded by [WP Campus](https://wpcampus.org/). This issue is GUT-85 in Tenon's report

Attachments (1)

47116.png (46.9 KB) - added by afercia 6 weeks ago.
The media editor buttons.

Download all attachments as: .zip

Change History (5)

6 weeks ago

The media editor buttons.

#1 @afercia
5 weeks ago

  • Milestone changed from Future Release to 5.3

#2 @karmatosed
7 days ago

  • Keywords needs-design added

#3 @afercia
6 days ago

Related: #41634.

#4 @afercia
6 days ago

  • Keywords tooltips added
Note: See TracTickets for help on using tickets.