Bug 63574 – Value of input type range is difficult to change from keyboard when range is much bigger than step

• Status: RESOLVED
• Resolution: WORKSFORME
• Component: Accessibility

[Alexey Proskuryakov]

Left/right arrow keys don't change the value. 

Re-filed from bug 14444.

[Alexey Proskuryakov]

Created attachment 98985 [details]
slider

[Alexey Proskuryakov]

Turns out that arrow keys already work - they didn't work in Safari 5, and I got confused by bug 63573 into thinking that I cannot test ToT.

But using them is not practical on this test case, because range is much larger than step, so the value changes extremely slowly. I'm not sure if this is something to fix in WebKit though - thoughts?

[Kent Tamura]

If a slider width is smaller than its value range, a user can't move the thumb to positions for some specific values because one pixel represents multiple values. So, I think the current arrow key behavior is helpful for users to set specific values. However, it's confusing for a user who expects an arrow key moves the thumb.

Introducing new key operations resolves the issue? For example,
 Right: move the thumb by at least 1px
 Shift + Right: move the thumb by 1 step.

[James Craig]

This works as expected with HOME/END (100%), PAGEUP/PAGEDOWN (~10%), LEFT/RIGHT (STEP VALUE)…

[James Craig]

Note: If you're on a short keyboard, HOME/END is fn+LEFT/RIGHT, and PAGEUP/PAGEDOWN is fn+UP/DOWN