h5p / h5p-drag-text

MIT License
7 stars 71 forks source link

HFP-3658 Improve a11y focus on "Check" and "Show Solutions" #135

Open otacke opened 1 year ago

otacke commented 1 year ago

When merged in, will introduce the same focus behavior that was introduced for Multiple Choice in HFP-3554: For both "Check" and "Show Solution" move the focus to the first answer. When calling showSolutions programatically, e.g. by a parent content type, the focus is not set.

note

If you encounter that: There's a bug when navigating that is not caused by the pull request, see HFP-3657.

background

Currently, the behavior of Drag the Words is inconsistent (similar to Multiple Choice, HFP-3554).

When clicking on "Check", the focus will be given to a non-tabbable element above the exercise (the instructions) in order to allow tabbing forward through the given answers.

When clicking on "Show solution", the focus will be set to the retry button (by H5P.Question). The dropzone fields are disabled and non-tabbable, so here the user would need to navigate backwards (not tabbing) in order to learn about the correct solutions. On top, the correct answers are in separate elements.