title: ChromeVox, input range gets wrong step value. It jumps to max value
body: <p>I am trying to make an input type="range" to work correctly with ChromeVox.
  Here the issue:</p>
  
  <ul>
  <li>if I click the right arrow key to move forward, it jumps directly to the max value that in my example is 100</li>
  <li>if i click the left arrow key to go back but it steps 2 values per time even if the attribute min="1"</li>
  </ul>
  
  <p>This happen just when ChromeVox is enabled, anybody experienced the same issue?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;script&gt;
          function outputUpdate(newValue) { 
                      document.querySelector('#volume').value = newValue;
  
                      var handle = event.target;
                      handle.setAttribute("aria-valuenow", newValue.toString()); 
                      }
              &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;label for="fader"&gt;Volume&lt;/label&gt;
      &lt;input type="range" id="fader" 
              min="1" max="100" 
              step="1" 
              role="slider" 
              aria-valuemin="1" 
              aria-valuemax="100" 
              oninput="outputUpdate(value)"&gt;
      &lt;output for="fader" id="volume"&gt;50&lt;/output&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>UPDATE
  I open an issue
  <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=938321" rel="nofollow noreferrer">https://bugs.chromium.org/p/chromium/issues/detail?id=938321</a>
  they won't fix it</p>