-
Bug
-
Resolution: Fixed
-
Low
-
8.4.0
-
Severity 3 - Minor
-
Issue Summary
The keyboard support is missing for the "Upload image" interactive element
Steps to Reproduce
- Navigate to the mentioned page.
- Navigate to the "Edit Space Details" button and activate it.
- Navigate to the mentioned interactive element.
- Observe that keyboard support is missing for the "Upload image" interactive element.
Screenshot
Actual Results
Keyboard support is missing for the "Upload image" interactive element.
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 scripts to make the tooltip information available on hover as well as on focus. In addition along with mouse-specific event handlers, use keyboard-specific event handlers, such as "onfocus", "onblur"and so on to make the functionality accessible for keyboard-only users.
Workaround
Currently, there is no known workaround for this behaviour.
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