Details
-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.7.0
-
9.07
-
Severity 3 - Minor
-
Description
Issue Summary
The link that is visually highlighted as currently relevant in the "Side navigation" section does not have a programmatically defined current page state.
Note-This issue is also observed on "Filters board" and "Project setting" pages please refer screenshot 2.
Steps to Reproduce
- Navigate onto the above mentioned page.
- Navigate onto the mentioned instances and observe that one of the link is visually highlighted as currently relevant.
- Inspect its code.
- Observe that the current state is not programmatically defined.
Actual Results
The visually highlighted as currently active link in the "Side navigation" section does not have a programmatically defined current state. This might mislead or confuse the Screen reader and Voice recognition users.
Expected Results
Make sure that the current state is programmatically defined for the currently active link. Use “aria-current”. The possible specific values that “aria-current” accepts are “page”, “step”, “location”, “date”, “time”. As well, “true” and “false” can be used as a catch-all value to determine whether an element is current or not.
Screenshot 1
Screenshot 2
Code snippet
<a href="..." aria-current="page">Backlog</a>
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2021)
macOS Monterey Version 12.4
Chrome - Version 103.0.5060.134 (Official Build) (arm64)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.5 (17613.2.7.1.8)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest