Giter Site home page Giter Site logo

Comments (10)

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

I think this is by design to provide a good user experience for keyboard users. I agree that it looks a bit buggy if you're not using the keyboard. Not sure what to do about it.

from h5p-multi-choice.

otacke avatar otacke commented on July 17, 2024

Hmm, just for that purpose, it would be a little "overkill" to listen for keydown and mousedown (and touch) events in order determine whether the last interaction before the reset came from the keyboard or the mouse (or a touch device), wouldn't it?

from h5p-multi-choice.

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

It would be a way of solving it. I didn't think of that. Good idea! I'll discuss it with those who implemented it tomorrow to see if they think it is "overkill".

from h5p-multi-choice.

otacke avatar otacke commented on July 17, 2024

Sounded just weird to me for such a tiny issue :-)

from h5p-multi-choice.

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

Yes, but we have the same issue in a lot of content types. It is not only MultipleChoice, so if we could solve it in a nice way(code wise) for all it would be a step forward.

from h5p-multi-choice.

otacke avatar otacke commented on July 17, 2024

In that case, I am going to file in a patent first thing in the morning ;-)

from h5p-multi-choice.

icc avatar icc commented on July 17, 2024

Hehe...

I wonder if this could be made better by simply making the focus effect a bit softer. The purple background almost makes it seem like the option is selected instead of highlighted.

I can't recall where but I imagine that I've read something about that moving the focus to where the next "action" is needed is a good UX approach, especially when going "backwards". It may have been a WCAG thing.

from h5p-multi-choice.

otacke avatar otacke commented on July 17, 2024

I see. But wouldn't that have potential for confusing people with visual impairment?

For example, if you have a form with some instructions at the top and some input fields below, setting focus to the first input field would be great for people who're not impaired. They can still see the text and start typing right away. On the other hand, if you're blind and cannot see the text, you wouldn't get the context if the focus was on the input field right away, would you?

From this perspective, multiple choice seems to use the focus wisely: not setting focus on first start, but on retry.

from h5p-multi-choice.

icc avatar icc commented on July 17, 2024

Actually, I believe you do get the relevant context using a readspeaker if the HTML is set up correctly, and if not I guess that the user would normally 'zoom out' to the parent element until it makes sense.

from h5p-multi-choice.

otacke avatar otacke commented on July 17, 2024

I don't know. Will have to learn about that.

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.