-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.5.1
-
Severity 3 - Minor
-
Issue Summary
Heading mark-up is used unnecessarily for the "Inbox zero" text.
Steps to Reproduce
- Open the "Home" page.
- Navigate to the header section.
- Navigate and activate "View your 0 unapproved pull requests" > "Reviewing" interactive elements.
- Navigate to the mentioned heading in the tab panel.
- Inspect the code.
- Observe that an heading mark-up is used unnecessarily for the mentioned heading.
Screenshot
Actual Results
The text "Inbox zero" in the tab panel of the "Reviewing" tab that becomes available on activating the "View your 0 unapproved pull requests" button in the header section. is marked up as a heading unnecessarily. However, it does not constitute as a heading on the page.
As a result, this will create confusion for screen reader users about the content structure.
Expected Results
Screen reader should not identify the text as a heading for their users. Remove the heading mark-up from the mentioned content and code it using the <p> element. If required, use CSS to maintain the presentation of the page.
Code Example:
<p>Inbox zero</p>
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 Sonoma 14.7
Chrome - Version 131.0.6778.86 (Official Build) (arm64)
Firefox- Version 134.0 (64-bit)
Safari- Version 18.1.1 (20619.2.8.11.12)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest
Form Name |
---|
[BSERV-20019] Header : Heading mark-up used unnecessarily
Status | Original: Needs Triage [ 10030 ] | New: Long Term Backlog [ 12073 ] |
Labels | New: 1.3.1 Level-A WCAG2.2 ax-at-user ax-bitbucket-dc-vpat-2025 ax-bitbucket-dc-vpat-2025-header ax-bug ax-high-priority ax-qa |
Description |
Original:
h3. Issue Summary
Heading mark-up is used unnecessarily for the "Inbox zero" text. h3. Steps to Reproduce # Open the "Home" page. # Navigate to the header section. # Navigate and activate "View your 0 unapproved pull requests" > "Reviewing" interactive elements. # Navigate to the mentioned heading in the tab panel. # Inspect the code. # Observe that an heading mark-up is used unnecessarily for the mentioned heading. h3. Screenshot !Screenshot 2025-03-11 at 1.14.20 PM.png|width=402,height=260! h3. Actual Results The text "Inbox zero" in the tab panel of the "Reviewing" tab that becomes available on activating the "View your 0 unapproved pull requests" button in the header section. is marked up as a heading unnecessarily. However, it does not constitute as a heading on the page. As a result, this will create confusion for screen reader users about the content structure. h3. Expected Results Screen reader should not identify the text as a heading for their users. Remove the heading mark-up from the mentioned content and code it using the <p> element. If required, use CSS to maintain the presentation of the page. *Code Example:* {code:java} <p>Inbox zero</p>{code} 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, 2021) macOs Sonoma 14.7 Chrome - Version 131.0.6778.86 (Official Build) (arm64) Firefox- Version 134.0 (64-bit) Safari- Version 18.1.1 (20619.2.8.11.12) JAWS- Version 2023 NVDA- Version 2021.2 Voiceover - Version Latest h3. |
New:
h3. Issue Summary
Heading mark-up is used unnecessarily for the "Inbox zero" text. h3. Steps to Reproduce # Open the "Home" page. # Navigate to the header section. # Navigate and activate "View your 0 unapproved pull requests" > "Reviewing" interactive elements. # Navigate to the mentioned heading in the tab panel. # Inspect the code. # Observe that an heading mark-up is used unnecessarily for the mentioned heading. h3. Screenshot !Screenshot 2025-03-11 at 1.14.20 PM.png|width=402,height=260! h3. Actual Results The text "Inbox zero" in the tab panel of the "Reviewing" tab that becomes available on activating the "View your 0 unapproved pull requests" button in the header section. is marked up as a heading unnecessarily. However, it does not constitute as a heading on the page. As a result, this will create confusion for screen reader users about the content structure. h3. Expected Results Screen reader should not identify the text as a heading for their users. Remove the heading mark-up from the mentioned content and code it using the <p> element. If required, use CSS to maintain the presentation of the page. *Code Example:* {code:java} <p>Inbox zero</p>{code} 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, 2021) macOs Sonoma 14.7 Chrome - Version 131.0.6778.86 (Official Build) (arm64) Firefox- Version 134.0 (64-bit) Safari- Version 18.1.1 (20619.2.8.11.12) JAWS- Version 2023 NVDA- Version 2021.2 Voiceover - Version Latest h3. |
Description |
Original:
h3. Issue Summary
N h3. Steps to Reproduce N h3. Actual Results N h3. Expected Results N h3. Workaround Currently there is no known workaround for this behavior. A workaround will be added here when available. |
New:
h3. Issue Summary
Heading mark-up is used unnecessarily for the "Inbox zero" text. h3. Steps to Reproduce # Open the "Home" page. # Navigate to the header section. # Navigate and activate "View your 0 unapproved pull requests" > "Reviewing" interactive elements. # Navigate to the mentioned heading in the tab panel. # Inspect the code. # Observe that an heading mark-up is used unnecessarily for the mentioned heading. h3. Screenshot !Screenshot 2025-03-11 at 1.14.20 PM.png|width=402,height=260! h3. Actual Results The text "Inbox zero" in the tab panel of the "Reviewing" tab that becomes available on activating the "View your 0 unapproved pull requests" button in the header section. is marked up as a heading unnecessarily. However, it does not constitute as a heading on the page. As a result, this will create confusion for screen reader users about the content structure. h3. Expected Results Screen reader should not identify the text as a heading for their users. Remove the heading mark-up from the mentioned content and code it using the <p> element. If required, use CSS to maintain the presentation of the page. *Code Example:* {code:java} <p>Inbox zero</p>{code} 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, 2021) macOs Sonoma 14.7 Chrome - Version 131.0.6778.86 (Official Build) (arm64) Firefox- Version 134.0 (64-bit) Safari- Version 18.1.1 (20619.2.8.11.12) JAWS- Version 2023 NVDA- Version 2021.2 Voiceover - Version Latest h3. |
Attachment | New: Screenshot 2025-03-11 at 1.14.20 PM.png [ 488783 ] |