Recent searches

No recent searches

Search options

Only available when logged in.
toad.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Mastodon server operated by David Troy, a tech pioneer and investigative journalist addressing threats to democracy. Thoughtful participation and discussion welcome.

Administered by:

Server stats:

273
active users

toad.social: AboutProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.4.1

#aria

2 posts1 participant0 posts today
Thomas Kräftner<p>This is where I am at now. In a bit of a desperate state.</p><p>I just need to enhance a select with autocomplete/search I thought. How hard can it be.</p><p>So: Help? Anyone?</p><p><a href="https://mastodon.social/tags/select" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>select</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/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mastodon.social/tags/aria" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aria</span></a></p><p>🧵 9/9</p>
Thomas Kräftner<p>So my dear <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> bubble, specifically the <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> bubble, maybe you can help. I am finding the following issue an unexpectedly hard nut to crack:</p><p>- a `&lt;select&gt;` that has too many options making it annoying for users to find their option<br>- the field must be limited to the available choices<br>- it is part of a UI built with <a href="https://alpinejs.dev" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">alpinejs.dev</span><span class="invisible"></span></a> editing a list of items, hence the `&lt;select&gt;` gets constantly created/destroyed</p><p>Here's my research&amp;thinking so far</p><p><a href="https://mastodon.social/tags/select" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>select</span></a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mastodon.social/tags/aria" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aria</span></a></p><p>🧵 1/9</p>
Steve Faulkner<p>🤫 Hush Sweet IFrame (2020)</p><p>"Back in 2010 I wrote some advice on how to hide iframe elements from screen reader users: Making sure hidden frames are hidden</p><p>15 years on the advice is largely redundant."</p><p><a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</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/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a></p><p><a href="https://html5accessibility.com/stuff/2020/08/20/hush-sweet-iframe/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">html5accessibility.com/stuff/2</span><span class="invisible">020/08/20/hush-sweet-iframe/</span></a></p>
crkⓋ<p><a href="https://layer8.space/tags/ARIA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ARIA</span></a> Top 100 singles chart bounces via the @TripleJ Australian singles <a href="https://layer8.space/tags/Hottest100" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Hottest100</span></a> <br>Crowded House: Don't Dream It's Over [22]<br>INXS: Never Tear Us Apart [28]<br>Hilltop Hoods: The Nosebleed Section [31]<br>AC/DC: Thunderstruck [37]<br>The Temper Trap: Sweet Disposition [39]</p>
Steve Faulkner<p>NO WAI ARIA</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/merch" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>merch</span></a> <a href="https://mastodon.social/tags/ARIA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ARIA</span></a></p><p><a href="https://www.etsy.com/uk/listing/1143173340/no-wai-aria-short-sleeve-unisex-t-shirt" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">etsy.com/uk/listing/1143173340</span><span class="invisible">/no-wai-aria-short-sleeve-unisex-t-shirt</span></a></p>
DoctorG ♀️🏳️‍🌈<p>How to hide HTML element A from ScreenReader but let i be accessible to keyboard users?</p><p>Tools to check <a href="https://social.vivaldi.net/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> nag me, telling it is not allowed to use HTML like this:</p><p>&lt;a href="/" aria-hidden="true"&gt;Read more…&lt;/a&gt;</p><p>Solvable problem?</p><p><a href="https://social.vivaldi.net/tags/FollowerPower" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FollowerPower</span></a> <a href="https://social.vivaldi.net/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://social.vivaldi.net/tags/ARIA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ARIA</span></a> <a href="https://social.vivaldi.net/tags/WAI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WAI</span></a> <a href="https://social.vivaldi.net/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://social.vivaldi.net/tags/WebStandards" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebStandards</span></a> <a href="https://social.vivaldi.net/tags/ScreenReader" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ScreenReader</span></a></p>
Steve Faulkner<p>drugs button popover</p><p>"Several people have questioned my reasoning for writing about the use case of popover as a tooltip, no I was not on drugs, at the time of writing I noticed that GitHub was using popover as a tooltip"</p><p><a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <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/ARIA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ARIA</span></a> </p><p><a href="https://html5accessibility.com/stuff/2024/09/21/drugs-button-popover/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">html5accessibility.com/stuff/2</span><span class="invisible">024/09/21/drugs-button-popover/</span></a></p>
Steve Faulkner<p>HTML Developers: Please Consider – in the year of 2025</p><p>"By using native HTML features, wherever practical, over custom HTML with bolt-on semantics and interaction behaviours, you will save yourselves and users a lot of grief and ensure that your User Interfaces work robustly across the largest number of devices, operating systems, input devices, browsers and assistive technologies."</p><p><a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</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/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> </p><p><a href="https://html5accessibility.com/stuff/2025/01/11/html-developers-please-consider-in-the-year-of-2021/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">html5accessibility.com/stuff/2</span><span class="invisible">025/01/11/html-developers-please-consider-in-the-year-of-2021/</span></a></p>
Frontend Dogma<p>Short Note: WCAG/ARIA—State of Confusion, by <span class="h-card" translate="no"><a href="https://mastodon.social/@SteveFaulkner" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>SteveFaulkner</span></a></span>:</p><p><a href="https://html5accessibility.com/stuff/2025/07/08/short-note-wcag-aria-state-of-confusion/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">html5accessibility.com/stuff/2</span><span class="invisible">025/07/08/short-note-wcag-aria-state-of-confusion/</span></a></p><p><a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://mas.to/tags/wcag" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>wcag</span></a> <a href="https://mas.to/tags/aria" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aria</span></a></p>
Futuro Prossimo :verified:

Il fastidioso muco nasale che vi ostinavate ad attaccare sotto i banchi di scuola (confessate) è in realtà un filtro biologico perfetto. Gli scienziati coreani lo sanno bene, e hanno copiato il suo meccanismo: risultato? Filtri dell'aria che durano il doppio e catturano il 30% di particelle in più. La biomimetica batte ancora la tecnologia tradizionale.

#filtri #aria #naso #biomimetica #futuroprossimo

futuroprossimo.it/2025/07/core

TrendingLive feeds
About