Lingolol

Ana Tudor 🐯Stupid <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a> question: do you have examples of accessible interactive code?What I mean: in order to better illustrate what a piece of code does, clicking certain values opens up a popup that allows changing those values while the result updates in real time. Something like this thing I made almost a decade ago, except I'd like to do it better now. <a href="https://cdpn.io/pen/debug/gvjZGe" rel="nofollow noopener" translate="no" target="_blank">https://cdpn.io/pen/debug/gvjZGe</a><a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#code</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#coding</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDevelopment</a>

Jessica the VI Artist🎚️🎹🌈The <a href="https://kind.social/tags/moog" class="mention hashtag" rel="nofollow noopener" target="_blank">#moog</a> matriarch has small white dots marking the position of the knobs. These are not distinguishable by touch. So, I had a friend add small lines in gray puff paint, including small dots at the top of each knob. Now that the paint is good and dry, it is slightly raised, so I can finally tweak by touch without using my magnifier! I feel like some people might think this looks bad, but oh well. I’m a very happy camper! <a href="https://kind.social/tags/Synth" class="mention hashtag" rel="nofollow noopener" target="_blank">#Synth</a> <a href="https://kind.social/tags/synthesis" class="mention hashtag" rel="nofollow noopener" target="_blank">#synthesis</a> <a href="https://kind.social/tags/semimodular" class="mention hashtag" rel="nofollow noopener" target="_blank">#semimodular</a> <a href="https://kind.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a> <a href="https://kind.social/tags/AccessibilityIsHotAF" class="mention hashtag" rel="nofollow noopener" target="_blank">#AccessibilityIsHotAF</a>

Leif SamuelssonAtt översätta det engelska begreppet accessibility till tillgänglighet är slarvigt. Det kan ju också betyda availability. Datorn är tillgänglig (i affären). Kan vi inte bättre? Den direkta översättningen är nog snarare åtkomstbar, men det är kanske lite klumpigt?<a href="https://social.linux.pizza/tags/svenska" class="mention hashtag" rel="nofollow noopener" target="_blank">#svenska</a> <a href="https://social.linux.pizza/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a>

