Sara Soueidan — UI developer
Sara Soueidan — Inclusive web UI engineer and accessibility educator
In depth articles on CSS, SVG, accessibility, and frontend craft.
sarasoueidan.com/blogWhile abstractions are often convenient for us developers, this convenience must not be delivered to us at the cost of user experience and accessibility.
Sara's posts are the kind developers bookmark and return to for years. She started as one of the web's foremost SVG educators and has become one of its most rigorous accessibility voices — testing every claim herself across browsers and screen readers before publishing. Each piece is exhaustive and carefully researched, bridging CSS and accessibility as a single craft rather than separate disciplines.
Written by Sara Soueidan since 2013.
Occasional
Publishes a few times per month
15
Independent Blog
English
How this blog's content is accessed through Blogs Are Back.
Full Content
RSS feed includes complete post content for reading in-app
Proxy Required
Feed is fetched through our proxy for browser compatibility
Proxy Post Links
Post pages are loaded through our proxy for compatibility
Embeddable
Posts can be displayed inline in the reader view
This blog appears in the following curated collections.
Recent posts from Sara Soueidan — UI developer's RSS feed.
CSS to speech: alternative text for CSS-generated content
This is the first in a series of articles I'm naming "Effortless Accessibility", in which I will share actionable tips on HTML and CSS features (existing and new/cutting edge!) that you can use to improve the accessibility and usability of your websites and web applications with little to no effort. --> Changelog Despite the fact that Chrome exposes the alt text of a CSS image as part of the accessible name of the element it is used on, James Scholes shared that the alt text is not announc...
🎥 New (Video) Podcast: "Navigating the World of Web Accessibility with Sara Soueidan", with Kevin Powell
Kevin and I been planning this podcast for months and our schedules finally aligned and we made it happen. We originally planned to chat for a bit… but we had so much fun that almost two hours flew by without us noticing 😅 We covered: Defining web accessibility and why it matters How we each became more aware of it (our accessibility origin stories) Raising awareness and addressing common pushback by debunking accessibility myths HTML semantics and ARIA Screen readers and the accessibility tre...
CSS-only scrollspy effect using scroll-marker-group and :target-current
✨ This post is sponsored by everyone who has bought my Practical Accessibility course. ✨ The Bootstrap Scrollspy—now commonly known as just “Scrollspy”—is a feature that automatically updates navigation links based on the user’s scroll position to indicate which link is currently active in the viewport. It is popular because it aims to enhance the user experience by providing visual cues about which part of the content is currently being viewed. Sorry, your browser doesn't support emb...
Are 'CSS Carousels' accessible?
Hello </script> document.body.appendChild(document.createTextNode("World!")) ✨ This post is sponsored by everyone who has bought my Practical Accessibility course. ✨ “CSS Carousels” were formally introduced a few weeks ago in an article on the Chrome for developers blog, and quite a few people have shared the excitement since then. When I first heard of them I was very reluctant to jump on the bandwagon of excitement. I will also admit that there was even a small pa...
Tag, You're It
Why did you start blogging in the first place? I started blogging when I was still learning front-end development—specifically CSS—back in 2012. I was learning a lot and writing what I was learning as a way to organize my thoughts and solidify my learnings, and at some point I realized that my notes can help others learn and understand the same. So, I created my blog a few months later in order to share my knowledge with the community. I love writing and I love teaching, and I found blogging to...
If you enjoy Sara Soueidan — UI developer, you might also like these blogs.
Andy Bell
bell.bzCSS expert and design systems advocate focused on progressive enhancement.
Nic Chan
nicchan.meThe personal blog of Nic Chan, a front-end web developer.
Ethan Marcotte
ethanmarcotte.comResponsive web design (coined the term), accessibility, web standards.
Matthias Ott
matthiasott.comWhere Matthias writes about design, development, CSS, and the open web.
Follow Sara Soueidan — UI developer
If you want to build interfaces that actually work for everyone — and understand why the details matter — Sara's blog is where you learn how.