GeistHaus
log in · sign up

Inclusively Hiding & Styling Checkboxes and Radio Buttons

sarasoueidan.com

— The personal website of Sara Soueidan, inclusive Web UI engineer

11 pages link to this URL
What I learned by creating a dark mode toggle

The short answer is: quite a lot. The long answer covers some accessibility issues, some new CSS, some slightly older CSS, some high level colour theory, a bit about SVGs, and some typography finessing; all of which I’ll cover in this post.

1 inbound link article en
The Web Needs a Native .visually-hidden

For years, developers have passed around a set of styles like a magic incantation. It’s time we made it a web standard.

13 inbound links article en CSSa11yscreen readerscreenreadersr-onlyvisually-hiddenHTMLaccessibilityaccessibleweb developmentweb devstyleshidehiddenassistive technologyscreen-reader-textelement-invisibledisplayfrontendspecsstandardsW3C
A Complete Guide To Accessible Front-End Components — Smashing Magazine

In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered CSS Auditing Tools and CSS Generators, and this time we look into reliable accessible components: from tabs and tables to toggles and tooltips. We sincerely hope that these tools and techniques will prove to be useful in your day-to-day work — and most importantly help you avoid some time-consuming, routine tasks.

9 inbound links article en ToolsAccessibilityCSSJavaScriptBest PracticesRound-Ups ToolsAccessibilityCSSJavaScriptBest PracticesRound-Ups