A client would like to enable the use of left/right arrow keys to move a slider as well as have the current mouse option of moving through the slider. I have researched, but cannot find an approach that works for me. I would appreciate any help or direction with this issue. I have attached a sample of the slide for reference.
The slider needs to have focus. If the user either clicks anywhere on the slider track or thumb, or presses the TAB key to navigate to the slider, that will make the slider the active object, and then the arrow keys will function.
Steve, Am I understanding your reply correctly. When the learner clicks on the slider it then has focus and not until the user clicks on the slider? If the learner, then click on something else the slider will lose focus and the right /left arrow will not work until the slider is clicked on again?
4 Replies
The slider needs to have focus. If the user either clicks anywhere on the slider track or thumb, or presses the TAB key to navigate to the slider, that will make the slider the active object, and then the arrow keys will function.
Steve, Am I understanding your reply correctly. When the learner clicks on the slider it then has focus and not until the user clicks on the slider? If the learner, then click on something else the slider will lose focus and the right /left arrow will not work until the slider is clicked on again?
Correct. You can verify this using UC Davis Health's .story file above.
You could try adding keypress (for <> keys) triggers that add/subtract 1 from the slider variable.