Details
-
Bug
-
Resolution: Duplicate
-
Low
-
None
-
8.20.1, 9.0.0
-
8.2
-
Severity 3 - Minor
-
Description
Issue Summary
Drag and drop feature is not keyboard accessible.
Element: "crop control"
Location: Above the" confirm" button
Steps to reproducible:
-Activates the Download a new avatar choose file button which is located just below the heading text "Select a user avatar"
Steps to Reproduce
- Step 1
Actual Results
Actual results
Expected Results
Expected Results
Fix Information
RULE :
Functionality MUST be available using the keyboard, unless the functionality cannot be accomplished in any known way using a keyboard.
HOW TO FIX:
Fix this issue by ensuring that all drag and drop functions can also be completed using only the keyboard.
Since there is no single recommended keyboard interaction pattern for drag and drop, we strongly recommend including instructions for keyboard and screen reader users on how to use the drag and drop functionality. These instructions can be made available on request such as via a button or toggle with an appropriate label (e.g. "accessibility instructions").
REFERENCE:
Deque University:https://dequeuniversity.com/class/input-methods2/keyboard-input/functionality
Deque University: https://dequeuniversity.com/class/custom-widgets2/concepts/keyboard/operability
BACKGROUND:
Some people cannot use a mouse due to vision or motor disabilities. Content that can be operated with a mouse must also be made operable with a keyboard. When content is operable through a keyboard, it becomes operable by a variety of assistive technologies such as speech input software, sip-and-puff software, on-screen keyboards, scanning software, and alternate keyboards
Screenshot
Screen Recording
screen recording
Workaround
workaround
Bug Ref: 723133
Attachments
Issue Links
- is duplicated by
-
JRASERVER-73392 Avatar profile modal : Crop functionality is not keyboard accessible
- Closed