A11y: Drag and Drop needs a role and an introduction

Description

You're not given any context when you tab into the task.
Also, you're not really able to solve the task in NVDA because you're not in 'forms' or 'focus' mode so the keyboard events for the arrow keys don't work.

Suggested solution:
Add role 'application' or similar to the task wrapper, covering only the part that we don't want "explored" where we use our own key handlers. Add aria-labelledby that references the task introduction or instructions field on top.

Environment

None

Acceptance Criteria

1. Give context to the task when entering it. 2. Let the readspeakers know that the arrow keys have custom event handlers.

Activity

Pål Jørgensen September 19, 2017 at 7:50 AM

Great work, Frode!

Frode Petterson September 18, 2017 at 2:11 PM

Added bonus fix as the 'no dropzone' area wasn't announced in NVDA.

Done

Details

Assignee

Reporter

Code reviewer

Original estimate

Time tracking

No time logged

Fix versions

Sprint

Priority

Created September 4, 2017 at 11:33 AM
Updated September 19, 2017 at 7:50 AM
Resolved September 19, 2017 at 7:50 AM