Accessibility

Gotchas of Accessibility

Recently, there was a Twitter thread going around asking what accessibility fact you’ve learned recently. I responded with a few, but thought I’d take it a bit further here. I’ve been practicing accessible design for almost ten years now, and there are a lot of gotchas of accessibility I’ve picked up. Design crime – Designing […]

Screen Readers and Image Metadata

If you’ve ever used WordPress (and there’s a pretty good chance you have), you may have noticed that they provide some convenient, albeit confusing, options on ways to add secondary content to your images. So, how do these settings affect screen readers and image metadata? I figured I’d dive into this and other methods of […]

Web Captions 1 – History and Formats

​While compiling a video recently for my company’s design site, I was flagged for forgetting a web captions file. Being both an accessibility advocate and having never created one of these assets before, I did some research and manually crafted one for the minute-long piece. It was fascinating. It’s practically never talked about in the […]

Common animation transitions

A while back when reviewing common animation transitions for pages & elements I compiled a massive list of web-based motion and how I recommend you use them. Remember, using a ‘prefers-reduced-motion’ fallback doesn’t mean you must remove all animation. Reduce X or Y pixel movement and keep transition speeds gentle. Crossfades, color shifts, and blurs […]