DEV Community

Alessia
Alessia

Posted on • Edited on

Design Pattern - Slider (Weirdness regarding Voiceover & NVDA)

Design Pattern - Slider

Version

  • VoiceOver Utility: Version 9 (562.860) on macOS Mojave Version 10.14.6
  • NonVisual Desktop Access(NVDA): Version 2020.3

Weirdness
When using arrow keys to change the value of the slider by one step, if the value of aria-valuenow is something like 0.56 (between 0 and 1), Voiceover will only read out 0.5 at the first change then stop announcing anything regardless of the value change, while NVDA will read out 0.560...001 or something similar (more decimal places out of nowhere).

If the value of aria-valuenow is 1.3 (one decimal place) or integer, Voiceover can work as expected (announce the value as it is). NVDA is still acting weirdly with value having one decimal place.

Conclusion
Better use integer for aria-valuetext or aria-valuenow.

Known Inconsistent Behaviour
VoiceOver will read out current status at first while NVDA will do at last (eg. voiceOver: aria-valuetext or aria-valuenow, aria-label; NVDA: aria-label, aria-valuetext or aria-valuenow)

Top comments (0)