techhub.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A hub primarily for passionate technologists, but everyone is welcome

Administered by:

Server stats:

4.7K
active users

#accessibility

144 posts130 participants3 posts today
COPIM<p>New on <a href="https://hcommons.social/tags/CopimCompass" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CopimCompass</span></a> 🧭 </p><p>The Open Accessibility Book is a practical guide for small, diamond OA publishers to improve accessibility in publishing 💡 </p><p>✅ Accessibility knowledge base<br>✅ Planning models for small presses<br>✅ Six chapters on principles, law, standards, strategic planning, use cases &amp; customised tools</p><p>📣 Send your thoughts and feedback to us at info@copim.ac.uk </p><p>Start your <a href="https://hcommons.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> journey today! <a href="https://compass.copim.ac.uk/books/09-open-accessibility-Iyy" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">compass.copim.ac.uk/books/09-o</span><span class="invisible">pen-accessibility-Iyy</span></a></p>
Taylor Arndt<p>Ever wonder how Techopolis got its name? It started as a Wi-Fi network—now it’s a company building accessible mobile apps. I’m proud to be part of a team that makes sure iOS and Android apps work for everyone.<br>Read the origin story: <a href="https://www.techopolisonline.com/blog/techopolis-the-origin-story" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">techopolisonline.com/blog/tech</span><span class="invisible">opolis-the-origin-story</span></a><br>Learn what we do: <a href="https://www.techopolisonline.com/app-development" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">techopolisonline.com/app-devel</span><span class="invisible">opment</span></a><br><a href="https://techopolis.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://techopolis.social/tags/AppDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AppDev</span></a> <a href="https://techopolis.social/tags/InclusiveTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>InclusiveTech</span></a> <a href="https://techopolis.social/tags/TechForGood" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechForGood</span></a> <a href="https://techopolis.social/tags/A11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>A11y</span></a></p>
Tanya McGee Wheatley 💜🥰<p>Good night! <a href="https://tweesecake.social/tags/3GoodThings" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>3GoodThings</span></a><br>1. We got everything we ordered from the grocery and Sam’s Club.<br>2. No-sugar-added Klondike Bars!<br>3. Folks willing to make adjustments and dig to find answers to make websites fully accessible with screen readers. ❤️ <br>Sleep well and may your dreams take you to the stars! 🤗🫶❤️🫂 <a href="https://tweesecake.social/tags/GoodNight" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GoodNight</span></a> <a href="https://tweesecake.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a></p>
Kevin Ryan<p>Great interviews re: truly life-changing uses of affordable smart glasses, aided by AI — plus a reminder that all really good designs are accessible. </p><p><a href="https://mastodon.social/tags/A11Y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>A11Y</span></a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://mastodon.social/tags/smartglasses" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>smartglasses</span></a> <a href="https://mastodon.social/tags/RayBanMeta" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RayBanMeta</span></a> <a href="https://mastodon.social/tags/Vergecast" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Vergecast</span></a></p><p><a href="https://www.youtube.com/watch?v=pgu0a9QK75E&amp;list=PL39u5ZEfYDEO5PaNRWyqloGY6zzJ1fjBa" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=pgu0a9QK75</span><span class="invisible">E&amp;list=PL39u5ZEfYDEO5PaNRWyqloGY6zzJ1fjBa</span></a></p>
Chris<p>Is there a decent way to accessibly label silent video (think animated GIF but using `&lt;video&gt;` rather than a GIF)?</p><p>VTT captions feel wrong in this context, and labelling with `&lt;figure&gt;`, `aria-labelledby,` and `aria-label` all have mixed and often poor behaviour in different browsers. For example, no matter what you do, Firefox announces an unlabelled “image” as a child of the `&lt;video&gt;` element (and the `&lt;video&gt;` is announced as “group”). Chrome meanwhile announces the label and then “empty group”.</p><p><a href="https://m.webtoo.ls/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://m.webtoo.ls/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a></p>
Amir<p>So AI-based, offline image descriptions are coming to NVDA. Apparently no follow-up questions or longer descriptions for now. The descriptions or captions are also initially in English.<br><a href="https://github.com/nvaccess/nvda/pull/18475" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/nvaccess/nvda/pull/</span><span class="invisible">18475</span></a><br><span class="h-card" translate="no"><a href="https://fosstodon.org/@NVAccess" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>NVAccess</span></a></span><br><a href="https://tweesecake.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://tweesecake.social/tags/NVDA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NVDA</span></a></p>
AskUbuntu<p>Pointer speed (cannot make slow enough) <a href="https://ubuntu.social/tags/mouse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mouse</span></a> <a href="https://ubuntu.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a></p><p><a href="https://askubuntu.com/q/1552952/612" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">askubuntu.com/q/1552952/612</span><span class="invisible"></span></a></p>
Ed Worrell<p>Even though I backed <a href="https://mastodon.social/tags/Tapestry" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tapestry</span></a> by the <span class="h-card" translate="no"><a href="https://iconfactory.world/@Iconfactory" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>Iconfactory</span></a></span> on <a href="https://mastodon.social/tags/Kickstarter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Kickstarter</span></a>, I just subscribed through the <a href="https://mastodon.social/tags/Apple" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Apple</span></a> <a href="https://mastodon.social/tags/AppStore" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AppStore</span></a>. Their apps are always so <a href="https://mastodon.social/tags/accessible" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessible</span></a> with VoiceOver on Apple devices. I love backing developers that care that much about <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a>.</p>
Frontend Dogma<p>How to Use ARIA Roles and Properties Effectively, by (not on Mastodon or Bluesky):</p><p><a href="https://afixt.com/how-to-use-aria-roles-and-properties-effectively/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">afixt.com/how-to-use-aria-role</span><span class="invisible">s-and-properties-effectively/</span></a></p><p><a href="https://mas.to/tags/howtos" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>howtos</span></a> <a href="https://mas.to/tags/aria" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aria</span></a> <a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a></p>
Amber Hinds<p>Did you know that our <a href="https://fosstodon.org/tags/WordPress" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WordPress</span></a> <a href="https://fosstodon.org/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> auditing plugin, Accessibility Checker, is now fully translated into 32 different languages? Learn more about how we made that happen in this <a href="https://fosstodon.org/tags/AccessibilityCraft" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AccessibilityCraft</span></a> <a href="https://fosstodon.org/tags/podcast" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>podcast</span></a> episode: <a href="https://accessibilitycraft.com/126-how-to-translate-your-wordpress-plugin-not-beer-red-white-blue/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">accessibilitycraft.com/126-how</span><span class="invisible">-to-translate-your-wordpress-plugin-not-beer-red-white-blue/</span></a></p>
Alvin Ashcraft<p>Extending Visual Studio - User Input Made Easy | Visual Studio Toolbox with Leslie Richardson &amp; Charles Willis. <a href="https://buff.ly/GxFFtqG" rel="nofollow noopener" target="_blank">buff.ly/GxFFtqG</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23visualstudio" target="_blank">#visualstudio</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23extensibility" target="_blank">#extensibility</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23accessibility" target="_blank">#accessibility</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23vsix" target="_blank">#vsix</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23devcommunity" target="_blank">#devcommunity</a></p>
Alvin Ashcraft 🐿️<p>Extending Visual Studio - User Input Made Easy | Visual Studio Toolbox with Leslie Richardson &amp; Charles Willis.</p><p><a href="https://www.youtube.com/watch?v=ZBA680utUgg" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=ZBA680utUg</span><span class="invisible">g</span></a> </p><p><a href="https://hachyderm.io/tags/visualstudio" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>visualstudio</span></a> <a href="https://hachyderm.io/tags/extensibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>extensibility</span></a> <a href="https://hachyderm.io/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://hachyderm.io/tags/vsix" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vsix</span></a> <a href="https://hachyderm.io/tags/devcommunity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>devcommunity</span></a></p>
Daniela Kubesch<p>I love that <a href="https://front-end.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> is now a topic at meetups, since the EAA came into effect 😍</p><p>Today, I'm at the ReactJS Meetup in Barcelona, listening to a talk about quick accessibility wins. On Thursday, I'll be at an UX meetup, listening to another accessibility talk.</p><p>There is a lot of interest, and people are taking lots of photos of the slides. This gives me hope 😁</p>
Alt Text Hall of Fame<p>Hey, able-bodied folks, making sure that everyone feels included on social media (via proper alt text on images, and other means) is ... </p><p><a href="https://mastodon.social/tags/AltText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AltText</span></a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://mastodon.social/tags/SocialMedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SocialMedia</span></a> <a href="https://mastodon.social/tags/poll" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>poll</span></a></p>
Ulrike Wuttke (moderator) 🇺🇦<p>Off we go with the opening ceremony of <a href="https://fedihum.org/tags/dh2025" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dh2025</span></a> <a href="https://fedihum.org/tags/lisboa" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>lisboa</span></a> <a href="https://fedihum.org/tags/DigitalHumanities" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DigitalHumanities</span></a> ! I appreciate that the topic "building access and <a href="https://fedihum.org/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a>, <a href="https://fedihum.org/tags/openscience" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>openscience</span></a> to all citizens" is honored by a sign language interpreter facilitating communication and a multilingual greeting by the chairs of the Programme Committee! Something for <span class="h-card" translate="no"><a href="https://fedihum.org/@DHdKonferenz" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>DHdKonferenz</span></a></span> <span class="h-card" translate="no"><a href="https://fedihum.org/@DHd" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>DHd</span></a></span> ?</p>
AEBC<p>Curious about AI tools like Microsoft Copilot and ChatGPT? This intro session is designed for screen reader users. Learn how to:<br>✅ Use Copilot and ChatGPT with a screen reader<br>✅ Summarize inaccessible PDF files<br>✅ Use conversation mode<br>✅ And more helpful tips!<br>Watch now on YouTube: <a href="https://youtu.be/xOEPks8F8-g" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">youtu.be/xOEPks8F8-g</span><span class="invisible"></span></a><br><a href="https://mastodon.social/tags/BlindTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BlindTech</span></a> <a href="https://mastodon.social/tags/ScreenReader" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ScreenReader</span></a> <a href="https://mastodon.social/tags/AItools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AItools</span></a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/ChatGPT" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ChatGPT</span></a> <a href="https://mastodon.social/tags/MicrosoftCopilot" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MicrosoftCopilot</span></a> <a href="https://mastodon.social/tags/AEBC" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AEBC</span></a></p>
Bytes Europe<p>Enhancing accessibility for an inclusive society, KNEWS <a href="https://www.byteseu.com/1196784/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">byteseu.com/1196784/</span><span class="invisible"></span></a> <a href="https://pubeurope.com/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://pubeurope.com/tags/BankOfCyprus" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BankOfCyprus</span></a> <a href="https://pubeurope.com/tags/BOC" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BOC</span></a> <a href="https://pubeurope.com/tags/Cyprus" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Cyprus</span></a> <a href="https://pubeurope.com/tags/inclusivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>inclusivity</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Guidelines" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Guidelines</span></a><br>A label and a name walk into a bar · When is a label also an accessible name, not a name, or neither? <a href="https://ilo.im/165dcv" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/165dcv</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Text" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Text</span></a> <a href="https://mastodon.social/tags/Content" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Content</span></a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/ARIA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ARIA</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a></p>
Dan Keck<p>Erect a clown website, expect a circus user experience.</p><p><a href="https://a11y.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://a11y.social/tags/SemanticHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SemanticHTML</span></a> <a href="https://a11y.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://a11y.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://a11y.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a></p>
Adrian Roselli<p>I need to dispel some table accessibility myths.</p><p>1. `&lt;thead&gt;` and `&lt;tbody&gt;` are not exposed to users. Using `&lt;thead&gt;` to wrap multiple header rows has no effect (and you shouldn’t have multiple header rows). Partial ref: <a href="https://adrianroselli.com/2022/02/column-headers-and-browser-support.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">adrianroselli.com/2022/02/colu</span><span class="invisible">mn-headers-and-browser-support.html</span></a></p><p>[1/3]</p><p><a href="https://toot.cafe/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://toot.cafe/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> <a href="https://toot.cafe/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a></p>