2026-04-20T02:29:57Z https://yabu.me Sara Soueidan https://yabu.me/npub1247ldr5f8rlwqqwlmedstg7tcxrtcvv4zxkute4wpqw95jxfd4sqsuzzvh https://cdn.masto.host/frontendsocial/accounts/avatars/109/289/623/322/834/700/original/6038708fec80032d.png https://cdn.masto.host/frontendsocial/accounts/avatars/109/289/623/322/834/700/original/6038708fec80032d.png https://yabu.me/nevent1qqsr34tgg6268nvs92my4ckkqkp6e2un4lnyqurrn2gcxlzltuduhlqzyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkqwwmkzy Hey Masto friends,<br/><br/>What UI patterns do you find the most complex or challenging to build or implement accessibly? 2026-02-15T16:35:51Z https://yabu.me/nevent1qqsd5fcn6jq9lkp36xmcy3qvzpkflq769yl6gv4k8fzceu8kp7h2zzqzyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkq7hklca Today is the LAST DAY of my Black Friday sale! ⌛️ <br/><br/>If you&#39;ve been thinking about grabbing access to the Practical Accessibility course, now&#39;s the time to do it 👇🏻<br/><br/>30% off expires tomorrow: <a href="https://practical-accessibility.today">https://practical-accessibility.today</a> 2025-12-03T07:20:31Z https://yabu.me/nevent1qqspwpydk4mxpstgpagc6h6gmzau4hp0rp77nk8zuwfhrqaf8cd46fgzyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkq33c3ed Thank you for writing this <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/npub1he7dskfxg8pr4h97kqeckp8qfug5rwwl5vhghh36n0fpk5lxrhxqtammdk" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>Adrian Roselli, pH0</span> (<span class="italic">npub1he7…mmdk</span>)</a></span> 🫶🏻 <br/><br/><a href="https://adrianroselli.com/2025/12/you-cant-make-something-accessible-to-everyone.html">https://adrianroselli.com/2025/12/you-cant-make-something-accessible-to-everyone.html</a><br/><br/>There&#39;s a short story of frustration and comfort behind this post. A friendly discussion led to a writeup by Adrian, and I will follow up later with a little more about the backstory as I know it can bring some much-needed comfort to many people getting into or already working in #a11y 2025-12-03T07:15:38Z https://yabu.me/nevent1qqsv5fcnz4qjm09ghcw387d0hlglgtm4lryruxndtnxwc4n6kyvk6aczyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkqgaw5zw 📣 Hear hear! The biggest savings on the Practical Accessibility course start *today*—for a limited time only. <br/><br/>Starting today, you can get the course for 30% off — that&#39;s $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.<br/><br/>This is *the biggest sale* since I opened early access to the course 2 years ago. <br/><br/><a href="https://practical-accessibility.today/">https://practical-accessibility.today/</a> 2025-11-20T14:59:37Z https://yabu.me/nevent1qqsqn3ufpk00p3h39th2ys0hx2v2pa5xex8eqq8c9qql8tucvauud8qzyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkqddh2qp In reply to <a href='/nevent1qqsxlz6k6gvzpmtwp3r9csj7dawkmhd2xfgdkwp9kj5y3ccva0ddp7ckj5wlq'>nevent1q…5wlq</a><br/>_________________________<br/><br/>Not one AI tool is more valuable than you acquiring knowledge and learning how to use it. <br/><br/>Not to mention that AI isn&#39;t following the latest discussions happening in the field, nor is it keeping up with the latest updates and additions to the specs. You&#39;ll only be able to get this kind of insight from people like you who _are_ following and staying on top of things on a daily basis. <br/><br/>Thank you for coming to my TED talk. 😃 2025-09-21T05:11:55Z https://yabu.me/nevent1qqsxlz6k6gvzpmtwp3r9csj7dawkmhd2xfgdkwp9kj5y3ccva0ddp7czyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkq5k2n57 In reply to <a href='/nevent1qqspf4kkyl2ew6trj4mmca5z5aye9j05k6nwljh9nx2rpdxnpyge95c29zldc'>nevent1q…zldc</a><br/>_________________________<br/><br/>It said adding decorative images in CSS is fine (without alt text) and recommended using HTML instead. This is only partially true.<br/><br/>So there you have it. If you&#39;re wanting to learn *proper* HTML, CSS, and accessibility, prefer learning from a human. AI is not going to teach you all you need to know. 2025-09-21T05:11:40Z https://yabu.me/nevent1qqspf4kkyl2ew6trj4mmca5z5aye9j05k6nwljh9nx2rpdxnpyge95czyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkq3nchuf In reply to <a href='/nevent1qqsqkcgtfgtjhqpcxgh6mkxsrrfufpqm8dtmsft656fz6x2x7dnznmsxznfvs'>nevent1q…nfvs</a><br/>_________________________<br/><br/>It told me that that&#39;s not possible and that&#39;s one of the limitations of CSS images.<br/><br/>I gave it a hint and asked it specifically about providing alternative text for CSS images added using the `content` property. (At this point I thought it would just search the web and find my latest blog post about the topic and use it to answer my question.)<br/><br/>Once again it confidently said that it&#39;s not possible to provide alternative text for CSS images. 😃 2025-09-21T05:11:28Z https://yabu.me/nevent1qqsqkcgtfgtjhqpcxgh6mkxsrrfufpqm8dtmsft656fz6x2x7dnznmszyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkqpeae24 Every once in a while I like to test ChatGPT&#39;s knowledge. You know, just to see how well it&#39;s keeping up with updates in the field and how correct and trustworthy its information is. (Spoiler: it&#39;s not.)<br/><br/>Despite sounding extremely confident and like it &#34;knows&#34; what it&#39;s saying, it turns out it doesn&#39;t. (Shocking, I know!)<br/><br/>The latest example I tried is I asked it how you can provide alternative text for CSS generated images... 2025-09-21T05:11:02Z https://yabu.me/nevent1qqsrnhsjjlzn5n8fsgppzuqnf0c9wyp2gg8phcdpm8ss2xdgd8nc29qzyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkqak34ms #TIL from <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/npub130l4a0flfpzvlfdzecxuakyyl272vasdv352l33ez2q4rukjawpqddn5e6" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>Jen Simmons</span> (<span class="italic">npub130l…n5e6</span>)</a></span> over on Bluesky that the `leading-trim` property was renamed to `text-box`—a shorthand for `text-box-trim` (not to be confused with `margin-trim`) and `text-box-edge`<br/><br/>`text-box` does sound more descriptive when you remember that every element in CSS is a box. 📦<br/><br/>#CSS 2025-08-24T06:36:28Z https://yabu.me/nevent1qqsr6x256zc6y6ldsudz9cjcv9skq7vulc6aa0j8gwuasg5llgfucxqzyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkq8ak0wg Friends, this is a veeeery long shot but does anyone know if and where I can acquire paper copies of net magazine? I know it&#39;s been out of print for years, but I&#39;m wondering if it might still be possible to get a copy of two or three of its issues from 10 years ago. 🥹<br/><br/>I can share the titles/months of the specific issues I&#39;m after if that helps. 2025-08-19T05:41:40Z https://yabu.me/nevent1qqswqzna2s3rm68lzu34d6686q5quvsk8dk2v20auevu5tppvr9d95szyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkq8425fy In reply to <a href='/nevent1qqsw6hzhkzzzsl3ysv7a5wxpzmqk5a2kz0yy2quwha9c8z2wvat8u3q4329pd'>nevent1q…29pd</a><br/>_________________________<br/><br/>This post is directly related to the concept of ‘CSS Carousels’ which I discussed in a previous article: <a href="https://www.sarasoueidan.com/blog/css-carousels-accessibility/">https://www.sarasoueidan.com/blog/css-carousels-accessibility/</a><br/><br/>I recommend reading the previous article (if you haven&#39;t yet) for additional background and context around the concept of scroll markers. 2025-08-18T13:29:13Z https://yabu.me/nevent1qqsw6hzhkzzzsl3ysv7a5wxpzmqk5a2kz0yy2quwha9c8z2wvat8u3qzyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkq2tky6v New on the blog:<br/><br/>“CSS-only scrollspy effect using scroll-marker-group and :target-current”<br/><br/><a href="https://www.sarasoueidan.com/blog/css-scrollspy/">https://www.sarasoueidan.com/blog/css-scrollspy/</a><br/><br/>—<br/>A short post about the new #CSS scroll-target-group property, how to use it with :target-current, and important #accessibility considerations to keep in mind. #a11y 2025-08-18T13:27:04Z https://yabu.me/nevent1qqs8ssv3sgt43dp99caspj22zc0gw8ca35fmwjd3mm5z8d9p8cn439qzyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkqdvmc45 In reply to <a href='/nevent1qqsywqum0gmssc8mpnerm633m9p56h48clv8xh68a680h48v4r7supsagf9fp'>nevent1q…f9fp</a><br/>_________________________<br/><br/>I sighed a little in relief reading that others are against it too. I thought I was the only one at this point. 2025-07-24T12:41:46Z https://yabu.me/nevent1qqsfqmh5tl7cddfwqcr9v26m0hvapt8yfjt5l82mvzq30pg2jq48hugzyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkqq30rdz I saw a post on X from someone who works in the productivity space who said that it&#39;s &#34;morally repugnant&#34; NOT to use AI.<br/><br/>Incredible that it&#39;s becoming the norm for people to shame others and call them stupid on public platforms (someone else literally said that) for not using AI. 2025-07-24T12:10:05Z https://yabu.me/nevent1qqsddedcnnn9msyrfevv8nsxnd6s7s5ag3g9yw65c9584djzt7pm4gszyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkq4jwcr0 In reply to <a href='/nevent1qqsgneh5nqsp7w4pptm27cyx4w68scn9am590uwqr83judn82ez3m3g0ek6hk'>nevent1q…k6hk</a><br/>_________________________<br/><br/>I love that this is a broad discussion and love reading your perspective!<br/><br/>Is that similar to the popover example Jake provides in the post? I would say hover-only interactions are a no-go for usability, especially since the aside content may contain interactive elements (like links). This does look like it&#39;s a popover then, right? 2025-07-01T18:04:53Z https://yabu.me/nevent1qqsfpzqn6f69ypscmwq8mw44r8ncazdgxaljxzdt8wqndkvkdf9w5qczyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkq8wj87y #lazyWeb <br/><br/>Geeky friends, O&#39;friendly geeks,<br/><br/>What are the best practices for optimizing performance for self-hosted videos? <br/><br/>Say someone* wants to ditch third-party services like Vimeo/Youtube and self-host their videos without compromising page #performance Are there any guidelines and best practices? <br/><br/>Aside from choosing an accessible video player, what should someone know/do?<br/><br/>—<br/>*me. someone is me. 2025-07-01T17:20:49Z https://yabu.me/nevent1qqswkvedgkzel0c9skdnl4ts7ctvsr6p0pl9t9f77yg0695dcl4l0qgzyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkqrhgf8q In reply to <a href='/nevent1qqsy9m0k803ceacp4pmak6w8xze4p7zygtwsy96lkrw7nn8vdp67y3ggmv8mj'>nevent1q…v8mj</a><br/>_________________________<br/><br/>This.<br/><br/>&lt;aside&gt; has `complementary` role which we&#39;re overriding...<br/><br/>and &lt;section&gt; won&#39;t always be exposed as a meaningful element anyway unless it has an accessible name (then it&#39;s exposed as a region), and since it doesn&#39;t have a name in this use case then it would be exposed as generic.<br/><br/>Again, both OK since the role is being overridden, but for pure semantic purposes I personally prefer &lt;aside&gt;. 2025-07-01T16:57:42Z https://yabu.me/nevent1qqsp22h9p6n0rgvkc58vynjzljnpka0uv3gu6vuh5qpq5mx5sfpzdxszyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkq9l5hvj <a href="https://jakearchibald.com/2025/give-footnotes-the-boot/">https://jakearchibald.com/2025/give-footnotes-the-boot/</a> — in which <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/npub1dpjjsyh6ag5p0anhrpzp8d73var3v5l06t4aktylcgslef40ff2q08e0jl" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>Jake Archibald</span> (<span class="italic">npub1dpj…e0jl</span>)</a></span> discusses why you should ditch footnotes on the web, and suggests more appropriate alternatives.<br/><br/>My choice is both &lt;aside role=&#34;note&#34;&gt; and the &lt;details&gt; disclosure widget. The choice depends on how long and how tangential the aside is. 2025-07-01T16:19:31Z https://yabu.me/nevent1qqs9hcv8qnrvxfgav8gwz47u604fhvn7pzjsxhc0mw73cqytkdqsgrczyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkq7yqap6 I&#39;m curious: <br/><br/>When someone asks you, &#34;why does accessibility matter?&#34; or &#34;why is accessibility so important?&#34;, what do you usually answer?<br/><br/>P.S. I might quote your response in a post or discussion. 2025-05-21T14:42:28Z https://yabu.me/nevent1qqsvc78u7t73vs7wqufur8uylr4j3g2ldh0jxze9nflnr74ksthk7qqzyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkqk8kuwx In reply to <a href='/nevent1qqs0avtsezyuurc9s43xhxwc9tv8k4me3sve7nxmxp0axj2egx4j5wgwhh4dg'>nevent1q…h4dg</a><br/>_________________________<br/><br/>Friendly reminder that today and tomorrow are the last two days to get 25% OFF if you use the code GAAD25. ✨<br/><br/><a href="https://practical-accessibility.today">https://practical-accessibility.today</a> 2025-05-19T08:13:44Z https://yabu.me/nevent1qqs0avtsezyuurc9s43xhxwc9tv8k4me3sve7nxmxp0axj2egx4j5wgzyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkqpgmcht This week I&#39;m starting to work on a new BONUS chapter for the Practical Accessibility course. ✨<br/><br/>This is the first of a few chapters I want to add to the course this year. <br/><br/>#a11y #PracticalA11y 2025-05-19T08:13:33Z https://yabu.me/nevent1qqs932xj0u6kntzhczm4w0ja4w3w3mdg2kmnx7k3x2m5yk65cefsdjczyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkq4mupup [New blog post] <br/><br/>Are CSS Carousels accessible? <a href="https://sarasoueidan.com/blog/css-carousels-accessibility">https://sarasoueidan.com/blog/css-carousels-accessibility</a><br/><br/>In this post, I share some important insights from examining the accessibility of CSS-only carousels that use new features introduced in the #CSS Overflow Module Level 5 spec.<br/><br/>#a11y 2025-05-06T15:28:34Z https://yabu.me/nevent1qqsfz0cc4hcxjdanmjpap6kpltxhqdl5sw8f08087rh86reak5pj6gqzyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkqw855qa In reply to <a href='/nevent1qqszlumv3rhzv5kk53l43y4c8t8fwers3cqfmxgx7ygm4cdrchnl06s9mm5er'>nevent1q…m5er</a><br/>_________________________<br/><br/>Thank you dear Sara &lt;3 2025-04-14T08:37:12Z https://yabu.me/nevent1qqsdwdl757ptmnllynk2gx3c9sekfyeztrn9k3ed52ckmww5r3j43hgzyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkqvl46q5 For the first time in more than two years I am feeling more like myself again. <br/><br/>It took a hell of a long time to recover from... all the things—including the worst burnout I&#39;ve ever been through. <br/><br/>But I&#39;m finally at a point where I can *finally* say: I&#39;m back! 🤗 2025-04-14T08:03:07Z https://yabu.me/nevent1qqsxma3r3m3akaem3hgk8xhdghwh5u404l24yjgawsjez3rqmzdxw0qzyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkq9rcmsw In reply to <a href='/nevent1qqsvqyqmd57t0lx09wtx7v8y5ae8n0rxegw8tqczwqke8zqcrpmxxjqrr827e'>nevent1q…827e</a><br/>_________________________<br/><br/>also thank you! Glad you enjoyed the talk :) 2024-09-08T09:00:03Z https://yabu.me/nevent1qqsr6kqzat7g828lgysap89fk8qgvwkesxcw0jx3m64z3uk7s6j7qaszyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkq2ghtgk In reply to <a href='/nevent1qqsvqyqmd57t0lx09wtx7v8y5ae8n0rxegw8tqczwqke8zqcrpmxxjqrr827e'>nevent1q…827e</a><br/>_________________________<br/><br/>It&#39;s not a joke 😭 it&#39;s the other cascade. How CSS cascades to the a11y layer. The reason I and others laughed is that the &#34;normal&#34; cascade is already considered &#34;bad&#34; to devs who don&#39;t understand and love CSS. So this was like &#34;there&#39;s another cascade, too&#34;. 2024-09-08T08:59:51Z https://yabu.me/nevent1qqsztvmp3zx67mlpte305aacyvg0gm59265jvkzzy5zvgm3qzfa9emczyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkqkge08f Periodic reminder that &#34;wrapping the &lt;label&gt; around the &lt;input&gt; is fine, and is sufficient for conformance on its own, however adding explicit association with` for` and `id` is still necessary in practice.&#34;<br/><br/>Details: <a href="https://www.tpgi.com/should-form-labels-be-wrapped-or-separate/">https://www.tpgi.com/should-form-labels-be-wrapped-or-separate/</a> <br/><br/>—<br/> &#34;Both Dragon Naturally Speaking for Windows, and Voice Control for macOS and iOS, don’t recognize implicit association, so the Click email address command wouldn’t work.&#34; <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/npub15yr2lhln65z06c60a7yp97c04g204386jknzfktf7s9jef4q6gysd7pa64" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>James Edwards</span> (<span class="italic">npub15yr…pa64</span>)</a></span> <br/><br/>#a11y #HTML<br/> <img src="https://cdn.masto.host/frontendsocial/media_attachments/files/113/096/526/907/790/809/original/4d3542e1f77f5d69.png"> <br/> 2024-09-07T13:34:26Z https://yabu.me/nevent1qqsqag2ea735afns4c79dmjt6n3ann2qeyuflg2m4cm7a5kz0dq0gfqzyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkq820sfq Google a product. Find it on a website. Buy, or don&#39;t buy a product—just stay long enough on the website to indicate interest.<br/><br/>Open Instagram. All sponsored posts are about that product and similar ones.<br/><br/>I hate Google and Meta. 2024-09-02T15:51:34Z https://yabu.me/nevent1qqsp3y4yjz66ju7sc6s7nxmvwexp2xfzc260t8jvztdxdns5dm6re6qzyp2hma5w3yu0acqpml09kpdre0qcd0p3j5g6m30x4cypckjge9kkqecth7c The &#34;State of CSS&#34; survey is now out <a href="https://survey.devographics.com/en-US/survey/state-of-css/2024">https://survey.devographics.com/en-US/survey/state-of-css/2024</a><br/><br/>This is literally the only community survey I&#39;ve participated in every year for the past several years. If you can spare 15–20 minutes, please take it and help influence the future of #CSS. 2024-08-20T15:42:50Z