-
Bug
-
Resolution: Fixed
-
Low
-
5.11.0
-
Severity 3 - Minor
-
Issue Summary
On the "Help center | Approvals" page, the "Reorder by column, type", "Reorder by column, reference", and so on, buttons (that appears on activating the "Edit" button) do not have keyboard support.
Steps to Reproduce
- Navigate onto the above mentioned page.
- Navigate onto the "Edit" button and activate it.
- Navigate onto the mentioned instances with a keyboard.
- Observe that the buttons do not have keyboard support.
Screenshot
Actual Results
The "Reorder by column, type", "Reorder by column, reference", and so on, buttons to rearrange the columns lack keyboard support. As a result, they cannot be operated with a keyboard and screen reader.
Expected Results
All interactive elements should be focusable and operable with a keyboard. Use native <button> elements that have keyboard support by default.
If this is not possible, use custom role="button" and tabindex="0" to make sure that these buttons receive keyboard focus and have an interactive role.
Code Snippet
<button aria-label="Reorder by column, type">...</button>
<span role="button" tabindex="0" aria-label="Reorder by column, type">...</span>
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 13.3.1
Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2023
NVDA- Version 2023.3
Voiceover - Version Latest
