Sara Soueidan
🇱🇧 UI engineer, speaker/author/educator specializing in web accessibility • Creator of Practical Accessibility https://practical-accessibility.today
#HTML #SVG #CSS #a11y
• Blog https://sarasoueidan.com
• Newsletter sarasoueidan.com/newsletter
- Reposted by Sara Soueidancorner-shape is one of those things where when you first see it, it's like "oh cool, I can make a scoop!" It's something new, which is fun, but it can be hard to think of good use cases. But, as @cassidoo.co looks at here, it's going to open up a lot of possibilities 🙂 cassidoo.co/post/css-cor...
- Reposted by Sara SoueidanGood news everyone: Style queries are coming to Firefox, making them finally Baseline!
- "Exclusion happens when we solve problems using our own biases. We seek out exclusions, and use them as opportunities to create new and better experiences." ♥️ — The New Inclusive Design website from Microsoft inclusive.microsoft.design
- I've looked for something like this to reference every time I've used the inclusive design graphics from Microsoft before. So glad this exists now! 🙌🏻 ✨ "a lot is going on right now" is precisely why we want more posts like this #a11y
- So I know a lot is going on right now, but I do want to share this: I’m excited to share the launch of the new Microsoft Inclusive Design website 💙 This project is my love letter to the community and practice that’s shaped my work for nearly a decade. inclusive.microsoft.design 1/
- Reposted by Sara SoueidanLook who is back. And we can’t be more excited! 🌷 smashingconf.com/amsterdam-2026
- Going through a visa application form I paused halfway to record the screen as I inspect a button used in a disclosure widget & I ended up with a good example to show in my upcoming workshop @smashingconf.com Speaking of which! Yes, I'll be returning to SmashingConf this year ✨ Details coming soon!
- Going through a visa application form I paused halfway to record the screen as I inspect a button used in a disclosure widget & I ended up with a good example to show in my upcoming workshop @smashingconf.com Speaking of which! Yes, I'll be returning to SmashingConf this year ✨ Details coming soon!
- Reposted by Sara Soueidanthis very aptly applies to developer tools as well
- Lots of US politics in my timeline recently. What's everyone doing to dilute and/or filter topics on Bluesky?
- Plank update: I haven't planked in almost 10 days. I used the instability plates today: I stopped at 7 minutes because it was enough for a start. They didn't make the plank more challenging though. I thought they'd allow my wrists to rest but instead they strained them more.
- We'll be getting multiple outlines in #CSS!! Multiple outlines means no more hacking our way around accessible and creative outline styles with box-shadows that aren't rendered in forced-colors mode! 🙌 Finally!! This is such great news!! 🎉🥳
- Read this to learn about using outlines to create accessible keyboard focus indicators and why it's a big deal: www.sarasoueidan.com/blog/focus-i... #CSS #a11y
- Reposted by Sara SoueidanHere's your friendly reminder that CSS selectors are global and evaluated RTL, so if you have selectors that are very broad like `.container > div` you might be impacting performance in a measurable way 🙈 Before and after profile of server switching after some selector optimizations in @discord.com
- My account bas been unsuspended. Thank you to whoever is responsible 🙏🏻
- I've been experimenting with @bunny.net as my video hosting platform (to replace Vimeo) for a couple of days. I was away all day and just logged back into my account only to be presented with this screen. :) Should I take this as a sign to look for alternatives? Got any recommendations?
- Reposted by Sara SoueidanThis is a great post about SVG's `feTurbulence` and other SVG filters, @sarasoueidan.com. Thanks a lot! tympanus.net/codrops/2019...
- Reposted by Sara SoueidanIt’s wild to me just how much wrong information there is out there (written by humans in the later half of 2025) about using CSS to create masonry layouts. There is no property named `grid-lanes` (as in grid-lanes: repeat(4, 200px)). There is no `masonry-direction` property. Or `masonry` anything.
- I've been experimenting with @bunny.net as my video hosting platform (to replace Vimeo) for a couple of days. I was away all day and just logged back into my account only to be presented with this screen. :) Should I take this as a sign to look for alternatives? Got any recommendations?
- I must say I am offended by this screen. 🙃