Accessibility, Page 3

Website speed and performance are a question of equity. Fast and lightweight sites mean that everyone can access your content equally. It’s not only an economic imperative; it’s a moral imperative.

Our accessibility best practices have changed a lot in recent years, which we're reflecting in the next version of our design system.

If you’ve ever tried to use a CSS transition on an element with the hidden attribute or display: none;, you know this can be a challenge. I’ve run into this problem a number of times…

A technique for overcoming touch target size and content clipping issues with pill-shaped and circular buttons.

Our techniques evolve with each new project, and SVG icons are no exception!

When I first started learning web development I thought hiding content was simple: slap display: none; onto your hidden element and call it a day. Since then I’ve learned about screen readers, ARIA attributes,…

From 2008 through 2010 I taught Internet Typography and Web Standards courses part-time at a local art school. One of my goals was to balance students’ understanding of the web’s constraints with its potential. Too…

Incorporating contrast checks into our process has fundamentally changed the way we approach color in our design systems.

Update (July 2019): Our process has changed quite a bit since this article was written. Check out our latest update! When I wrote about why you shouldn’t use icon fonts in your next…