> 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

What’s !important #15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More

Similar to last time , What’s !important #15 is pretty stacked — read all about boundary-aware CSS, making grid lanes accessible, creating...