> All in One 586: Creating an Accessible Range Slider with CSS

Ads

Thursday, May 7, 2020

Creating an Accessible Range Slider with CSS

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 ArticlePermalink

The post Creating an Accessible Range Slider with CSS appeared first on CSS-Tricks.



from CSS-Tricks https://ift.tt/2xis509
via IFTTT

No comments:

Post a Comment

Mostly Clear today!

With a high of F and a low of 15F. Currently, it's 22F and Clear outside. Current wind speeds: 8 from the Southwest Pollen: 0 Su...