Skip to Main Content
Perplexed Owl Random Ponderings

Benjamin ‘Benilda’ Key:

Range Input Example


This web page contains several different Range Input elements. It is meant to be used for screen reader testing.

Range Input Based Color Picker

The following is a color picker based that uses three Range Input elements to select a RGB color. It is not recommended that this be used in production.

RGB Color Picker

Selected Color

Screen Reader Support

The three major screen readers for Microsoft Windows; JAWS, NVDA, and Microsoft Narrator; all behave more or less the same for all three range inputs. The screen readers will speak the current value but not the minimum and maximum value for the Red range input and the Green range input. The screen readers will speak the value of the aria-valuetext attribute for the Blue range input.

Vertical Range Input

The following is a vertical range input.

Back to top