Accessibility

Guest post “Accessible Design Systems” now live

Entry categories Accessibility • Guest post

I was honored to write on “Design Systems for Figma” recently. In the article, I explain some of the ways we tackled accessibilty in Pega’s latest design system Cosmos. I hope the article is as fun for you to read as it was for me to write! Read “Accessible Design Systems: Look Good While Doing […]

Screen Readers and Image Metadata

Entry categories Accessibility

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

Entry categories Accessibility

​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 […]

Respect Font Preferences 2 – REM Isn’t the Answer

Entry categories Accessibility • Design

In part 1 of Respecting Font Preferences, I discussed how in almost every major browser, users have the option to adjust the font family and sizes of their fonts to meet their unique needs. However, just because one font family is set to an equivalent of 16 pixels (the common default), does not mean another […]

Common animation transitions

Entry categories Accessibility • Design

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 […]

Screen-reader-friendly Emojis

Entry categories Accessibility

Emojis. Love them or hate them, they’re part of our online experience. Well for most of us. I was recently messing around with these fun little pictograms and thought “Hey. What do they sound like to a screen reader? Is it possible to make screen-reader-friendly emojis?” Unsurprisingly, the support for readback was very patchy. Testing […]