Details
-
Bug
-
Resolution: Fixed
-
Low
-
9.7.0
-
9.07
-
Severity 2 - Major
-
Description
Issue Summary
The role such as "button" and label is not defined for the interactive elements present in the "Release" modal dialog.
This issue has been observed on the "Backlog" page.
Steps to Reproduce
- Navigate to "Boards" dropdown present in the header section.
- Navigate to the "KAN board" option and activate it.
- Observe that "Kanban board" page has been appeared on the page
- Navigate to the "Release" button and activate it.
- Observe that modal dialog has been appeared on the screen.
- Access the date widget icon using keyboard.
- Observe that it is not accessible using keyboard.
Screenshot 1: Kanban Board
Screenshot 2: Backlog
Actual Results
The role "button" not defined for the interactive elements in the "Date widget" (that becomes available on activating "Release"> "Date widget"). As a result, keyboard-only and screen reader users will not be able to interact with the functionality of interactive element.
Additionally, label not defined programmatically for the "date widget".
Expected Results
Ensure that all the interactive elements are focusable and operable using a keyboard and screen reader.
Apply the following changes:
- Code the mentioned buttons using <button> tag.
- Provide aria-label as "Date widget".
- Modify the scripts to ensure that the button is operable with keyboard and a mouse.
A working example of accessible button can be found at https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
Note: Before implementing changes in label confirm this with content design team.
Code Snippet
<button aria-label="Date widget" id="ghx-release-date_trigger_c" class="ghx-iconfont aui-icon aui-icon-small aui-iconfont-calendar"> </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 Monterey Version 12.6
Chrome - Version 106.0.5249.91 (Official Build) (x86_64)
Firefox- Version 93.0 (32-bit)
Safari- Version 14.1.2 (16611.3.10.1.16)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest