nerdculture.de is one of the many independent Mastodon servers you can use to participate in the fediverse.
Be excellent to each other, live humanism, no nazis, no hate speech. Not only for nerds, but the domain is somewhat cool. ;) No bots in general. Languages: DE, EN, FR, NL, ES, IT

Administered by:

Server stats:

1.2K
active users

#wcag

6 posts6 participants1 post today
James Scholes<p><a href="https://dragonscave.space/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WCAG</span></a>: forcing <a href="https://dragonscave.space/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a>-specific justification for stuff you should just be doing anyway since 1999.</p>
Frontend Dogma<p>A11y 101: 1.4.4 Resize Text, by @nattarnoff.bsky.social:</p><p><a href="https://tarnoff.info/2025/04/07/a11y-101-1-4-4-resize-text/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tarnoff.info/2025/04/07/a11y-1</span><span class="invisible">01-1-4-4-resize-text/</span></a></p><p><a href="https://mas.to/tags/introductions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>introductions</span></a> <a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a> <a href="https://mas.to/tags/wcag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wcag</span></a> <a href="https://mas.to/tags/resizing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>resizing</span></a></p>
Jeff Lange<p>Since it doesn’t seem to exist, I want to make a tool that will show color contrast for text in images. It would:<br>1. Take an image (or pdf?) as input<br>2. Detect where the text is<br>3. Determine the color of the text (per character)<br>4. Determine the color of the background just outside the text<br>5. Calculate the color contrast between the two colors<br>6. Overlay warnings where the contrast is too low</p><p>Anyone have ideas for the first few steps? I have the math solved for step 5. <a href="https://toot.io/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a> <a href="https://toot.io/tags/wcag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wcag</span></a></p>
Steve Faulkner<p>Although in definite need of an update (it's from 2014), the <span class="h-card" translate="no"><a href="https://w3c.social/@w3c" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>w3c</span></a></span> <br> WCAG-EM note provides a basis for the development of representative sampling of web sites, web apps and native apps me thinks 🤔</p><p><a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> <a href="https://mastodon.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WCAG</span></a> <a href="https://mastodon.social/tags/W2ICT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>W2ICT</span></a> <a href="https://mastodon.social/tags/testing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>testing</span></a></p><p><a href="https://www.w3.org/TR/WCAG-EM/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">w3.org/TR/WCAG-EM/</span><span class="invisible"></span></a></p>
Frontend Dogma<p>A11y 101: 1.4.2 Audio Control, by @nattarnoff.bsky.social:</p><p><a href="https://tarnoff.info/2025/03/17/a11y-101-1-4-2-audio-control/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tarnoff.info/2025/03/17/a11y-1</span><span class="invisible">01-1-4-2-audio-control/</span></a></p><p><a href="https://mas.to/tags/introductions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>introductions</span></a> <a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a> <a href="https://mas.to/tags/wcag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wcag</span></a> <a href="https://mas.to/tags/multimedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>multimedia</span></a></p>
Frontend Dogma<p>A11y 101: 1.4.3 Contrast (Minimum), by @nattarnoff.bsky.social:</p><p><a href="https://tarnoff.info/2025/03/25/a11y-101-1-4-3-contrast-minimum/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tarnoff.info/2025/03/25/a11y-1</span><span class="invisible">01-1-4-3-contrast-minimum/</span></a></p><p><a href="https://mas.to/tags/introductions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>introductions</span></a> <a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a> <a href="https://mas.to/tags/wcag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wcag</span></a> <a href="https://mas.to/tags/contrast" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>contrast</span></a> <a href="https://mas.to/tags/colors" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>colors</span></a> <a href="https://mas.to/tags/apca" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>apca</span></a></p>
Frontend Dogma<p>ADA Compliance vs. WCAG Conformance, by @easya11yguide@x.com:</p><p><a href="https://easya11yguide.com/tips/ada-compliance/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">easya11yguide.com/tips/ada-com</span><span class="invisible">pliance/</span></a></p><p><a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a> <a href="https://mas.to/tags/ada" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ada</span></a> <a href="https://mas.to/tags/wcag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wcag</span></a> <a href="https://mas.to/tags/compliance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>compliance</span></a> <a href="https://mas.to/tags/comparisons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>comparisons</span></a> <a href="https://mas.to/tags/legal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>legal</span></a></p>
Steve Faulkner<p>WCAG is the 🚽 not the 🧻</p><p><a href="https://mastodon.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WCAG</span></a> <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a></p>
Steve Faulkner<p>👏🏽 Whomever has been uppdating this: Understanding SC 1.4.11: Non-text Contrast (Level AA) deserves a 🏅 </p><p>I have found it to be much clearer and informative, given the complexity of the SC, than last time i looked at it </p><p><a href="https://mastodon.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WCAG</span></a> <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> W3C</p><p><a href="https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">w3.org/WAI/WCAG22/Understandin</span><span class="invisible">g/non-text-contrast.html</span></a></p>
Access42<p>Blog 📝 – Interview de notre consœur Laetitia Giannettini, consultante UX senior spécialisée en stratégie, recherche et design chez Telono (Suisse) et membre du comité de traduction des WCAG 2.2 en français.</p><p>Outre son riche parcours, cette interview vous permettra aussi de vous familiariser avec l’état de l’accessibilité numérique en Suisse.</p><p>Découvrez l’interview de Laetitia sur notre blog :</p><p><a href="https://a42.fr/wcag-2-2-laetitia-mt" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">a42.fr/wcag-2-2-laetitia-mt</span><span class="invisible"></span></a></p><p>Bonne lecture !</p><p><a href="https://social.a11y.fr/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> <a href="https://social.a11y.fr/tags/accessibilit%C3%A9" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibilité</span></a> <a href="https://social.a11y.fr/tags/num%C3%A9rique" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>numérique</span></a> <a href="https://social.a11y.fr/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WCAG</span></a> <a href="https://social.a11y.fr/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://social.a11y.fr/tags/Suisse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Suisse</span></a></p>
Taylor Arndt<p>Digital inclusion isn't just about compliance (like WCAG standards); it's about reaching your entire audience and providing equal access to information.<br><a href="https://techopolis.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebAccessibility</span></a> <a href="https://techopolis.social/tags/DigitalInclusion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DigitalInclusion</span></a> <a href="https://techopolis.social/tags/A11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>A11y</span></a> <a href="https://techopolis.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WCAG</span></a> <a href="https://techopolis.social/tags/InclusiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>InclusiveDesign</span></a> (2/2)</p>
A11yTalks<p>Are you or someone you know interested in speaking for <a href="https://mstdn.social/tags/A11yTalks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>A11yTalks</span></a>? If so, that's great news because we're recruiting new speakers for our 2025 and 2026 lineups! Please complete our A11yTalks New Speaker Google form at <a href="https://forms.gle/Q4NC9B3qeYXLuMp59" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">forms.gle/Q4NC9B3qeYXLuMp59</span><span class="invisible"></span></a>, and we'll get back to you promptly. Having issues with the form? Please contact us through LinkedIn <span class="h-card" translate="no"><a href="https://mstdn.social/@a11ytalks" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>a11ytalks</span></a></span> or by email at team [@] a11ytalks [dot] com. Hope to hear from you soon! <a href="https://mstdn.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> <a href="https://mstdn.social/tags/A11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>A11y</span></a> <a href="https://mstdn.social/tags/Equality" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Equality</span></a> <a href="https://mstdn.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WCAG</span></a> <a href="https://mstdn.social/tags/Section508" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Section508</span></a> Please share!</p>
Web Axe<p>mind the WCAG automation gap — What can automated tools test without humans? <a href="https://html5accessibility.com/stuff/2025/03/27/mind-the-wcag-automation-gap/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">html5accessibility.com/stuff/2</span><span class="invisible">025/03/27/mind-the-wcag-automation-gap/</span></a> <a href="https://a11y.info/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> <a href="https://a11y.info/tags/wcag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wcag</span></a> <a href="https://a11y.info/tags/tools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tools</span></a></p>
Steve Faulkner<p>Quick and dirty testing of WCAG 2.1 Success Criterion 1.4.12 Text Spacing.</p><p>Last updated 21st March 2025, now utilizes :not pseudo-class to increase specificity, thanks to <a href="https://github.com/brgibson" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/brgibson</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> <a href="https://mastodon.social/tags/testing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>testing</span></a> <a href="https://mastodon.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WCAG</span></a></p><p><a href="https://codepen.io/stevef/pen/YLMqbo?editors=1000" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/stevef/pen/YLMqbo?e</span><span class="invisible">ditors=1000</span></a></p>
Alex Block<p>Folks in the <a href="https://mstdn.ca/tags/US" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>US</span></a> who work in <a href="https://mstdn.ca/tags/Section508" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Section508</span></a> and <a href="https://mstdn.ca/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WCAG</span></a> <a href="https://mstdn.ca/tags/Digital" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Digital</span></a> <a href="https://mstdn.ca/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> : with the ongoing elimination of <a href="https://mstdn.ca/tags/DEI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DEI</span></a>, are you noticing any pushback or reduction in investment or efforts to adhere to accessibility? I'm wondering about impacts on <a href="https://mstdn.ca/tags/Adobe" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Adobe</span></a> <a href="https://mstdn.ca/tags/PDF" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PDF</span></a> remediation and web accessibility.</p><p>Please boost for exposure.</p>
Steve Faulkner<p>mind the WCAG automation gap</p><p>"Disclaimer: this content was partially produced via automation FTW! Don’t fear the AI future or the reaper."</p><p><a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> <a href="https://mastodon.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WCAG</span></a> <a href="https://mastodon.social/tags/testing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>testing</span></a> <a href="https://mastodon.social/tags/automation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>automation</span></a> <a href="https://mastodon.social/tags/ai" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ai</span></a> </p><p><a href="https://html5accessibility.com/stuff/2025/03/27/mind-the-wcag-automation-gap/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">html5accessibility.com/stuff/2</span><span class="invisible">025/03/27/mind-the-wcag-automation-gap/</span></a></p>
Steve Faulkner<p>🛠️ TOOL'S ERRAND updated.</p><p>Several people on here took my initial article be a complete list of the what SC can be automated (in my view) It wasn't, but now it includes all A/AA WCAG 2.2 criteria</p><p><a href="https://mastodon.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WCAG</span></a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/WebStandards" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebStandards</span></a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AI</span></a> <a href="https://mastodon.social/tags/automation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>automation</span></a></p><p><a href="https://html5accessibility.com/stuff/2025/03/24/a-tools-errand/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">html5accessibility.com/stuff/2</span><span class="invisible">025/03/24/a-tools-errand/</span></a></p>
Florian<p><span class="h-card" translate="no"><a href="https://toot.cafe/@dotproto" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>dotproto</span></a></span> This is EXTREMELY broad. Extensions are generally just pieces of web content either on their own or added to the page the extension operates on so I guess the most global answer I can give is the best extensions are extensions that are, just like webpages, <a href="https://cupoftea.social/tags/accessible" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessible</span></a>. Ones that follow <a href="https://cupoftea.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WCAG</span></a> standards and ones that have been tested with the target audiences that are (going to be) using them</p>
Steve Faulkner<p>A TOOLS ERRAND</p><p>"NOBODY is saying that automated tools are not useful, only that they cannot provide comprehensive coverage of WCAG 2.2 criteria."</p><p><a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> <a href="https://mastodon.social/tags/testing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>testing</span></a> <a href="https://mastodon.social/tags/automation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>automation</span></a> <a href="https://mastodon.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WCAG</span></a></p><p><a href="https://html5accessibility.com/stuff/2025/03/24/a-tools-errand/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">html5accessibility.com/stuff/2</span><span class="invisible">025/03/24/a-tools-errand/</span></a></p>
Steve Faulkner<p>🆗 Lauke World buttons</p><p>designs by <span class="h-card" translate="no"><a href="https://mastodon.social/@patrick_h_lauke" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>patrick_h_lauke</span></a></span> <br><a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> <a href="https://mastodon.social/tags/amiga" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>amiga</span></a> <a href="https://mastodon.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WCAG</span></a> <a href="https://mastodon.social/tags/ARIA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ARIA</span></a> <a href="https://mastodon.social/tags/RETRO" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>RETRO</span></a> <a href="https://mastodon.social/tags/gaming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gaming</span></a> </p><p><a href="https://www.etsy.com/uk/listing/1532393418/lauke-world-buttons" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">etsy.com/uk/listing/1532393418</span><span class="invisible">/lauke-world-buttons</span></a></p>