-
Bug
-
Resolution: Fixed
-
Low
-
10.3.0
-
Severity 3 - Minor
-
Issue Summary
ARIA attribute aria-hidden defined inappropriately on the <h5> element.
Steps to Reproduce
- Open "JSM System Dashboard" page.
- Navigate to the "Projects" in the header section and choose any ITSM project from the options.
- Navigate and activate the "create queue" button present in the "ALL QUEUES" section.
- Navigate and activate the "Type: All" button present in the main content area.
- Navigate to the "Standard Issue Types" heading text in the non modal dailog.
- With Screen reader running, try to access the button using arrow keys.
- Notice that heading text is not read out for screen reader users.
Screen Recording
Screen Recording 2024-12-15 at 5.16.29 PM.mov
Screenshot
Actual Results
The "aria-hidden" attribute is used on the <h5> element containing "Standard Issue Types" and "Sub-Task Issue Types". As a result, screen reader users cannot access the heading text with virtual cursor i.e., arrow keys and its content is not announced by the screen reader.
Expected Results
All the important content should be available for screen reader users when navigating with virtual cursor, i.e. Arrow Keys.
Remove aria-hidden=”true” from the <h5> element in the page source.
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 14.7 (23D56)
Chrome - Version 131.0.6778.86
Firefox- Version 122.0.1 (64-bit)
Safari- Version 18.1.1 (19619.2.8.111.7, 19619)
JAWS- Version 2024
NVDA- Version 2023.3
Voiceover - Version Latest
- links to
[JSDSERVER-15851] Project | All Open : ARIA attribute aria-hidden defined inappropriately
| Resolution | New: Fixed [ 1 ] | |
| Status | Original: Waiting for Release [ 12075 ] | New: Closed [ 6 ] |
| Fix Version/s | New: 10.5.0 [ 110315 ] |
| Status | Original: In Progress [ 3 ] | New: Waiting for Release [ 12075 ] |
| Status | Original: Short Term Backlog [ 12074 ] | New: In Progress [ 3 ] |
| Assignee | New: Alec Bignell [ 344ed8f58f8f ] |
| Summary | Original: Project - All Open : ARIA attribute aria-hidden defined inappropriately | New: Project | All Open : ARIA attribute aria-hidden defined inappropriately |
| Labels | Original: 4.1.2 Level-A WCAG2.2 ax-at-user ax-bug ax-critical-priority ax-jsm-dc-vpat-2024-projectallopen ax-jsmdc-vpat-2024 ax-qa axsr-368 ril | New: 4.1.2 Level-A WCAG2.2 ax-at-user ax-bug ax-high-priority ax-jsm-dc-vpat-2024-projectallopen ax-jsmdc-vpat-2024 ax-qa axsr-368 ril |
| Description |
Original:
h3. Issue Summary
ARIA attribute aria-hidden defined inappropriately on the <h5> element. h3. Steps to Reproduce # Open "JSM System Dashboard" page. # Navigate to the "Projects" in the header section and choose any ITSM project from the options. # Navigate and activate the "create queue" button present in the "ALL QUEUES" section. # Navigate and activate the "Type: All" button present in the main content area. # Navigate to the "Standard Issue Types" heading text in the non modal dailog. # With Screen reader running, try to access the button using arrow keys. # Notice that heading text is not read out for screen reader users. h3. Screen Recording [^Screen Recording 2024-12-15 at 5.16.29 PM.mov] h3. Actual Results The "aria-hidden" attribute is used on the <h5> element containing "Standard Issue Types". As a result, screen reader users cannot access the heading text with virtual cursor i.e., arrow keys and its content is not announced by the screen reader. h3. Expected Results All the important content should be available for screen reader users when navigating with virtual cursor, i.e. Arrow Keys. Remove aria-hidden=”true” from the <h5> element in the page source. 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 14.7 (23D56) Chrome - Version 131.0.6778.86 Firefox- Version 122.0.1 (64-bit) Safari- Version 18.1.1 (19619.2.8.111.7, 19619) JAWS- Version 2024 NVDA- Version 2023.3 Voiceover - Version Latest |
New:
h3. Issue Summary
ARIA attribute aria-hidden defined inappropriately on the <h5> element. h3. Steps to Reproduce # Open "JSM System Dashboard" page. # Navigate to the "Projects" in the header section and choose any ITSM project from the options. # Navigate and activate the "create queue" button present in the "ALL QUEUES" section. # Navigate and activate the "Type: All" button present in the main content area. # Navigate to the "Standard Issue Types" heading text in the non modal dailog. # With Screen reader running, try to access the button using arrow keys. # Notice that heading text is not read out for screen reader users. h3. Screen Recording [^Screen Recording 2024-12-15 at 5.16.29 PM.mov] h3. Screenshot !Screenshot 2024-12-19 at 1.31.00 PM.png|width=733,height=406! h3. Actual Results The "aria-hidden" attribute is used on the <h5> element containing "Standard Issue Types" and "Sub-Task Issue Types". As a result, screen reader users cannot access the heading text with virtual cursor i.e., arrow keys and its content is not announced by the screen reader. h3. Expected Results All the important content should be available for screen reader users when navigating with virtual cursor, i.e. Arrow Keys. Remove aria-hidden=”true” from the <h5> element in the page source. 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 14.7 (23D56) Chrome - Version 131.0.6778.86 Firefox- Version 122.0.1 (64-bit) Safari- Version 18.1.1 (19619.2.8.111.7, 19619) JAWS- Version 2024 NVDA- Version 2023.3 Voiceover - Version Latest |
| Attachment | New: Screenshot 2024-12-19 at 1.31.00 PM.png [ 476708 ] |
| Status | Original: Needs Triage [ 10030 ] | New: Short Term Backlog [ 12074 ] |