Я пытаюсь сделать так, чтобы тип ввода = "диапазон" работал правильно с ChromeVox.Здесь проблема:
- , если я нажимаю клавишу со стрелкой вправо, чтобы двигаться вперед, он сразу переходит к максимальному значению, которое в моем примере составляет 100
- , если я нажимаю клавишу со стрелкой влевочтобы вернуться, но при этом выполняется шаг 2 значения за раз, даже если атрибут min = "1"
Это происходит только при включенном 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>