Bug 2187583 - Fix accessibility issues in navigation menu
Summary: Fix accessibility issues in navigation menu
Keywords:
Status: CLOSED CURRENTRELEASE
Alias: None
Product: Bugzilla
Classification: Community
Component: User Interface
Version: 5.0
Hardware: Unspecified
OS: Unspecified
unspecified
unspecified
Target Milestone: ---
Assignee: Jeff Fearn 🐞
QA Contact: Jeff Fearn 🐞
URL:
Whiteboard:
Depends On:
Blocks:
TreeView+ depends on / blocked
 
Reported: 2023-04-18 03:53 UTC by Jeff Fearn 🐞
Modified: 2025-10-17 00:00 UTC (History)
1 user (show)

Fixed In Version: 5.0.4-rh87
Clone Of:
Environment:
Last Closed: 2023-06-06 00:07:00 UTC
Embargoed:


Attachments (Terms of Use)


Links
System ID Private Priority Status Summary Last Updated
Red Hat Bugzilla 2186648 0 high CLOSED Fix keyboard navigation issues 2025-10-17 00:00:42 UTC

Description Jeff Fearn 🐞 2023-04-18 03:53:52 UTC
Description of problem:
The navigation menu lacks keyboard access, it needs to be reworked to improve accessibility.

Version-Release number of selected component (if applicable):
5.0.4-rh85

How reproducible:
Easy

Steps to Reproduce:
1. Try and use the navigation menu with a keyboard.

Actual results:
You can't.

Expected results:
You can.

Additional info:

Some light reading.

https://www.w3.org/WAI/tutorials/menus/flyout/#use-button-as-toggle
https://a11y-101.com/development/nested-navigation
https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/examples/HTML5.html

Comment 1 Jeff Fearn 🐞 2023-05-30 02:02:05 UTC
On QA server.

WAVE report for current production home page, logged in.

Errors               7
Contrast Errors     16
Alerts               7
Features             1
Structural Elements 30
ARIA                 1

WAVE report for QA home page, logged in.

Errors               3
Contrast Errors      0
Alerts               3
Features             1
Structural Elements 35
ARIA                67


The 3 errors are the RSS links and appear to be a false positive.

2 of the 3 alerts are for the search boxes and the 3rd is for the existence of the noscript element. All appear to be false positives.

axe Dev Tools report for home page on prod, logged in:

Automatic Issues 44
Best Practice    26
Critical          0
Serious          21
Moderate         23
Minor             0

axe Dev Tools report for home page on QA, logged in:

Automatic Issues  3
Critical          0
Serious           3
Moderate          0
Minor             0

The 3 issues are the RSS feed links and appear to be false positives.

The new menus appear to function correctly using the mouse and keyboard navigation. Use TAB to move around, space to pop down sub-menus, and enter to select a menu entry.

Functionality has PASSED.

There are some styling issues:

1: When loading a page the entire menu is displayed for a short period while the menu is loaded. This should be addressed as it's annoying.

2: Menus with long content, such as My Bots, don't format well. Either they wrap or go out of the menu box.

Comment 2 Jeff Fearn 🐞 2023-05-30 05:34:57 UTC
On QA server.

1: Load some pages.

menu has it's default layout and doesn't flash.

Menus with long entries layout well.

Comment 3 Jeff Fearn 🐞 2023-05-30 23:57:16 UTC
This fix has been deployed to stage Bugzilla for a short public testing phase.

https://bugzilla.stage.redhat.com

Comment 4 Jeff Fearn 🐞 2023-06-06 00:07:00 UTC
This change is now live. If there are any issues, do not reopen this bug. Instead, you should create a new bug and reference this bug.


Note You need to log in before you can comment on or make changes to this bug.