Sara Soueidan
@sarasoueidan.com
🇱🇧 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 https://www.sarasoueidan.com/newsletter
#HTML #SVG #CSS #a11y
• Blog https://sarasoueidan.com
• Newsletter https://www.sarasoueidan.com/newsletter
I want a dot-pizza (.pizza) domain name
but then I also need a project that would need a dot-pizza domain name 🍕
but then I also need a project that would need a dot-pizza domain name 🍕
February 9, 2026 at 1:10 PM
I want a dot-pizza (.pizza) domain name
but then I also need a project that would need a dot-pizza domain name 🍕
but then I also need a project that would need a dot-pizza domain name 🍕
Reposted by Sara Soueidan
corner-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...
But, as @cassidoo.co looks at here, it's going to open up a lot of possibilities 🙂 cassidoo.co/post/css-cor...
Making interesting borders with CSS corner-shape
You can make cool beveled, rounded, notched, scooped, and elliptical borders with the new CSS corner-shape property!
cassidoo.co
February 5, 2026 at 12:49 PM
corner-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...
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 Soueidan
Good news everyone: Style queries are coming to Firefox, making them finally Baseline!
February 5, 2026 at 4:45 PM
Good 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
— The New Inclusive Design website from Microsoft inclusive.microsoft.design
Microsoft Inclusive Design
Microsoft Inclusive Design is a practice that anyone who creates and manages products and services can use to build more inclusive experiences for everyone. Get the principles, guidebooks, workshop to...
inclusive.microsoft.design
February 5, 2026 at 8:32 AM
"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
— 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
"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/
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/
Microsoft Inclusive Design
Microsoft Inclusive Design is a practice that anyone who creates and manages products and services can use to build more inclusive experiences for everyone. Get the principles, guidebooks, workshop to...
inclusive.microsoft.design
February 5, 2026 at 8:20 AM
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
"a lot is going on right now" is precisely why we want more posts like this
#a11y
Reposted by Sara Soueidan
Look who is back. And we can’t be more excited!
🌷 smashingconf.com/amsterdam-2026
🌷 smashingconf.com/amsterdam-2026
February 5, 2026 at 4:52 AM
Look who is back. And we can’t be more excited!
🌷 smashingconf.com/amsterdam-2026
🌷 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!
Speaking of which! Yes, I'll be returning to SmashingConf this year ✨ Details coming soon!
February 4, 2026 at 2:36 PM
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!
Speaking of which! Yes, I'll be returning to SmashingConf this year ✨ Details coming soon!
Reposted by Sara Soueidan
this very aptly applies to developer tools as well
January 30, 2026 at 5:20 PM
this 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?
What's everyone doing to dilute and/or filter topics on Bluesky?
January 29, 2026 at 6:58 PM
Lots of US politics in my timeline recently.
What's everyone doing to dilute and/or filter topics on Bluesky?
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.
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.
January 29, 2026 at 6:51 PM
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.
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!! 🎉🥳
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!! 🎉🥳
🎉 Live from the CSS WG F2F: We just agreed to support multiple borders and outlines per element, comma-separated!
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
(it needs to be the same across borders and outlines or different box-sizing values)
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
(it needs to be the same across borders and outlines or different box-sizing values)
January 29, 2026 at 4:37 AM
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!! 🎉🥳
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!! 🎉🥳
Reposted by Sara Soueidan
Here'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
Before and after profile of server switching after some selector optimizations in @discord.com
January 27, 2026 at 4:41 PM
Here'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
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 🙏🏻
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?
Should I take this as a sign to look for alternatives? Got any recommendations?
January 26, 2026 at 5:14 PM
My account bas been unsuspended.
Thank you to whoever is responsible 🙏🏻
Thank you to whoever is responsible 🙏🏻
Reposted by Sara Soueidan
This is a great post about SVG's `feTurbulence` and other SVG filters, @sarasoueidan.com. Thanks a lot!
tympanus.net/codrops/2019...
tympanus.net/codrops/2019...
SVG Filter Effects: Creating Texture with <feTurbulence> | Codrops
feTurbulence is one of the most powerful SVG filter primitives. The specification defines this primitive as follows: Thi
tympanus.net
January 24, 2026 at 8:37 AM
This is a great post about SVG's `feTurbulence` and other SVG filters, @sarasoueidan.com. Thanks a lot!
tympanus.net/codrops/2019...
tympanus.net/codrops/2019...
Reposted by Sara Soueidan
It’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.
There is no property named `grid-lanes` (as in grid-lanes: repeat(4, 200px)). There is no `masonry-direction` property. Or `masonry` anything.
January 23, 2026 at 10:08 PM
It’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.
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?
Should I take this as a sign to look for alternatives? Got any recommendations?
January 23, 2026 at 3:59 PM
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?
Should I take this as a sign to look for alternatives? Got any recommendations?
Reposted by Sara Soueidan
Is there a way to detect if the scrollbar gutter is present or absent? There is no media/container query, I believe, and I thought those newfangled svw units would help, but they don''t.
January 23, 2026 at 12:51 PM
Is there a way to detect if the scrollbar gutter is present or absent? There is no media/container query, I believe, and I thought those newfangled svw units would help, but they don''t.
I have a good use case for the new #CSS grid-lanes / masonry layout. ✨
I've been thinking about a horizontal masonry layout for a list of images and this is the perfect opportunity to play with the new property values and use them as an enhancement.
Will report back with thoughts/findings/etc.
I've been thinking about a horizontal masonry layout for a list of images and this is the perfect opportunity to play with the new property values and use them as an enhancement.
Will report back with thoughts/findings/etc.
January 23, 2026 at 1:28 PM
I have a good use case for the new #CSS grid-lanes / masonry layout. ✨
I've been thinking about a horizontal masonry layout for a list of images and this is the perfect opportunity to play with the new property values and use them as an enhancement.
Will report back with thoughts/findings/etc.
I've been thinking about a horizontal masonry layout for a list of images and this is the perfect opportunity to play with the new property values and use them as an enhancement.
Will report back with thoughts/findings/etc.
Behold—I am taking my planks and pushups to the Next Level™️.
Excited to see how long I can hold a plank with the instability plates attached. 😃
Excited to see how long I can hold a plank with the instability plates attached. 😃
January 23, 2026 at 1:17 PM
Behold—I am taking my planks and pushups to the Next Level™️.
Excited to see how long I can hold a plank with the instability plates attached. 😃
Excited to see how long I can hold a plank with the instability plates attached. 😃
Reposted by Sara Soueidan
Proud to announce TechConf.Directory, a directory of tech conferences around the globe.
I've found it quite difficult to find conferences. That is true no more!
I've made all the data fully open and available via a fully queryable API as well.
techconf.directory
#Conferences #Tech #Programming
I've found it quite difficult to find conferences. That is true no more!
I've made all the data fully open and available via a fully queryable API as well.
techconf.directory
#Conferences #Tech #Programming
TechConf.Directory - An index of technology conferences and speakers
TechConf.Directory lists technology conferences of all varieties and technology speakers. You can filter and explore a range of conferences to find what suits you and your criteria. You can also disco...
techconf.directory
January 20, 2026 at 11:51 AM
Proud to announce TechConf.Directory, a directory of tech conferences around the globe.
I've found it quite difficult to find conferences. That is true no more!
I've made all the data fully open and available via a fully queryable API as well.
techconf.directory
#Conferences #Tech #Programming
I've found it quite difficult to find conferences. That is true no more!
I've made all the data fully open and available via a fully queryable API as well.
techconf.directory
#Conferences #Tech #Programming
Reposted by Sara Soueidan
And of course Open AI would be sharing their profits with all the people whose data they 'trained' on
OpenAI has absolutely zero ideas. They have no business. This is not a real business line and it’s so utterly vague and specious, I’m shocked at the credulousness to just print it without saying “there is no logical way this works of course” or talking about how the CFO of OpenAI is saying nonsense
January 20, 2026 at 9:58 AM
And of course Open AI would be sharing their profits with all the people whose data they 'trained' on
Alright, let's go! 📢
For the past few years, I've had to decline many in-person speaking invitations; not because I didn't want them, but because circumstances (some personal, some outside of my control) didn't allow it.
For the past few years, I've had to decline many in-person speaking invitations; not because I didn't want them, but because circumstances (some personal, some outside of my control) didn't allow it.
January 20, 2026 at 10:45 AM
Alright, let's go! 📢
For the past few years, I've had to decline many in-person speaking invitations; not because I didn't want them, but because circumstances (some personal, some outside of my control) didn't allow it.
For the past few years, I've had to decline many in-person speaking invitations; not because I didn't want them, but because circumstances (some personal, some outside of my control) didn't allow it.
Officially in the process of moving my accessibility course videos away from Vimeo... and switching to AblePlayer as the video player for the chapters.
Looking at my internet speed this will take a while 🥲 but it's going to be worth it.
Looking at my internet speed this will take a while 🥲 but it's going to be worth it.
January 20, 2026 at 8:52 AM
Officially in the process of moving my accessibility course videos away from Vimeo... and switching to AblePlayer as the video player for the chapters.
Looking at my internet speed this will take a while 🥲 but it's going to be worth it.
Looking at my internet speed this will take a while 🥲 but it's going to be worth it.
Reposted by Sara Soueidan
AI captions do not conform to #WCAG they usually require a lot of work to make them usable
The highest-risk areas for real harm are: (1) named entities/numbers, (2) multi-speaker attribution, (3) timing/readability, and (4) hallucinated “corrections.”
#deaf #multimedia #justsayin #a11y
The highest-risk areas for real harm are: (1) named entities/numbers, (2) multi-speaker attribution, (3) timing/readability, and (4) hallucinated “corrections.”
#deaf #multimedia #justsayin #a11y
January 19, 2026 at 1:38 PM
AI captions do not conform to #WCAG they usually require a lot of work to make them usable
The highest-risk areas for real harm are: (1) named entities/numbers, (2) multi-speaker attribution, (3) timing/readability, and (4) hallucinated “corrections.”
#deaf #multimedia #justsayin #a11y
The highest-risk areas for real harm are: (1) named entities/numbers, (2) multi-speaker attribution, (3) timing/readability, and (4) hallucinated “corrections.”
#deaf #multimedia #justsayin #a11y