Comments (4)
You are right. With hints/tips it doesn't seem to work exactly as designed. Arrow keys to move the focus between alternatives is intended, tab to focus on the hint is also as designed. If you tab several times you move between hints, also as designed afaik. The last alternative gets the focus after the last hint, this is not as designed afaik.
from h5p-multi-choice.
Oh, now I get it. I still have to learn about how to design accessible applications.
I had assumed that the tab key was the major key that should be used to jump from element to element which here are the alternatives. But it makes total sense to give focus to all the alternatives first and then choose the sub elements with the arrow keys. I guess since the role for the container says "radiogroup", people will know that they can now use the arrow keys for selection?
from h5p-multi-choice.
Yes, that is my understanding. The default behavior of normal radio button groups is that you use keys to select and tab will make you move along.
from h5p-multi-choice.
Regarding the hints, I wonder if it would make more sense if you could only tab to the hint next to the focused option. It is essentially a list where you can possibly have an "infinite" number of tabbable buttons, which I believe is to be avoided according to ARIA.
from h5p-multi-choice.
Related Issues (20)
- how to build HOT 2
- [Feature Request] Do not mark the correct answer
- Minus / plus points are not shown when used in question set
- Allow a combination of media and text elements in questions and feedback
- Wrong use of const breaks IE11 HOT 1
- Display of minus / plus one points is not correct when H5P Multiple Choice is used in H5P Question Sets HOT 4
- Inconsistent resetTask behavior across content types
- first alternative highlighted after retry HOT 10
- Invisible character added to tip text with IE11 HOT 1
- Translation of libraries to Polish HOT 1
- Full Answer in xAPI Statments HOT 1
- Minus points aren't displayed graphically in certain situations HOT 2
- Check button doesn't work as expected when no answer is selected
- Use html widget for overall feedback field HOT 2
- Add Turkish translation.
- Language of page (text) is not set programmatically - Accessibility
- Changes in text language cannot be indicated programmatically - Accessibility HOT 3
- Allow Image in Answer HOT 2
- Error in a french translation of multi-choice
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from h5p-multi-choice.