-
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
The buttons present in the table section is not keyboard operable.
Steps to Reproduce
- Navigate to the "Plans" dropdown and select any plan.
- Navigate the table section using keyboard.
- Verify that the buttons present in the table is not accessible by keyboard.
Screenshot
Actual Results
The "Assignee", "Target start", "Target end", and "Status" buttons in table section is not operable with a keyboard. The role and state of the button is not programmatically determined for screen reader users. This made it difficult for keyboard-only and screen reader users to access the functionality associated with mentioned button.
Expected Results
Apply the following changes:
- Code the mentioned button using <button> tag.
- Provide 'aria-pressed' attribute to define a state of the button.
- Ensure that the mentioned buttons are accessible using keyboard and screen reader.
A working example of accessible button can be found at https://www.w3.org/WAI/ARIA/apg/patterns/button/
Code Snippet
<button data-name="section-none" class="_3WCnc" style="width: 176px;" aria-pressed="true">(...)<span class="_Mq3F">Target start</span>(...)</button>
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 Version 13.6.1
Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 17.3 (18617.2.4.11.9, 18617)
JAWS- Version 2022
NVDA- Version 2020.3
- links to
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|