@SaraSoueidan@front-end.social
@SaraSoueidan@front-end.social avatar

SaraSoueidan

@SaraSoueidan@front-end.social

Inclusive design engineering and training • HTML, CSS, a11y, progressive enhancement advocate • Eco-minimalist.

This profile is from a federated server and may be incomplete. Browse more on the original instance.

SaraSoueidan, to random
@SaraSoueidan@front-end.social avatar

I have a problem.

Too much content for the talk slot. 😅

I'll need to kill some of my darlings. 🥹

Thank you @aardrian for teaching me this phrase and making it a little easier for me to do. I remember when you told me to kill some of my darlings in one of the course chapters. It was soooo hard 😅 but once I did that, it's somehow become easier afterwards knowing that doing it will improve the result.

SaraSoueidan, to accessibility
@SaraSoueidan@front-end.social avatar

Best intention barriers (ARIA edition)

🔗 https://marcus.io/blog/best-intention-barriers-aria


"Instead of not being aware about the problematic approach the developer chose, they try to improve accessibility but – unbeknownst to them - create new barriers in the first place doing it." @marcus

SaraSoueidan,
@SaraSoueidan@front-end.social avatar

@siblingpastry @marcus I think it's meant to say that ARIA attributes don't add interactive behavior. 🤔

SaraSoueidan,
@SaraSoueidan@front-end.social avatar

@siblingpastry @marcus Good to know! We need to be more specific now that an exception is there 🤦‍♀️

SaraSoueidan, to accessibility
@SaraSoueidan@front-end.social avatar

Friends! It’s Monday. And this week is Global Accessibility Awareness Day ()! You know what that means.

📢 I'm having a GAAD SALE

Starting today, you can get the Practical Accessibility course at 25% OFF 🎁 ⤵️

https://practical-accessibility.today

The sale ends on May 20th. ⏳

SaraSoueidan, to random
@SaraSoueidan@front-end.social avatar

I get the appeal of email newsletters. I really do.

But nothing gives me as much anxiety as sending out an email and then constantly obsessing about whether I made a typo or messed up a link, because I simply can't just edit it like I can with a post on my blog. 😭

SaraSoueidan,
@SaraSoueidan@front-end.social avatar

@marcus I swear I've been having an anxiety attack for like 20 minutes now. 😭 I just sent out an email update for course newsletter subscribers.

Also, all the auto-responders flooding my inbox. Is there like a secret hack people have to deal with this?!

SaraSoueidan, to random
@SaraSoueidan@front-end.social avatar

Friends, what are you using to cross-post your posts across social media platforms?

ppk, to random
@ppk@front-end.social avatar

I'm in the market for a new CLICKER - my old one, which I bought for SxSW 2007, has finally given up the ghost.

Mac/Keynote. Preferably USB-C.

Any tips? Best/worst?

SaraSoueidan,
@SaraSoueidan@front-end.social avatar

@pepelsbey @ppk One more vote for the Logitech Spotlight. 👍

I have both the logitech and the kensignton but find myself using the logitech only for years now.

yatil, (edited ) to random
@yatil@yatil.social avatar

LOL, the neighbor who mowed his lawn on Thursday afternoon is mowing his lawn again Monday morning.

Unrelated question: What’s a good thing you can send to your neighbor anonymously that will become a quiet inside hobby they can obsess over?

SaraSoueidan,
@SaraSoueidan@front-end.social avatar

@yatil Keeping an eye on this thread because remember when I recorded a short video of my neighbor doing the same? Well now they have construction work happening at their house EVERY SINGLE DAY and it's driving me crazy. Every day at 8 am sharp the banging starts. 😭

csscade, to random
@csscade@mastodon.social avatar

Okay, so when making a popover I think the logic should go something like this:

  1. Use title if the content of the popover is just text.

  2. Use the popover attribute if the content is more than plain text and like a menu of options or something.

  3. Use <dialog> if you need to force the user to make a decision or block all other interactions on the page.

https://www.csscade.com/popover-api

SaraSoueidan,
@SaraSoueidan@front-end.social avatar

@csscade Don't use the title attribute. It's not useful for most users and not accessible for many of them. https://www.24a11y.com/2017/the-trials-and-tribulations-of-the-title-attribute/#:~:text=It%20is%20primarily%20displayed%20as,able%20to%20interact%20with%20it.

Using the popover attribute for plain text is good because it provides the interactions needed for all users to toggle and see the text. That's not possible with title.

SaraSoueidan, to random
@SaraSoueidan@front-end.social avatar

Melted cheese is one of life's greatest pleasures.

SaraSoueidan, to random
@SaraSoueidan@front-end.social avatar

