ChromeVox,输入范围的步值错误。跳到最大值

时间:2019-03-05 13:46:37

标签: html accessibility voice-recognition

我正在尝试使输入type =“ range”能够与ChromeVox一起正常使用。 这里的问题:

  • 如果我单击向右箭头键向前移动,它将直接跳到示例中的最大值100。
  • 如果我单击向左箭头键返回,但即使属性min =“ 1”,每次它也会步进2个值

启用ChromeVox时会发生这种情况吗,有人遇到过同样的问题吗?

<!DOCTYPE html>
<html>
<head>
    <script>
        function outputUpdate(newValue) { 
                    document.querySelector('#volume').value = newValue;

                    var handle = event.target;
                    handle.setAttribute("aria-valuenow", newValue.toString()); 
                    }
            </script>
</head>

<body>
    <label for="fader">Volume</label>
    <input type="range" id="fader" 
            min="1" max="100" 
            step="1" 
            role="slider" 
            aria-valuemin="1" 
            aria-valuemax="100" 
            oninput="outputUpdate(value)">
    <output for="fader" id="volume">50</output>
</body>
</html>

0 个答案:

没有答案