Details
-
Bug
-
Resolution: Fixed
-
Low
-
9.11.0
-
9.11
-
Severity 3 - Minor
-
Description
Issue Summary
Heading structure is found to be inappropriate on the page. Text such as "Email channels" in customer channel is coded as <h2> and text such as "Add shortcut " is coded as <h3> in add shortcut dialog in side navigation pane which does not matches the visual hierarchy on the page.
Steps to Reproduce
- Open the Project-All open page
- Using Tab key or Using screen reader, navigate to the mentioned instances in the page
- Inspect the code or pull up the list of Headings.
- Observe that the mentioned text has incorrect heading mark-up as per visual hierarchy.
Screenshot
Actual Result
Heading structure is found to be inappropriate on the page. Text such as "Email channels" in customer channelnon modal dialog is coded as <h2> instead of <h3> and text such as "Add shortcut " is coded as <h3>instead of <h2> in add shortcut non -modal dialog present in the side navigation panel of the page which does not matches the visual hierarchy on the page.
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
<h3 class="sd-dialog-title sd-dialog-title-email">Email channels</h3> <h2>Add shortcut</h2>
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 Ventura 13.5
Chrome - Version 115.0.5790.170 (Official Build) (arm64)
Firefox- Version 112.0. 1
Safari- Version 16.5 (18615.2.9.11.4)
JAWS- Version 2023
NVDA- Version 2023
Voiceover - Version Latest
Attachments
Issue Links
- causes
-
JSDSERVER-14305 Project | All open: Inappropriate heading structure
- Closed
- is cloned from
-
JSDSERVER-14305 Project | All open: Inappropriate heading structure
- Closed