-
Bug
-
Resolution: Fixed
-
Medium (View bug fix roadmap)
-
8.20.30, 9.12.2, 9.4.17
-
- 4.1.2
- Level-A
- WCAG2.1
- a11y-triaged
- ax-at-JAWS
- ax-at-NVDA
- ax-at-VO
- ax-at-user
- ax-bug
- ax-critical-priority
- ax-desktop
- ax-dev-ready
- ax-jiradc-arj
- ax-jiradc-arj-vpat2024
- ax-jiradc-vpat
- ax-jiradc-vpat-accessibilityassesmentteams
- ax-jiradc-vpat-accessibilityassessmentroadmaps
- ax-jiradc-vpat-pg04
- ax-macos-safari
- ax-qa
- ax-qa-fixed
- ax-qa-verified
-
8.2
-
Severity 3 - Minor
-
Issue Summary
The expand collapse state of the buttons is not defined in the main content area.
Steps to Reproduce
- Open the "Accessibility Assessment | Teams" page.
- Navigate to the main content.
- Using screen reader, navigate to the mentioned buttons.
- Listen that the expand/collapse state is not announced for the button.
Screen Recording
Accessibility Assessments - Advanced Roadmaps - InstEnv Jira - Google Chrome 2024-01-30 15-42-37.mp4
Actual Results
On activating the buttons in the main content area, the content dynamically gets expanded and collapsed below. The dynamically updating button's state is not defined programmatically.
As a result, screen reader users are not able to understand the button's functionality.
Expected Results
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 class="sc-fAjcbJ eFDcix" aria-expanded="false" spacing="default" type="button"><span style="align-self: center; display: inline-flex; flex-wrap: nowrap; max-width: 100%; position: relative;"><span style="align-self: center; display: flex; flex-shrink: 0; line-height: 0; font-size: 0px; margin: 0px -2px; user-select: none; transition: opacity 0.3s ease 0s; opacity: 1;"><span class="_2P5uv" role="none"><span class="sc-htpNat dUvlju" aria-label=""><svg width="24" height="24" viewBox="0 0 24 24" focusable="false" role="presentation"><path d="M12 14a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm-4.5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm9 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z" fill="currentColor" fill-rule="evenodd"></path></svg></span></span></span></span></button>
Workaround
Required, if there is no workaround please state:
Currently there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2021)
macOs Monterey Version 12.3.1
Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest
- mentioned in
-
Page Failed to load