-
Type:
Bug
-
Resolution: Fixed
-
Priority:
Low
-
Affects Version/s: 8.4.0
-
Component/s: Accessibility
-
Severity 3 - Minor
Issue Summary
The keyboard support is missing for the "Add new calendar", "Add existing calendar", "Import calendar" and so on interactive elements.
Steps to Reproduce
- Navigate to the header and activate the "Calendar" link
- Navigate to the "More" dropdown and activate it
- Navigate to the mentioned interactive element
- Observe that keyboard support is missing for the mentioned interactive element
Screenshot

Actual Results
Keyboard support is missing for the "Add new calendar", "Add existing calendar", "Import calendar" and so on interactive elements. Additionally, the individual unordered list mark-up is provided for the mentioned instances inappropriately.
This made it difficult for keyboard-only and screen-reader users to access the functionality associated with interactive elements.
Expected Results
Ensure that all the page functionality is available for all users irrespective of the device being used.
Apply the following changes: *
- Mark up the mentioned interactive image using <button> element.
- Modify the scripts to ensure that the image button is accessible with a keyboard as well as a mouse.
- Remove the <ul> and <li> elements from the source code of the mentioned instances.
- Mark-up the mentioned instances using a definition list. <dl> elements must only directly contain properly-ordered <dt> and <dd> groups. Ensure that the mentioned definition list follows these specifications.
Refer to the below link for implementation
https://www.w3.org/TR/WCAG20-TECHS/H40.html
Workaround
Not available
Environment
MacBook Pro (16-inch, 2019)
macOS 13.4.1 (c) (22F770820d)
Chrome - Version 115.0.5790.170 (Official Build) (x86_64)
Firefox- Version 114.0 (64-bit)
Safari- Version 16.5.2 (18615.2.9.11.10)
JAWS- Version 2023.2306.28
NVDA- Version 2022.2.2
Voiceover - Version Latest