-
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
[BSERV-14589] Header: Inappropriate heading structure
| Resolution | New: Fixed [ 1 ] | |
| Status | Original: Gathering Impact [ 12072 ] | New: Closed [ 6 ] |
| Fix Version/s | New: 8.18.0 [ 106790 ] |
| Labels | Original: 1.3.1 Level-A WCAG21 ax-at-user ax-bitbucketdc-vpat ax-bitbucketdc-vpat-header ax-bitbucketdc-vpat-pg12 ax-bug ax-medium-priority ax-qa | New: 1.3.1 Level-A WCAG21 ax-at-user ax-bitbucketdc-vpat ax-bitbucketdc-vpat-header ax-bitbucketdc-vpat-pg12 ax-bug ax-medium-priority ax-qa ax-qa-fixed |
| Remote Link | New: This issue links to "Page (Confluence)" [ 884825 ] |
| Status | Original: Needs Triage [ 10030 ] | New: Gathering Impact [ 12072 ] |
| Description |
Original:
h3. Issue Summary
On the "Header | Keyboard shortcuts” modal, text such as “Keyboard shortcuts” is marked as heading level 1 inappropriately. h3. 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. h3. Screenshot h3. 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. h3. 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* {noformat} <h2>Keyboard shortcuts</h2>{noformat} h3. Workaround Currently, there is no known workaround for this behavior. A workaround will be added here when available. h3. 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 |
New:
h3. Issue Summary
On the "Header | Keyboard shortcuts” modal, text such as “Keyboard shortcuts” is marked as heading level 1 inappropriately. h3. 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. h3. Screenshot !Screenshot 2023-09-27 at 4.13.42 PM.png|width=341,height=170! h3. 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. h3. 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* {noformat} <h2>Keyboard shortcuts</h2>{noformat} h3. Workaround Currently, there is no known workaround for this behavior. A workaround will be added here when available. h3. 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 |
| Attachment | New: Screenshot 2023-09-27 at 4.13.42 PM.png [ 444988 ] |
| Labels | New: 1.3.1 Level-A WCAG21 ax-at-user ax-bitbucketdc-vpat ax-bitbucketdc-vpat-header ax-bitbucketdc-vpat-pg12 ax-bug ax-medium-priority ax-qa |
| Description |
Original:
h3. Issue Summary
no) h3. Steps to Reproduce # na h3. Actual Results na h3. Expected Results na h3. Workaround Currently, there is no known workaround for this behavior. A workaround will be added here when available |
New:
h3. Issue Summary
On the "Header | Keyboard shortcuts” modal, text such as “Keyboard shortcuts” is marked as heading level 1 inappropriately. h3. 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. h3. Screenshot h3. 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. h3. 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* {noformat} <h2>Keyboard shortcuts</h2>{noformat} h3. Workaround Currently, there is no known workaround for this behavior. A workaround will be added here when available. h3. 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 |