On compliance vs readability: Generating text colors with CSS • Lea Verou
:focus-visible-within, the missing pseudo-class
Taking a closer look at the CSS focus pseudo-classes and exploring the differences between them to find out how you can style elements the way you want in all scenarios.
Re-evaluating px vs em in Media Queries
We used to say ems were the best unit to use in media queries.
Is that still the case in 2023?
codedisplay: contents/code considered harmful
Don’t use custom CSS scrollbars
While a custom CSS scrollbar may seem flashy and fun, consider that it may present a significant, unnecessary barrier to access…
A Responsive Accessible Table
Painfully slow demonstration of the example table resizing and different media queries kicking in. After writing (again) that it is ok to use tables, and after providing quick examples of responsive tables, I received questions about why I used some of the code I did. I am going to attempt…
Building an accessible theme picker with HTML, CSS and JavaScript. by Sarah L. Fossheim
In this tutorial, we’ll use HTML, CSS, and vanilla JavaScript to add an accessible theme picker component to a website.
CSS-only Widgets Are Inaccessible
Usually. I originally titled this InacCSS-onlyible. I even made this typographically, er, distinct image. Then I realized it was silly and will instead use the neologism in a talk so I can hear the groans IRL. Interactive widgets powered with only CSS are relatively common as people are playing with…
Huetone • Make colors accessible