Following a customer request we’re using the question settings in the simulation component to add a visual interactive knowledge check. Whilst the simulation component is not accessible using a single screen with clickable button hotspot option means it can be completed using a keyboard.
What I’m trying to achieve is to highlight the element / hotspot button areas if they are hovered over or tabbed to. If this is already possible could someone show me how to set it up, alternatively could this be a feature request?
To maintain our accessibility we are not counting the success of these knowledge checks in the course completion settings but it would be great to be able to give this additional visual cue.
Hi @JoBattisson, unfortunately that’s not possible. The only thing I can think of which is a bit of a fudge, is to have a second, hidden button directly over the first in a lighter color - then on the original button set a hover over action to display the hidden button, and hide the orginal so the lighter one displays - then set a hover out action to do the reverse on the second, lighter button. The result is as you hover over, the lighter button appears and the original disappears, then when you hover away, the lighter one is hidden and the darker original is visible again.
This does actually work for both hover and keyboard access, but is a bit of a hack, so not sure how robust a solution it is!
(to find these settings open up the editor for each element and look for hover over/out sections.)
cheers-Sam
1 Like
thanks for the response Sam, that seems like a good workaround to the problem.
1 Like
