So, I was looking to see if there was a way to replicate the behavior of aria-valuetext when using the HTML5's input of range. Turns out this is not possible because there is no equivalent attribute for this HTML control. This encourages hacking then.
Some references:
developer.mozilla.org/en-US/do…
developer.mozilla.org/en-US/do…
@SteveFaulkner @aardrian @tink What do you think?
ARIA: aria-valuetext attribute - ARIA | MDN
The aria-valuetext attribute defines the human-readable text alternative of aria-valuenow for a range widget.MDN Web Docs


Patrick H. Lauke
in reply to victor tsaran • • •victor tsaran
in reply to Patrick H. Lauke • • •Steve Faulkner
in reply to victor tsaran • • •@patrick_h_lauke am i missing something here?
codepen.io/stevef/pen/VYLwvbm
victor tsaran
in reply to Steve Faulkner • • •Patrick H. Lauke
in reply to victor tsaran • • •Jamie Teh
in reply to victor tsaran • • •victor tsaran
in reply to Jamie Teh • • •Jamie Teh
in reply to victor tsaran • • •Patrick H. Lauke
in reply to Jamie Teh • • •Steve Faulkner
in reply to Patrick H. Lauke • • •Patrick H. Lauke
in reply to Steve Faulkner • • •APG guidance for touch devices · Issue #60 · w3c/aria
GitHubJamie Teh
in reply to Patrick H. Lauke • • •aom/explainer.md at gh-pages · WICG/aom
GitHubPatrick H. Lauke
in reply to Jamie Teh • • •Jamie Teh
in reply to Patrick H. Lauke • • •victor tsaran
in reply to Jamie Teh • • •Steve Faulkner
in reply to victor tsaran • • •@tink. why not use input type=range as the base and use JS to add aria-valuetext to it?
codepen.io/stevef/pen/VYLwvbm
Léonie Watson
in reply to Steve Faulkner • • •I don't think that solves the problem? Least, I can't seem to use it with VO on iOS, which I think was one of the problems mentioned in this thread?
@vick21 @aardrian
Steve Faulkner
in reply to Léonie Watson • • •Steve Faulkner
in reply to Steve Faulkner • • •slider with aria=valuetext
cdpn.iovictor tsaran
in reply to Steve Faulkner • • •Steve Faulkner
in reply to victor tsaran • • •Steve Faulkner
in reply to victor tsaran • • •