Make WordPress Core

Opened 22 months ago

Last modified 3 months ago

#33030 new defect (bug)

Admin menu update/comment count notification accessibility

Reported by: afercia Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version: 4.2
Component: Administration Keywords: needs-patch color-contrast
Focuses: ui, accessibility Cc:

Description (last modified by rianrietveld)

In the admin menu, when there are updates or pending comments, they're notified to users with a small number in a colored circle. Red or blue depending which is the current active menu item.

From an accessibility point of view I can see three issues here:

  • color contrast (both #d54e21 and #00b9eb are under the required 4.5:1 ratio)
  • the numbers font size is really too small
  • the numbers are just... numbers and would need a more descriptive aria-label

About colors and font size, any change here would require design feedback so: designers welcome!

Screenshot for reference:


Tracking label: #a11y-color

Change History (11)

#1 @afercia
22 months ago

The blue one :)


#2 @rianrietveld
21 months ago

  • Description modified (diff)

#3 @afercia
18 months ago

Related: #29022.

#4 @deviodigital
17 months ago

What descriptive wording would you like to see? Something like "Pending 6" or different words for each one (Updates, Comments, Themes, Plugins).

I'm thinking something like the following could work well, but let me know if I'm far off course here.

UPDATES: Available updates
COMMENTS: Pending comments
THEMES: Available updates
PLUGINS: Available updates

Last edited 17 months ago by deviodigital (previous) (diff)

#5 @afercia
17 months ago

@deviodigital thanks for looking into this :) English is not my main language so I'm not sure. Ideally, this ticket should be coordinated with #29022 and maybe try to use the same strings used in the admin bar (the top toolbar). Less strings to translate, better consistency. Should also handle the plurals.

#6 @afercia
15 months ago

  • Keywords color-contrast added

#7 @afercia
15 months ago

Related: #31713.

This ticket was mentioned in Slack in #accessibility by rianrietveld. View the logs.

11 months ago

#9 @rianrietveld
11 months ago

  • Milestone changed from Awaiting Review to Future Release

#10 @afercia
7 months ago

Related (for the admin bar): #26562

This ticket was mentioned in Slack in #accessibility by afercia. View the logs.

3 months ago

Note: See TracTickets for help on using tickets.