Make WordPress Core

Opened 7 weeks ago

Last modified 6 weeks ago

#60919 accepted defect (bug)

Accessibility issue in WordPress adminbar

Reported by: heinperu's profile heinperu Owned by: joedolson's profile joedolson
Milestone: 6.6 Priority: normal
Severity: normal Version: 6.5
Component: Toolbar Keywords:
Focuses: accessibility Cc:

Description

When I run Lighthouse on my page on localhost, while being logged in, I receive these errors:

Elements with an ARIA [role] that require children to contain a specific [role] are missing some or all of those required children.
Some ARIA parent roles must contain specific child roles to perform their intended accessibility functions. Learn more about roles and required children elements.
Failing Elements
ul#wp-admin-bar-root-default.ab-top-menu
ul#wp-admin-bar-root-default.ab-top-menu
li#wp-admin-bar-wp-logo.menupop
li#wp-admin-bar-site-name.menupop
li#wp-admin-bar-customize.hide-if-no-customize
ul#wp-admin-bar-top-secondary.ab-top-secondary.ab-top-menu
li#wp-admin-bar-search.admin-bar-search
li#wp-admin-bar-my-account.menupop.with-avatar

I have exported the report to this gist: https://googlechrome.github.io/lighthouse/viewer/?gist=bb3f031c03ece7bfd67e9b614d2b9c17.

Attachments (1)

Screenshot 2024-04-04 at 12.07.51.png (191.5 KB) - added by heinperu 7 weeks ago.

Download all attachments as: .zip

Change History (5)

#1 @sabernhardt
7 weeks ago

  • Component changed from Editor to Toolbar

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


6 weeks ago

#3 @joedolson
6 weeks ago

Looks like menuitem is supposed to be a direct descendant of menu, and it's not. We don't actually want the list item to be the direct descendant, but we can add role="group" to address this.

Related: #34668.

#4 @joedolson
6 weeks ago

  • Milestone changed from Awaiting Review to 6.6
  • Owner set to joedolson
  • Status changed from new to accepted
Note: See TracTickets for help on using tickets.