Giter Site home page Giter Site logo

tab jumps are weird about h5p-multi-choice HOT 4 OPEN

otacke avatar otacke commented on July 17, 2024
tab jumps are weird

from h5p-multi-choice.

Comments (4)

falcon-git avatar falcon-git commented on July 17, 2024

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.

otacke avatar otacke commented on July 17, 2024

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.

falcon-git avatar falcon-git commented on July 17, 2024

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.

icc avatar icc commented on July 17, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.