David Gilbertson:
Removing the focus outline is like removing the wheelchair ramp from a school because it doesn’t fit in with the aesthetic.
So David shows how you can remove it unless you detect that the user is tabbing, then …
Activities to help you develop empathy for the variety of people that use your thing. Eric Bailey:
…This project is geared towards anyone involved with making digital products. It is my hope that this reaches both:
- People who are not
Here’s a question I got the other day?
…Would you suggest icon fonts or inline SVGs for a complex single page application? And are there specific accessibility concerns for either? Accessibility is especially important for us because schools use our
Let’s talk about state. Communicating state to the user that is, not application stores state in JavaScript objects, or localStorage. We’re going to be talking about how to let our users know about state (think: whether a button is …
It started with seeing a recent Pen of Mandy Michael’s text effects demos. I’m a very visual creature, so the first thing I noticed was the effect, not the title (which clearly states how the effect was achieved). Instantly, …
A month ago I explored the importance of relying on Interaction Media Features to identify the user’s ability to hover over elements or to detect the accuracy of their pointing device, meaning a fine pointer like a mouse or a …
Last month, Heather Migliorisi looked at the accessibility of Smooth Scrolling. In order to do smooth scrolling, you:
We posted not long ago about the difference between native CSS variables (custom properties) and preprocessor variables. There are a few esoteric things preprocessor variables can do that native variables cannot, but for the most part, native variables can do …
Smooth scrolling (the animated change of position within the viewport from the originating link to the destination anchor) can be a nice interaction detail added to a site, giving a polished feel to the experience. If you don’t believe me, …
Heydon Pickering with a new project:
A blog trying to be a pattern library. Each post explores the design of a robust, accessible interface component.
Just one post so far on Toggle Buttons, but it’s a doozy.…
The speak property in CSS is for specifying if a browser should speak the content it reads, such as through a screen reader.
.module {
speak: never;
speak-as: spell-out;
}