POKÉMANIAC SIPH wants to fight! @Siphonay

Maxi, wortschöpfungsverdrossen 🌺 :comfyblobcat:Hey <a href="https://corteximplant.com/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> bubble - can any of y'all recommend resources to learn about accessibility?I'm aware of the WCAG guidelines as the "golden standard", but I'm looking for something more bite sized / approachable than 75 pages of raw paragraphs and rulesBoosts welcome! :boost_request:<a href="https://corteximplant.com/tags/wcag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wcag</a> <a href="https://corteximplant.com/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://corteximplant.com/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a>

Steve Faulkner👀 Guidance on Applying WCAG 2.2 to Mobile (WCAG2Mobile) W3C Editor's Draft 17 February 2025 for review/feedbackWCAG2Mobile, describes how WCAG 2.2 principles, guidelines, and success criteria can be applied to Mobile Applications<a href="https://mastodon.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WCAG</a> <a href="https://mastodon.social/tags/mobile" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mobile</a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a><a href="https://w3c.github.io/matf/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://w3c.github.io/matf/</a>

Patrick H. Laukethis video was going to be made public at some point ... but as this seems to have stalled (and there's really no financial incentive anymore that the conf can gain from keeping this 16 month old video under lock and key) ... here's the recording of my (then) updated talk "These (still) aren't the SCs you're looking for..." from 19 October 2023 / <a href="https://mastodon.social/tags/a11yTO" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11yTO</a> / Toronto <a href="https://www.youtube.com/watch?v=ADIgU53Y2Rg" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.youtube.com/watch?v=ADIgU53Y2Rg</a> <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://mastodon.social/tags/wcag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wcag</a> <a href="https://mastodon.social/tags/barrierefreiheit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#barrierefreiheit</a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a>

Bjarne OldrupA beginner-friendly accessibility check list for my new Gen-Z colleagues? An A4 printable PDF or the like would be great. I need something to help them get started without the complete and somewhat intimidating WCAG recommendations website.<a href="https://mastodon.green/tags/sharedbrain" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sharedbrain</a> <a href="https://mastodon.green/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://mastodon.green/tags/wcag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wcag</a>

Silvia MaggiReach out to me for advice and guidance on digital accessibility.With over twenty years of experience in design and development, I am dedicated to improving user experiences for a diverse audience, particularly for individuals with disabilities.<a href="https://work.silviamaggidesign.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://work.silviamaggidesign.com/</a><a href="https://mastodon.design/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://mastodon.design/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WCAG</a> <a href="https://mastodon.design/tags/A11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#A11y</a> <a href="https://mastodon.design/tags/Inclusion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Inclusion</a>

Michael HeinDie Web Content Accessibility Guidelines 2.1 (WCAG) - der internationale Standard zur barrierefreien Gestaltung von Online-Angeboten - sind für öffentliche Stellen in Deutschland seit einigen Jahren rechtlich verbindlich. Es gibt aber bis heute keine offizielle deutschsprachige Fassung dieser Richtlinien.Mit anderen Worten: Die Vorgaben zur Barrierefreiheit sind selbst nicht barrierefrei.<a href="https://troet.cafe/tags/Barrierefreiheit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Barrierefreiheit</a> <a href="https://troet.cafe/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WCAG</a> <a href="https://troet.cafe/tags/Regelungswut" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Regelungswut</a>

Web AxePlease consider commenting to FTC about the case against AccessiBe for misleading advertising. Deadline Feb. 5. <a href="https://www.regulations.gov/commenton/FTC-2025-0002-0001" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.regulations.gov/commenton/FTC-2025-0002-0001</a> <a href="https://a11y.info/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://a11y.info/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://a11y.info/tags/wcag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wcag</a> <a href="https://a11y.info/tags/accessiBe" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessiBe</a> <a href="https://a11y.info/tags/accessiBeNot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessiBeNot</a> <a href="https://a11y.info/tags/ftc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ftc</a>

Amin GirasolOne of the <a href="https://oldbytes.space/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> specialists at work shared this gem of an article with me, which I hadn't seen before:<blockquote>It is not uncommon that I raise an accessibility or usability issue with a client’s design or implementation and am met with either “But <a href="https://oldbytes.space/tags/Google" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Google</a> does this,” or “But <a href="https://oldbytes.space/tags/Apple" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Apple</a> does this.” Mostly it is the default response to any issue I raise, but it is far worse when it is a reaction to a genuine technical failure or problem real users have identified.That response does not address the problem I may have raised. It avoids. It offloads responsibility. It declines to even try.</blockquote>This is followed by a litany of <a href="https://oldbytes.space/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WCAG</a> and other accessibility violations by the two behemoths.<a href="https://adrianroselli.com/2020/03/i-dont-care-what-google-or-apple-or-whomever-did.html" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://adrianroselli.com/2020/03/i-dont-care-what-google-or-apple-or-whomever-did.html</a>

Léonie WatsonIf you use your voice to navigate websites, the <a href="https://w3c.social/@w3c" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@w3c</a> Accessibility Conformance Testing (ACT) Rules Community Group and Task Force would like your help to test 27 different controls: <a href="https://docs.google.com/forms/d/e/1FAIpQLSetBabmHgRYXFHxbUjPu3eVoHwwquy7FFI6wIRx0uOWLSPgQg/viewform" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://docs.google.com/forms/d/e/1FAIpQLSetBabmHgRYXFHxbUjPu3eVoHwwquy7FFI6wIRx0uOWLSPgQg/viewform</a>It'll help them understand which patterns work (and which don't) for <a href="https://w3c.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WCAG</a> 2.5.3 Label in Name

Steve FaulknerAppreciating this mechanism for closing multiple status messages at once. One of the methods of ensuring that toast messages (conform to Enough Time) is by making them visible until dismissed, this can result in multiple messages being present and users having to dismiss them individually. So not an example of conforming to WCAG 2.2 Guideline 2.2 Enough Time, but an example of a way to mitigate an unwanted side effect of conforming. 🤔<a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://mastodon.social/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UX</a> <a href="https://mastodon.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WCAG</a><a href="https://www.w3.org/TR/WCAG22/#enough-time" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.w3.org/TR/WCAG22/#enough-time</a>

Web AxeWCAG’s A and AA distinction is mostly academic <a href="https://yatil.net/blog/wcags-a-and-aa-distinction-is-mostly-academic" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://yatil.net/blog/wcags-a-and-aa-distinction-is-mostly-academic</a> by <a href="https://micro.yatil.net/activitypub/yatil" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@yatil</a> <a href="https://a11y.info/tags/wcag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wcag</a> <a href="https://a11y.info/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a>

Steve FaulknerW3C Web Accessibility Initiative (WAI) invites you to review the draft French translation of Web Content Accessibility Guidelines (WCAG) 2.2:🇫🇷 Règles pour l’accessibilité des contenus Web (WCAG) 2.2<a href="https://wcag.access42.net/22/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://wcag.access42.net/22/</a><a href="https://mastodon.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WCAG</a> <a href="https://mastodon.social/tags/WebStandards" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebStandards</a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://mastodon.social/tags/internationalisation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#internationalisation</a>

𝕂𝚞𝚋𝚒𝚔ℙ𝚒𝚡𝚎𝚕Getting To The Bottom Of Minimum WCAG-Conformant Interactive Element SizeThere are many rumors and misconceptions about conforming to WCAG criteria for the minimum sizing of interactive elements. I’d like to use this post to demystify what is needed for baseline compliance and to point out an approach for making successful and inclusive interactive experiences using ample target sizes.✒️ <a href="https://www.smashingmagazine.com/2024/07/getting-bottom-minimum-wcag-conformant-interactive-element-size/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.smashingmagazine.com/2024/07/getting-bottom-minimum-wcag-conformant-interactive-element-size/</a><a href="https://chaos.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://chaos.social/tags/wcag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wcag</a> <a href="https://chaos.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://chaos.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://chaos.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ui</a> <a href="https://chaos.social/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> <a href="https://chaos.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ux</a> <a href="https://chaos.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://chaos.social/tags/webinterface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webinterface</a> <a href="https://chaos.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a>

Daniela KubeschIs orange the forbidden colour in accessibility? 🔶🙅Stack Overflow made an exception during its accessibility-focused redesign and chose to measure <a href="https://front-end.social/tags/colour" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#colour</a> <a href="https://front-end.social/tags/contrast" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#contrast</a> using the Accessible Perceptual Contrast Algorithm (<a href="https://front-end.social/tags/APCA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#APCA</a>). Although they initially considered the <a href="https://front-end.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WCAG</a> colour contrast algorithm, they decided against it because it struggles to accurately assess colour contrast when using orange, which is a significant issue when orange is a brands primary colour. <a href="https://stackoverflow.blog/2024/08/07/accessibility-by-design-building-interfaces-for-everyone-at-stack-overflow" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://stackoverflow.blog/2024/08/07/accessibility-by-design-building-interfaces-for-everyone-at-stack-overflow</a>

Steve Faulkner😩 No definition of what constitutes an A, AA, or AAA conformance Level"There does not appear to be any clear definition of what parameters a success criteria must meet in order to qualify for any particular conformance level."<a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://mastodon.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WCAG</a> <a href="https://mastodon.social/tags/WebStandards" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebStandards</a> <a href="https://github.com/w3c/wcag/issues/3889" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/w3c/wcag/issues/3889</a>

Daniela KubeschI just stumbled across this blog post from 2019 about <a href="https://front-end.social/tags/colour" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#colour</a> <a href="https://front-end.social/tags/contrast" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#contrast</a> in relation to the colour orange. In their case study, they found that white text on orange is mostly preferred over black text, despite this being a <a href="https://front-end.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WCAG</a> violation.What are your thoughts on this?"Orange You Accessible? A Mini Case Study on Color Ratio" by Ericka O'Connor: <a href="https://www.bounteous.com/insights/2019/03/22/orange-you-accessible-mini-case-study-color-ratio/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.bounteous.com/insights/2019/03/22/orange-you-accessible-mini-case-study-color-ratio/</a>

Marco SalsicciaI built a little <a href="https://mas.to/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> link list for folks to use if they are interested in getting into <a href="https://mas.to/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebAccessibility</a>. Education resources, <a href="https://mas.to/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WCAG</a> breakdowns, <a href="https://mas.to/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a> tutorials, people to follow, organizations and companies, all put together into one simple site. I made this for a talk I gave last night for <a href="https://mas.to/tags/Blind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Blind</a> and Low-vision people interested in breaking into this industry, and will continuously add more to it for my own continuum of knowledge and for everyone else. <a href="https://marconius.com/a11yLinks/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://marconius.com/a11yLinks/</a>

Adrian RoselliWebAIM’s interpretation of the difference between “change of context” and “change of content”: <a href="https://webaim.org/blog/decoding-wcag-change-of-context/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://webaim.org/blog/decoding-wcag-change-of-context/</a><a href="https://toot.cafe/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://toot.cafe/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://toot.cafe/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WCAG</a>

Steve FaulknerThanks David MacDonald, hope you are doing OK <a href="https://mastodon.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WCAG</a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://mastodon.social/tags/sharky" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sharky</a> <a href="https://mastodon.social/tags/W3C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#W3C</a>"Sharky raps at 250 words a minute I'm a cool DJ, Sharky, WCAG. I like techno geek music. How's that David, am I a cool rapper now? David: Sharky, I couldn't understand a word you said. Sharky: Most of my blind friends understand everything when I speak at that speed (slowly) Would you like me to speak really slow for you David?"<a href="https://html5accessibility.com/stuff/2024/08/01/do-the-wcag/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://html5accessibility.com/stuff/2024/08/01/do-the-wcag/</a>

Patrick H. Laukeof course, these musings are nothing new. if you've followed me, you probably know of my little "these aren't the SCs you're looking for..." talk. i'm actually really happy about the last iteration of this presentation at last year's <a href="https://mastodon.social/tags/a11yTO" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11yTO</a> conference...which is why it really shits me that that conf decided NOT to release the video recordings of the talks publicly, and seem to have no intention to in future... but at least my slides are here <a href="https://patrickhlauke.github.io/wcag-interpretation/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://patrickhlauke.github.io/wcag-interpretation/</a> <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://mastodon.social/tags/wcag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wcag</a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a>

Recent searches

Search options

Administered by:

Server stats:

#wcag