-
Bug
-
Resolution: Unresolved
-
Medium (View bug fix roadmap)
-
None
-
8.20.30, 9.12.2, 9.4.17
-
8.2
-
Severity 3 - Minor
-
Issue Summary
On the Review Changes In Jira page, Expand/Collapse state of the "All" button is not defined.
Steps to Reproduce
- Navigate to the "Plans" in header section and activate any plan.
- Observe the "Plan" page appears.
- Navigate to the "Review Changes" button and activate it.
- Observe the "Review Changes" modal appears.
- Navigate to the "All" button and activate it.
- Inspect the code and observe that state is missing for mentioned instance.
Screenshot
Actual Results
On activating "All" button it gets expanded. The Expand/Collapsed state of the button is not defined programmatically.
As a result, screen reader users are not able to understand the button functionality.
Expected Results
The screen reader should announce the Expand/Collapse state for the button. Set 'aria-expanded' attribute to 'false' for the button by default as the button is in the collapsed state. Ensure that the value of 'aria-expanded' attribute changes to 'true' in expanded state on user interaction via scripting.
code snippet
<button aria-expanded="false" class="sc-fAjcbJ dKHlbz" spacing="default" type="button">(...)</button>
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 14.3
Chrome -Version 120.0.6099.71 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 17.1 (19616.2.9.11.7)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest
- links to
[JSWSERVER-25613] Review Changes In Jira: Expand/collapse state of the button not defined
| Labels | Original: 4.1.2 Level-A WCAG21 a11y-triaged ax-at-user ax-bug ax-dev-ready ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg07 ax-jiradc-vpat-reviewchangesinjira ax-qa | New: 4.1.2 Level-A WCAG21 a11y-triaged ax-at-user ax-bug ax-dev-ready ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg07 ax-jiradc-vpat-reviewchangesinjira ax-qa ril |
| Remote Link | New: This issue links to "Internal ticket (Web Link)" [ 963693 ] |
| Priority | Original: High [ 2 ] | New: Medium [ 3 ] |
| Introduced in Version | Original: 9.12 | New: 8.2 |
| Affects Version/s | New: 8.20.30 [ 106364 ] | |
| Affects Version/s | New: 9.4.17 [ 106909 ] |
| Labels | Original: 4.1.2 Level-A WCAG21 a11y-triaged ax-at-user ax-bug ax-dev-ready ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg07 ax-jiradc-vpat-reviewchangesinjira ax-qa | New: 4.1.2 Level-A WCAG21 a11y-triaged ax-at-user ax-bug ax-dev-ready ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg07 ax-jiradc-vpat-reviewchangesinjira ax-qa |
| Component/s | Original: Accessibility [ 62491 ] | |
| Component/s | Original: (Advanced Roadmaps) Other [ 73719 ] | |
| Component/s | New: (Advanced Roadmaps) Accessibility [ 74392 ] |
| Priority | Original: Low [ 4 ] | New: High [ 2 ] |
| Labels | Original: 4.1.2 Level-A WCAG21 a11y-triaged ax-at-user ax-bug ax-dev-ready ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-pg07 ax-jiradc-vpat-reviewchangesinjira ax-qa | New: 4.1.2 Level-A WCAG21 a11y-triaged ax-at-user ax-bug ax-dev-ready ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg07 ax-jiradc-vpat-reviewchangesinjira ax-qa |
| Description |
Original:
h3. Issue Summary
On the Review Changes In Jira page, Expand/Collapse state of the "All" button is not defined. h3. Steps to Reproduce # Open the "Review Changes In Jira" page. # Navigate to the "All" button and activate it. # Inspect the code and observe that state is missing for mentioned instance. h3. Screenshot !Screenshot 2024-01-30 at 12.03.56 PM.png|thumbnail! h3. Actual Results On activating "All" button it gets expanded. The Expand/Collapsed state of the button is not defined programmatically. As a result, screen reader users are not able to understand the button functionality. h3. Expected Results The screen reader should announce the Expand/Collapse state for the button. Set 'aria-expanded' attribute to 'false' for the button by default as the button is in the collapsed state. Ensure that the value of 'aria-expanded' attribute changes to 'true' in expanded state on user interaction via scripting. *code snippet* {code:java} <button aria-expanded="false" class="sc-fAjcbJ dKHlbz" spacing="default" type="button">(...)</button> {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 Ventura 14.3 Chrome -Version 120.0.6099.71 (Official Build) (arm64) Firefox- Version 92.0 (64-bit) Safari- Version 17.1 (19616.2.9.11.7) JAWS- Version 2023 NVDA- Version 2021.2 Voiceover - Version Latest |
New:
h3. Issue Summary
On the Review Changes In Jira page, Expand/Collapse state of the "All" button is not defined. h3. Steps to Reproduce # Navigate to the "Plans" in header section and activate any plan. # Observe the "Plan" page appears. # Navigate to the "Review Changes" button and activate it. # Observe the "Review Changes" modal appears. # Navigate to the "All" button and activate it. # Inspect the code and observe that state is missing for mentioned instance. h3. Screenshot !Screenshot 2024-01-30 at 12.03.56 PM.png|thumbnail! h3. Actual Results On activating "All" button it gets expanded. The Expand/Collapsed state of the button is not defined programmatically. As a result, screen reader users are not able to understand the button functionality. h3. Expected Results The screen reader should announce the Expand/Collapse state for the button. Set 'aria-expanded' attribute to 'false' for the button by default as the button is in the collapsed state. Ensure that the value of 'aria-expanded' attribute changes to 'true' in expanded state on user interaction via scripting. *code snippet* {code:java} <button aria-expanded="false" class="sc-fAjcbJ dKHlbz" spacing="default" type="button">(...)</button> {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 Ventura 14.3 Chrome -Version 120.0.6099.71 (Official Build) (arm64) Firefox- Version 92.0 (64-bit) Safari- Version 17.1 (19616.2.9.11.7) JAWS- Version 2023 NVDA- Version 2021.2 Voiceover - Version Latest |
| Component/s | New: (Advanced Roadmaps) Other [ 73719 ] |