Creating an Accessible Range Slider with CSS
Publikováno: 7.5.2020
The accessibility trick is using <input type="range"> and wrestling it into shape with CSS rather than giving up and re-building it with divs or whatever and later forget about accessibility.
The most clever example uses an angled linear-gradient background making the input look like a volume slider where left = low and right = high.
CodePen Embed Fallback
Direct Link to Article — Permalink… Read article “Creating an Accessible Range Slider with CSS”
The post Creating an Accessible Range Slider with CSS appeared first on CSS-Tricks.
The accessibility trick is using <input type="range"> and wrestling it into shape with CSS rather than giving up and re-building it with divs or whatever and later forget about accessibility.
The most clever example uses an angled linear-gradient background making the input look like a volume slider where left = low and right = high.
Direct Link to Article — Permalink
The post Creating an Accessible Range Slider with CSS appeared first on CSS-Tricks.