-
Bug
-
Resolution: Fixed
-
Low
-
8.4.0
-
Severity 3 - Minor
-
Issue Summary
The keyboard support is missing for the "Delete" interactive element.
Steps to Reproduce
- Navigate to any page.
- Navigate to the "Watching" button and activate it.
- Navigate to the "Manage Watchers" button 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 "Delete" interactive element. Additionally, image buttons do not have textual description and the image used for this button is defined using CSS background property.
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.
- Implement the image using <img> element and provide empty alternate text using the "alt" attribute (e.g., alt="") in its source code.
Alternatively, use CSS content property (with ::before and ::after pseudo-elements) to define the image to ensure that the image becomes visible when the Windows High Contrast Mode is turned on.
- Specify the descriptive label "Delete rahil shaikh" for the button using the "aria-label" attribute.
- Remove the "Title" attribute from the source code of the mentioned instance.
Workaround
Not available
Environment
MacBook Pro (16-inch, 2019)
macOS 113.5.2 (22G91)
Chrome - Version 118.0.5993.70 (Official Build) (x86_64)
Firefox- Version 114.0 (64-bit)
Safari- 16.6 (18615.3.12.11.2)
JAWS- Version 2023.2306.38
NVDA- Version 2022.2.2
Voiceover - Version Latest
A fix for this issue is available in Confluence Server and Data Center 8.9.0.
Upgrade now or check out the Release Notes to see what other issues are resolved.