Problem/Motivation
When @cboyden's team did an assistive tech walkthrough of Media Library for
#2834729: [META] Roadmap to stabilize Media Library →
using NVDA on Firefox, we discovered that, when making selections of items in the library, if you have met the max and remaining items are grayed out (disabled), a screenreader user is still able to select the disabled items, hearing them as "clickable".
This problem is only present if you are using a screenreader (tested with NVDA). This is not something that a mouse user will encounter because the disabled items cannot be clicked by the mouse to select. Keyboard-only users cannot select the items either.
This problem becomes especially confusing because the screenreader user is not given any kind of warning or alert that they have made selections beyond what is possible. Once they select more than the limit, the remaining items are no longer disabled and grayed out, so they might select an unlimited number. The system does not show an error message in the modal when more than the limit are selected.
After activating "Insert selected" button, the system announces "Added X media items," but the field is actually empty. If they go so far as to save the node, then it saves, but no media is added. The error that should have appeared on the modal displays on the node page, but is not announced.
This interaction can be viewed on the video recording of the September 29, 2019 walkthrough of Media Library starting at around minute 6:30 and continuing to minute 9:45..
Proposed resolution
TBD
Remaining tasks
- Determine resolution and implement.
User interface changes
The way that the Media Library presents each selectable media item may need to be adjusted slightly so that the entire element, including the image and the checkbox, are only available through keyboard access as a single element.
API changes
None anticipated.
Data model changes
None anticipated.
Release notes snippet
TBD