@bramus Hey Bramus, do you have an idea when your CSS Cafe presentation video will be published? 🙏🏻

SaraSoueidan,
@SaraSoueidan@front-end.social avatar

@bramus Looking forward to it 👍

SaraSoueidan,
@SaraSoueidan@front-end.social avatar

@bramus excellent! Thank you

SaraSoueidan, to random
@SaraSoueidan@front-end.social avatar

Reading the accessibility posts on CSS-tricks feels like torture. It almost physically hurts. 😣

The amount of misinformation being spread is insane. And the worst part is that the blog's previous popularity is helping spread this misinformation. We seriously need an intervention at this point.

SaraSoueidan,
@SaraSoueidan@front-end.social avatar
SaraSoueidan,
@SaraSoueidan@front-end.social avatar

@OddDev a lot! Especially lots of misinformation in the "top 5 recommendations". Too much to cover in a post. I could write an entire post explaining why the post is wrong. I think @aardrian has covered some of it already

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

Regretfully decided to peer into Twitter and stumbled into a shitpost claiming that you can’t be a real developer if you have to use a framework to use JavaScript.

So people more or less know my view on JS frameworks, I’d prefer not to use them if possible. However there is no way I'm going to be going round gatekeeping the whole ass industry just because you used a lib you're comfortable with.

Get off your high horse and be more welcoming, not exclusionary

SaraSoueidan,
@SaraSoueidan@front-end.social avatar

@DavidDarnes Who do you follow on Twitter? I rarely ever come across these sh*tposts 😅 Sounds like I'm missing out on things (not regrettably though)

simevidas, to random
@simevidas@mastodon.social avatar

When you find a web shop that works without JavaScript, including search, the menu and sub menus, options for filtering and sorting, and even the cart

Teacher saying thank you.

SaraSoueidan,
@SaraSoueidan@front-end.social avatar

@simevidas do you have a link? 🥹

Tallish_Tom, to accessibility
@Tallish_Tom@fosstodon.org avatar

Asking Mastadon.

Can anyone recommend good online resources to learn ? Really am asking for a friend, they would ideally like something structured like a course.

Thanks!

(Apologies for tagging individuals as well, I hope that isn't rude).
@angelikatyborska
@5t3ph
@baldur

SaraSoueidan,
@SaraSoueidan@front-end.social avatar

@konnorrogers @cferdinandi @Tallish_Tom Yay! Thanks Konnor 🙏🏻 I'm still pleasantly surprised to know that my SVG articles are the most visited articles on my blog. 🤯

SaraSoueidan,
@SaraSoueidan@front-end.social avatar

@ollicle @cferdinandi @Tallish_Tom @angelikatyborska @5t3ph @baldur Those are literally the smallest details that I love about the course and the fact that you mentioned them makes my dayyyy 🙈 thank you!!
The semantics chapter was my favorite one to record 🥰

csscade, to random
@csscade@mastodon.social avatar

Did ya know that it’s possible to style an element if it’s overflowing the parent element? I certainly didn’t!

.parent {  
 max-width: 300px;  
}

.child {  
 width: 500px;

 @media@mastodon.social (overflow-inline) {  
 background: yellow;  
 }  
}  

https://www.csscade.com/cool-queries

SaraSoueidan,
@SaraSoueidan@front-end.social avatar

@bramus I'm imagining using this in a CSS debug stylesheet to detect unwanted scrollable containers 🧐 Has anyone done or tried that yet?

SaraSoueidan,
@SaraSoueidan@front-end.social avatar

@bramus I really can't wait for your upcoming course. I need it. 😅

hi_mayank, to random
@hi_mayank@hachyderm.io avatar

the feeds will never end, it's RSS time!

SaraSoueidan,
@SaraSoueidan@front-end.social avatar

@hi_mayank I love RSS but the Inbox filling up so fast is one of the reasons I avoid opening it when I'm anxious or stressed. It's kinda like email in that sense. I get the sense that there's stuff I'm missing out on and they just keep piling up. I even unsubscribed from feeds that post too frequently (that includes Links feeds from many independent authors, and why I also chose not to post links myself).

  • All
  • Subscribed
  • Moderated
  • Favorites
  • anitta
  • InstantRegret
  • magazineikmin
  • Youngstown
  • everett
  • thenastyranch
  • slotface
  • vwfavf
  • mdbf
  • rosin
  • kavyap
  • khanakhh
  • cubers
  • PowerRangers
  • provamag3
  • DreamBathrooms
  • tacticalgear
  • Durango
  • ethstaker
  • osvaldo12
  • ngwrru68w68
  • cisconetworking
  • tester
  • GTA5RPClips
  • normalnudes
  • modclub
  • Leos
  • megavids
  • All magazines