-
Bug
-
Resolution: Fixed
-
Low
-
8.13.0
-
Severity 3 - Minor
-
Issue Summary
On the "Header | Keyboard shortcuts” modal, text such as “Keyboard shortcuts” is marked as heading level 1 inappropriately.
Steps to Reproduce
- Navigate to the "Header" Section.
- Navigate to the "Help | Keyboard shortcuts" and activate it.
- Inspect the code and observe that the mentioned instance uses an inappropriate heading level.
Screenshot
Actual Results
The "Keyboard shortcuts" heading does not follow the visual structure of the page. It is inappropriately defined as heading level 1 instead of heading level 2. As a result, screen reader users found it difficult to understand the page’s content structure.
Expected Results
The heading levels should correctly convey the relationship between the headings, such as the parent-child relationship between the headings. Provide an appropriate heading level to the mentioned heading text, such as <h1>, <h2>, <h3>, and so on.
Code snippet
<h2>Keyboard shortcuts</h2>
Workaround
Currently, there is no known workaround for this behavior. A workaround will be added here when available.
Environment
MacBook Pro (16-inch, 2019)
macOs Ventura 13.5.1
Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2022
NVDA- Version 2021.2
Voiceover - Version Latest
- mentioned in
-
Page Failed to load
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|