-
Bug
-
Resolution: Fixed
-
Low
-
5.11.0
-
Severity 3 - Minor
-
Issue Summary
The "Separator" is announced by screen reader.
Steps to Reproduce
- Open the "View issue in queue view & comments" page.
- Navigate to the "Description" section.
- Using screen reader, try to access the content using arrow keys.
- Try navigating further and notice the seperator is announced.
Screen Recording
[JSM-1] What am I looking at_ - InstEnv Jira - Google Chrome 2023-09-14 13-12-32.mp4
Actual Results
The screen reader announces "separator" for the horizontal bar present in the Description section as it is defined using <hr> tag.
Expected Results
The horizontal bar should be defined using CSS instead of <hr> tag to ensure that it is not identified by a screen reader. Define a border via CSS class to include a horizontal line separator. Alternatively, if <hr> tag is used, specify role="presentation" to <hr> tag. Code Snippet <hr role="presentation">
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.3.1
Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest
- is resolved by
-
A11Y-264 You do not have permission to view this issue
- links to
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|