Hi, I’m Sara. Welcome to my online studio.

I'm an independent web UI engineer, author, speaker, and educator. I specialize in inclusive design implementation, and I teach designers and developers how to create inclusive web user interfaces, with a strong focus on accessibility.

Learn web accessibility with my Practical Accessibility course

Practical Accessibility is a self-paced, get-right-down-to-it video course designed to demystify web accessibility and equip you with the knowledge you need to create more accessible websites and web applications today.

The course is now open for enrollment!

A short introduction to the Practical Accessibility course

Insights into my work

On my blog, I share insights into the kind of work I do, the principles that guide it, and strategies that I use. There you will find project case studies, tutorials, guides, and articles on all things front-end design engineering.

Featured articles


Accessible notifications with ARIA Live Regions (Part 2)

This post is a text-only excerpt from my Practical Accessibility video course. I'm making this chapter (out of 38 total) publicly available simply because I want an extensive guide to ARIA live regions to be publicly available to everyone in the community. This chapter is also one of the longest chapters in the course, and so I think it is a great preview into the level of depth that each topic is covered in the course. You can enroll in the course or learn more about it on the course website.

Accessible notifications with ARIA Live Regions (Part 1)

This post is a text-only excerpt from my Practical Accessibility video course. I'm making this chapter (out of 38 total) publicly available simply because I want an extensive guide to ARIA live regions to be publicly available to everyone in the community. This chapter is also one of the longest chapters in the course, and so I think it is a great preview into the level of depth that each topic is covered in the course. You can enroll in the course or learn more about it on the course website.

A guide to designing accessible, WCAG-conformant focus indicators

This post is a modified, text-only excerpt from my Practical Accessibility video course. I wanted to share this guide to designing accessible focus indicators because focus styles are a recurring discussion I have with designers I work with on most projects, so I thought it would be useful to provide this guide as a helpful reference. This guide is aimed at both designers who want to learn about accessibility considerations for designing focus indicators, as well as developers who want to implement them.

Not Your Typical Horizontal Rules

The HTML <hr> element adds a horizontal rule (or line) wherever you place it. A horizontal rule is used to provide a visual break and divide content. Like other HTML elements, horizontal rules can be styled using CSS (and SVG). This means that they don’t have to look like boring, plain horizontal lines. You can get a little creative with them, adding a nice little personal touch to your content and designs.

Browse all articles

Real. Simple. Syndication.

Get my latest content in your favorite RSS reader. (What is RSS?)

Follow me on X (formerly Twitter)