-
Type: Bug
-
Status: Resolved
-
Priority: Critical
-
Resolution: Fixed
-
Affects Version/s: 3.0.6
-
Component/s: A11y
-
Release Notes Summary:Grid views can be fully navigated using only the keyboard
-
Epic Link:
-
Tags:
-
Sprint:UI - 2023-9, UI - 2023-10, UI COOLDOWN - 2023-9
-
Story Points:5
related to WCAG 2.1 level A criteria 2.1.1: Keyboard
https://www.w3.org/TR/WCAG21/#keyboard
Make nuxeo-data-grid cards usable with keyboard only.
AC
- Using the keyboard, I can access any nuxeo-data-grid card
- I can navigate within the grid using the arrow keys as described in https://www.w3.org/WAI/ARIA/apg/patterns/grid/ (e.g., left and right keys, up and down, etc. - attached in this ticket as well)
- when a particular thumbnail is active, it receives focus so that I can understand which element I am interacting with
- Actions in the bottom of the card become visible
- Selection action becomes visible
Location
- "Search results" section
Except for the first item in the search results section, all the other links do not receive the keyboard focus and are not accessible using the keyboard alone.
Recommendation to fix
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 the component can be used by the keyboard OR by providing a conformant alternate functionality method for the action
REFERENCE
Aria grid pattern
Deque University:https://dequeuniversity.com/class/input-methods2/keyboard-input/functionality
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.
- clones
-
ELEMENTS-1581 Make nuxeo-checkbox-aggregation usable with keyboard only
- Resolved
- is cloned by
-
WEBUI-1318 Make nuxeo-data-grid cards navigable when using a keyboard
- Resolved
- is duplicated by
-
WEBUI-214 nuxeo-data-grid does not display focus when using arrow keys
- Resolved
- is related to
-
WEBUI-214 nuxeo-data-grid does not display focus when using arrow keys
- Resolved
-
ELEMENTS-1676 Make actions at the bottom of a nuxeo-data-grid card usable with keyboard only
- Resolved
-
WEBUI-1262 Make selection action in a nuxeo-data-grid card focusable
- Resolved
- links to