Drag-and-drop page editor is not keyboard-accessible
Bug #1262933 reported by
Jono M
This bug affects 1 person
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
Mahara |
Fix Released
|
High
|
Jono M |
Bug Description
Currently the drag and drop page editor cannot be used with the keyboard. This is a major accessibility problem for people who rely on the keyboard and are unable to use a mouse easily.
There are two options for making this accessible: Implement keyboard drag-and-drop using ARIA and Javascript or display the non-js editor for screen reader users (and make that accessible)
It seems that ARIA drag-and-drop attributes are not well supported among most screen readers but a mostly-JS approach (like in http://
Affects latest master
(WCAG Level A)
Changed in mahara: | |
assignee: | nobody → Jono Mingard (mingard) |
status: | New → In Progress |
tags: | added: wcag |
Changed in mahara: | |
status: | In Progress → Fix Committed |
Changed in mahara: | |
milestone: | none → 1.9.0 |
Changed in mahara: | |
status: | Fix Committed → Fix Released |
To post a comment you must log in.
My current thinking is that we should do a JS-based solution rather than trying to modify the non-js editor, but not rely on ARIA attributes (since not only are they badly supported, they can stop parts of the JS from running properly in some screen readers).
IMO we should make the block types selectable with the keyboard and have a popup when Space/Enter is pressed which displays the places they can be put ("Row 1 Column 1", "Row 3 Column 2", etc), and have a button next to the Edit button for each content block (called "Move" or something) which brings up the same menu and allows the block to be moved. After these changes the rest of the editor should be quite accessible (once alt texts and suchlike are sorted out)