bcgov / bcgov/lcfs

LCFS - Administrative Section Tabs Do Not Announce Unselected State to Screen Readers

Closed
#5,000 0 comments 0 reactions 1 assignee Claimed by @hamed-valiollahi View on GitHub
bug Medium UX
Dominant language
Python
Stars
6
Forks
6
Avg merge
2d 7h
Merged PRs (30d)
87

Description

**Describe the Bug**
The tabs within the Administration section of the application do not properly announce their unselected state when navigating with a screen reader. Users cannot reliably determine which tabs are selected versus unselected, making navigation and orientation within the interface difficult.

Image

**Expected Behaviour**
All tabs in the Administration section should correctly communicate their state to assistive technologies. Screen readers should announce whether a tab is selected or unselected in accordance with WCAG 2.2 accessibility requirements and ARIA tab pattern standards.

**Actual Behaviour**
When navigating through tabs in the Administration section with a screen reader, unselected tabs are not announced as unselected. This makes it difficult for users to understand the current navigation context and available tab options.

**Implications**
Users who rely on screen readers may experience confusion when navigating between sections and may be unable to determine which content panel is currently active. This creates an accessibility barrier and may result in non-compliance with WCAG 2.2 accessibility standards.

**Steps To Reproduce**
Steps to reproduce the behaviour:
User/Role: Any authenticated user using a screen reader

1. Go to 'Administration'
2. Navigate through the available tabs using keyboard navigation and a screen reader
3. Move focus between selected and unselected tabs
4. Observe that unselected tabs are not announced as unselected
5. See error

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.