The vOICe vision BCI 🧠🇪🇺[Nimer's blog] The symphony and the static: When sound design makes or breaks the experience <a href="https://nimerblogs.blogspot.com/2025/08/the-symphony-and-static-when-sound.html" rel="nofollow noopener" translate="no" target="_blank">https://nimerblogs.blogspot.com/2025/08/the-symphony-and-static-when-sound.html</a> Personal blog by Nimer Jaber, accessibility analyst at Google <a href="https://www.linkedin.com/in/nimer-jaber-68b96ba5" rel="nofollow noopener" translate="no" target="_blank">https://www.linkedin.com/in/nimer-jaber-68b96ba5</a> <a href="https://mas.to/tags/blind" class="mention hashtag" rel="nofollow noopener" target="_blank">#blind</a> <a href="https://mas.to/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a> <a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://mas.to/tags/blindness" class="mention hashtag" rel="nofollow noopener" target="_blank">#blindness</a>

Robert KingettSlick usually means accessibility nightmare but I keep getting whiffs of toxic productivity from this guy with every project he does, so my hopes are not high. He seems to absolutely relish in being the one man that is making all these things and that’s never a good thing to me. Big Updates Are Coming to Loops <a href="https://wedistribute.org/2025/08/big-updates-are-coming-to-loops/" rel="nofollow noopener" translate="no" target="_blank">https://wedistribute.org/2025/08/big-updates-are-coming-to-loops/</a> <a href="https://caneandable.social/tags/Fediberse" class="mention hashtag" rel="nofollow noopener" target="_blank">#Fediberse</a> <a href="https://caneandable.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> <a href="https://caneandable.social/tags/A11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#A11y</a>

Jenny :TransButterfly: :3hearts:Every time I see someone post "ay one one why¹" instead of "accessibility," I boost the post instead of jumping into their mentions to call them an asshole.And the term is inaccessible to more than just screen reader users, but I think it's illustrative of why I genuinely think you're being an asshole when you use it, especially as an inline hashtag. Read your post out loud and when you get to that part, say "pound sign ay one one why" or, if the screen reader is being maximally autistic-literal, "octothorpe ay one one why." Maybe "hash tag ay one one why" if it's context-aware. Just rolls off the tongue, don't it? Read this post out loud, as a native English speaker, and tell me how accessible it is that I'm phonetically rendering "ay one one why." Has it gotten annoying yet? Have you noticed that "accessibility" has two more syllables than "ay one one why" but somehow takes longer to say?Don't be an asshole and just spell the damn word. ¹ IPA: /eɪ wʌn wʌn waɪ/<a href="https://anarres.family/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a> <a href="https://anarres.family/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a>

Léonie WatsonWith agentic AI contributing to the AI hype-cycle, I've been giving it some thought from the point of view of a disabled person, and also as an accessibility specialist who's already witnessing the arrival of the agentic web first-hand: <a href="https://tetralogical.com/blog/2025/08/08/accessibility-and-the-agentic-web/" rel="nofollow noopener" translate="no" target="_blank">https://tetralogical.com/blog/2025/08/08/accessibility-and-the-agentic-web/</a><a href="https://w3c.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#AI</a> <a href="https://w3c.social/tags/agentics" class="mention hashtag" rel="nofollow noopener" target="_blank">#agentics</a> <a href="https://w3c.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://w3c.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a>

Terence Eden🆕 blog! “How long does it take to upgrade an eBook?”The older I get, the more comfortable I become with complaining. Not merely moaning on social media, but writing a direct email to the perpetrator of some annoyance.I'd purchased an eBook and was appalled by how crappy the accessibility was. If you don't know, modern ePub books are just HTML…👀 Read more: <a href="https://shkspr.mobi/blog/2025/08/how-long-does-it-take-to-upgrade-an-ebook/" rel="nofollow noopener" translate="no" target="_blank">https://shkspr.mobi/blog/2025/08/how-long-does-it-take-to-upgrade-an-ebook/</a> ⸻ <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://mastodon.social/tags/books" class="mention hashtag" rel="nofollow noopener" target="_blank">#books</a> <a href="https://mastodon.social/tags/ebook" class="mention hashtag" rel="nofollow noopener" target="_blank">#ebook</a> <a href="https://mastodon.social/tags/ebooks" class="mention hashtag" rel="nofollow noopener" target="_blank">#ebooks</a>

Dave Barr<a href="https://toot.re/@dvk" class="u-url mention" rel="nofollow noopener" target="_blank">@dvk</a> Noice! And... 🥁... 10/10 for perfect <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a> on tabbing! 👏🔥

Robert KingettRant. I actually hate accessibility consulting.

Adrian RoselliJust released from my RSS-only embargo:“1.2.5: Adversarial Conformance” <a href="https://adrianroselli.com/2025/08/1-2-5-adversarial-conformance.html" rel="nofollow noopener" translate="no" target="_blank">https://adrianroselli.com/2025/08/1-2-5-adversarial-conformance.html</a><a href="https://toot.cafe/tags/WCAG" class="mention hashtag" rel="nofollow noopener" target="_blank">#WCAG</a> <a href="https://toot.cafe/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://toot.cafe/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a>

trashHeap :hehim: :verified_gay:I'm guessing inserting Latin ligature characters into English words, is potentially bad for accessibility like screen readers, right? Anyone want to confirm my suspicions? Like "ﬂ" instead of "f" and "l". <a href="https://tech.lgbt/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a>

Carrie On AccessibilityOmni Describer for AI audio descriptions... wondering if anyone has tried it and wonder what they think of AI audio describing tools in general, too. <a href="https://audioses.com/yardim.php?app=omni_describer&lang=en" rel="nofollow noopener" translate="no" target="_blank">https://audioses.com/yardim.php?app=omni_describer&lang=en</a> <a href="https://mastodon.social/tags/A11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#A11y</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a>

Rainer KluteDer PAC-Check ist schon mal ein guter Anfang. Aber es ist immer sinnvoll, in ein angeblich barrierefreies PDF auch mal genauer rein zu schauen mittel Screenreader-Vorschau. Da entdeckte ich in diesem Fall viele semantische Ungenauigkeiten und dazu jede Menge leere Absätze.<a href="https://mastodon.design/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a> <a href="https://mastodon.design/tags/Barrierefreiheit" class="mention hashtag" rel="nofollow noopener" target="_blank">#Barrierefreiheit</a>

Toulon Var DéplacementsLa <a href="https://masto.bike/tags/mtpm" class="mention hashtag" rel="nofollow noopener" target="_blank">#mtpm</a> confirme que la nouvelle passerelle à Herriot ne sera pas accessible que pendant quelque temps au début (jusqu'à la 1ere panne) et puis sur le même calendrier que p.ex. la passerelle à la gare SNCF de <a href="https://masto.bike/tags/Toulon" class="mention hashtag" rel="nofollow noopener" target="_blank">#Toulon</a> (1 fois par an?) et celle au palais du sport (jamais depuis combien d'ans?)Quand apprendra-t-on que l'<a href="https://masto.bike/tags/accessibilit%C3%A9" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibilité</a> est un droit humain selon la convention relative aux droits des personnes handicapées des Nations Unies?<a href="https://www.var.gouv.fr/contenu/telechargement/42214/276212/file/Annexe%202%20M%C3%A9moire%20en%20r%C3%A9ponse%20BHNS%20MTPM.pdf" rel="nofollow noopener" translate="no" target="_blank">https://www.var.gouv.fr/contenu/telechargement/42214/276212/file/Annexe%202%20M%C3%A9moire%20en%20r%C3%A9ponse%20BHNS%20MTPM.pdf</a> p.33 <a href="https://masto.bike/tags/PMR" class="mention hashtag" rel="nofollow noopener" target="_blank">#PMR</a> <a href="https://masto.bike/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a> <a href="https://masto.bike/tags/bhnsFiles" class="mention hashtag" rel="nofollow noopener" target="_blank">#bhnsFiles</a> <a href="https://masto.bike/tags/bhns" class="mention hashtag" rel="nofollow noopener" target="_blank">#bhns</a>

David O'BrienJust spent the day in an accessibility course. Focusing on mobile this afternoon. Mindblowing. <a href="https://mastodon.scot/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a>

Laura CarlsonToday's Web Design Update: <a href="https://groups.google.com/a/d.umn.edu/g/webdev/c/vG7JwXas_C8" rel="nofollow noopener" translate="no" target="_blank">https://groups.google.com/a/d.umn.edu/g/webdev/c/vG7JwXas_C8</a>Featuring <a href="https://toot.cafe/@aardrian" class="u-url mention" rel="nofollow noopener" target="_blank">@aardrian</a>, <a href="https://front-end.social/@a11ycollective" class="u-url mention" rel="nofollow noopener" target="_blank">@a11ycollective</a>, <a href="https://mstdn.social/@TPGi" class="u-url mention" rel="nofollow noopener" target="_blank">@TPGi</a>, <a href="https://a11y.social/@accessaces" class="u-url mention" rel="nofollow noopener" target="_blank">@accessaces</a>, <a href="https://mastodon.social/@knowbility" class="u-url mention" rel="nofollow noopener" target="_blank">@knowbility</a>, <a href="https://social.ericwbailey.website/@eric" class="u-url mention" rel="nofollow noopener" target="_blank">@eric</a>, <a href="https://mastodon.social/@ozewai" class="u-url mention" rel="nofollow noopener" target="_blank">@ozewai</a>, <a href="https://mastodon.social/@Kilian" class="u-url mention" rel="nofollow noopener" target="_blank">@Kilian</a>, <a href="https://front-end.social/@mia" class="u-url mention" rel="nofollow noopener" target="_blank">@mia</a>, <a href="https://front-end.social/@jamessw" class="u-url mention" rel="nofollow noopener" target="_blank">@jamessw</a>, <a href="https://front-end.social/@OddBird" class="u-url mention" rel="nofollow noopener" target="_blank">@OddBird</a>, <a href="https://mastodon.social/@MoritzGlantz" class="u-url mention" rel="nofollow noopener" target="_blank">@MoritzGlantz</a>, and more.Subscribe info: <a href="https://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html#subscribe" rel="nofollow noopener" translate="no" target="_blank">https://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html#subscribe</a><a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/A11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#A11y</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a>

Feu d'jais 🥞Question d'accessibilité (je veux bien des liens si vous avez comme ça je peux apprendre la logique derrière).J'ai un menu dépliant. Ce menu peut contenir des sous-menus.Je me suis dit pour les logiciels d'aide à la navigation, que j'allais mettre "Réduire le menu foo", ou "Déplier le menu foo". Pour le sous-menu, je dois mettre "Déplier le menu bar" ou "Déplier le sous-menu bar du menu foo" ? Ou autre chose ?J'imagine qu'il ne sert à rien de rappeler dans quel menu on est, on le sait car on l'a entendu avant, de même que quand on annonce les items du menu, on a pas besoin de repréciser le menu dans lequel on est : "aller à l'item foobar du sous-menu bar du menu foo". Si je rajoute un niveau, c'est encore plus insupportable en plus.<a href="https://eldritch.cafe/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a> <a href="https://eldritch.cafe/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://eldritch.cafe/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://eldritch.cafe/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a>

Jeri DanskyFolks using screen readers: How annoying is it to come across posts with a lot of emojis? I know those that use the clapping hands every other word are ones to avoid boosting, but what about someone who just adds five or so emojis in a row? Or scatters them throughout the post? How many is too many? I often see posts I'd like to boost, but the many emojis makes me hesitate. Edit to note: Thanks for all the replies so far! (More are still welcome, too.) I feel a summary post coming on, since many folks who don't use screen readers were oblivious to the concerns with emojis (and unicode characters, while I'm at it).<a href="https://sfba.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://sfba.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a> <a href="https://sfba.social/tags/AskFedi" class="mention hashtag" rel="nofollow noopener" target="_blank">#AskFedi</a>

Jeri DanskyFinally got annoyed enough at some big long-time accounts never adding alt text to their images that I started blocking them. I already wasn’t following them, but people kept boosting them into my timeline. With a newer, smaller account I assume the person may just not know to use alt text, and I’ll sometimes send a polite private message complimenting an image and suggesting alt text, explaining why. This has been well received!But others should definitely know better by now.<a href="https://sfba.social/tags/AltText" class="mention hashtag" rel="nofollow noopener" target="_blank">#AltText</a> <a href="https://sfba.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://sfba.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a>

Recent searches

Search options

Administered by:

Server stats:

#a11y