#WCAG
"forgive me #WCAG for I have sinned..."
Assume the Position—A Labelling Story By @lloydi
“Many aspects of web design have become de facto standards. In other words, it may not be that there was ever a hard-and-fast rule about how something should be laid out/designed, but has come about through years of repetition. Breaking away from such trends only causes usability problems, whether the de facto standard is actually the best approach or not; it’s all about familiarity”
@iameru Interesting idea! #WCAG (Web Content Accessibility Guidelines) checklists are a good start for #webDev
But I think the primary goal has to be to educate ourselves so that we can always try to be as accessible as possible in everything we do.
Maybe a curated list of recommended readings would be nice?
Ich hätte da mal eine #Frage an alle, die #blind oder von der Sehfähigkeit (stark) eingeschränkt sind.
Gerne #boost, danke!
(Und bitte vorab um Entschuldigung, falls die Frage naiv klingt.)
Wie lernt ihr eine neue #Sprache?
Mit welchen Hilfsmitteln, Apps, speziellen Übungen?
Eine "klassische" Übung besteht ja zB darin, dass ein Bild angezeigt wird und dazu der passende Begriff zugeordnet werden muss.
Das funktioniert ja aber nicht, wenn das Bild zB keinen #Alternativtext hat.
Und #Barrierefreiheit umfasst ja wesentlich mehr, als "nur" für #Screenreader zugänglich zu sein (siehe #WCAG).
---
Ich frage, weil Mitte 2025 (ja, ist noch eine Weile hin) der #DigitalAccessibilityAct (auf Deutsch: "Barrierefreiheits-Stärkungs-Gesetz") in Kraft treten wird.
Dieses verpflichtet auch private #Unternehmen, wie zB Online-Angebote, ihre neuen digitalen Angebote weitestgehend #barrierefrei zu gestalten (mit Übergangsfrist für bestehende Angebote bis 2030 und teilweise länger).
Now looking for volunteers for a color vision study.
We are particularly interested in individuals with color vision deficiency, however all vision types are welcome, ages 20 and up.
If you are interested, or you know someone that could be, please email: cvdstudy@myndex.com
Optionally, include answers to this prescreen:
#a11y #accessibility #cvd #colorblind #colourblind #colour #color #vision #WCAG #WebDesign
@alchemist Die ersten EU-Staaten (z.B. Italien) beginnen, Strafen auch bei mangelhafter Accessibility zu verhängen - jetzt werden einige Firmen aufmerksam und nehmen sich des Themas an. Passend dazu werden die #wcag in einer neuen Version aktualisiert 👍
WCAG 3 is not ready yet – And it won’t be for quite some time. Via Eric Eggert. #WCAG https://yatil.net/blog/wcag-3-is-not-ready-yet
Pourquoi les composants CSS-only ne seraient pas accessibles ?
À travers cet article et ses ressources, Adrian Roselli détaille la création de show/hide et de toggles à l'aide de boutons ou de cases à cocher.
https://adrianroselli.com/2023/03/css-only-widgets-are-inaccessible.html
.@w3c WCAG should not be developed/designed for the benefit of #accessibility testing vendors. It is there to improve the user experience of disabled people.
catching up with last week's notifications, and seeing that this PR https://github.com/w3c/wcag/pull/3020 which fixes some long-standing bugbears of mine for #WCAG got merged... https://www.youtube.com/watch?v=h4UqMyldS7Q #a11y #accessibility
We have been working hard to ensure our platforms are accessible to everyone and compliant with all regulations and standards.
We’re proud to announce that Moodle LMS 4.0 has achieved WCAG 2.1 Level AA accessibility compliance. Not only that, it’s also our most accessible version of Moodle ever!
https://moodle.com/news/moodle-lms-4-0-achieves-wcag-2-1-aa-accessibility-compliance/
Is there #Section508 guidance for specifically creating accessible emails? I didn't see anything in https://www.section508.gov/create/
#WCAG #accessibility
(cc @thebestsophist, @krusynth)
#Accessibility professionals: "WCAG AA (double A) is the absolute minimum standard and anything less is unacceptable."
#WCAG documentation: "Level A (single A) = the lowest, or bare minimum conformance level."
Me, a person whose disabilities cause them to be very particular about precise language and who can lose the ability to function when rules are defined in confusing or contradictory ways: *melts*
Does anyone know of a video or video series that does a detailed breakdown of all the WCAG 2.x success criterion?
There's plenty of brief overviews and introductions but I'm looking for something really detailed. I'm looking for this as my ADHD makes reading a real challenge.
#Design #Approaches
High-contrast: when you think dark mode is enough · The importance of a high-contrast theme in interfaces https://ilo.im/12r9pi
_____
#Design #UxDesign #UiDesign #WebDesign #Theme #ContrastTheme #DarkMode #Accessibility #A11y #WCAG
#Accessibility webinar in June about #WCAG 2.2; no cost for registration.
Nueva versión de las #WCAG 2.2 (candidata a recomendación). El criterio "Focus Appearance", tan debatido por su complejidad, se cambia a nivel AAA. Se modifica el 2.5.8 Target Size (AA). Se sigue eliminando el criterio 4.1.1 Procesamiento (A).
Fuente:
https://t.co/1sciee9qg1
New Success Criteria in WCAG 2.2
Update — May 2023: This article has been updated to include changes in the latest Editor’s Draft, dated 3 May 2023.
The final Recommendation is expected to be completed and published in Q3 2023 (between July and September).
by @siblingpastry
#WebDev people, please don’t use #accessibility overlays when making your site. They create more problems than they solve for people with disabilities and they’re not enough for #WCAG compliance. Accessibility can’t and shouldn’t be automated, you should actually care, solve it at the source and listen. Here’s why: https://overlayfactsheet.com/#what-is-a-web-accessibility-overlay
Case study on Meeting WCAG Level AAA https://tetralogical.com/blog/2023/04/21/meeting-wcag-level-aaa/ by @TetraLogical #wcag #a11y #webdesign #webdev
Cool tools: The [Color] Contrast Triangle https://contrast-triangle.com/ by @chipcullen #a11y #color #tools #wcag
@TechNews Ummm....okay, but just don't expect to use Canva to create accessible content.
Canva cannot generate a tagged PDF that meets WCAG or PDF/UA accessibility standards. Canva is a design scourge for folks interested in accessible content because it is so widely used to create newsletters and posters with text instead of just using it for image work.
Yes, Canva claims they are working on improving PDF output, but right now it is a mess.
As seen on an Accessibility Specialist job listing posted today:
"Experience- WCAG 2.2 or WCAG 3.0: 3 years (Preferred)"
Never mind the part where WCAG 2.2 is still at the "Candidate Recommendation Draft" stage as of 01/25/23 and the initial public draft for 3.0 (not including the later revisions!) was 839 days ago, equating to roughly 2.3 years. 😂
Clearly posted by a time traveling recruiter from the future.
#a11y #accessibility #WCAG
Blog 📝 — Avoir plusieurs h1, n’avoir aucun h1, n’avoir aucun titre, sauter un niveau de titre : rien de tout cela ne constitue une non-conformité #WCAG !
Traduction en français de l’éclairant article de David Swallow @davidofyork :
also: a bit of clarification (hopefully) around TOTP / passcodes etc. when it comes to the new 3.3.8 Accessible Authentication (Minimum) https://github.com/w3c/wcag/pull/3150 https://w3c.github.io/wcag/understanding/accessible-authentication-minimum.html#two-factor-authentication #a11y #accessibility #wcag
yay, new WCAG 2.2 editor's draft out https://w3c.github.io/wcag/guidelines/22/ ... including the updated understanding for 2.5.8 Target Size (Minimum) with the spacing exception based on circles (and lots of fresh new illustrations/diagrams I made for it) https://github.com/w3c/wcag/pull/3103#event-9202338934 https://w3c.github.io/wcag/understanding/target-size-minimum.html #a11y #accessibility #wcag
As a follow-up to the previous blog post about SCSS color contrast functions, today we’re going to implement such a calculation within #scssphp:
https://epiph.yt/en/blog/2023/wcag-2-compliant-scss-color-contrast-function-with-scssphp/
Im Anschluss an den letzten Blogbeitrag über SCSS-Farbkontrastfunktionen werden wir heute eine solche Berechnung in #scssphp implementieren:
https://epiph.yt/blog/2023/wcag-2-konforme-scss-farbkontrastfunktion-mit-scssphp/
Me: “Let me checkout this so called ‘accessible’ UI library.”
Also me: “Oh nice to meet you, DIVs with tabindex=0 pretending to be buttons.”
Great new article on hover, color contrast, and WCAG: "A Whole Lot of Bovver Over Hover" https://www.tpgi.com/a-whole-lot-of-bovver-over-hover/ by @lloydi #a11y #webdesign #UIDesign #color #wcag
The other day I discovered a shortcoming of WCAG 2 contrast ratings:
It appears that sometimes text with a lower contrast can actually be easier to read:
https://blog.thms.uk/2023/05/colour-contrast-and-accessibility?utm_source=mastodon
A Whole Lot of Bovver Over Hover
https://www.tpgi.com/a-whole-lot-of-bovver-over-hover/ by @lloydi
#accessibility #WCAG #WebDev
The Accessibility Guidelines Working Group has updated #WCAG 2.2 to address concerns with the Focus Appearance and Target Size success criteria, and they've restarted the Candidate Recommendation period. WCAG 2.2 is now expected to be finalized in Q3. #a11y
https://www.linkedin.com/pulse/wcag-22-updated-candidate-recommendation-take-2-bradley-montgomery
Just came across this article on colour contrast, which I found interesting because of my quest yesterday, of trying to understand why a button with more apparent contrast, actually had a lower (and failing) score by WCAG standards:
https://pimpmytype.com/color-contrast/
Overall very much worth a ready!
#Development #Pitfalls
Don’t use custom CSS scrollbars · Just because you can style browser scrollbars doesn’t mean you should https://ilo.im/12p4w4
_____
#Webdesign #UiDesign #WebDevelopment #WebDev #Browser #Frontend #Scrollbar #CSS #JavaScript #Inclusion #Accessibility #A11y #WCAG #Contrast
@michael I don't think you're missing anything: the formula for calculating colour contrast doesn't always reflect the way we perceive colour.
I'm not an expert (at all!) on this, but I know that the W3C plans to revise the formulas and guidelines for colour in #WCAG 3.
The new version will analyze "perceptual" contrast instead of just "luminance". And it will account for the "polarity" effect of light text on dark backgrounds.
For a really deep dive, check out:
https://www.smashingmagazine.com/2022/09/realities-myths-contrast-color/
I don't understand colour contrast calculations:
I got 2 buttons with red background. One with black text, the other with white.
colour contrast ratio with the black on red button is supposedly 4.81, while white on red is only 4.35 (which crucially is below the 4.5 threshold)
Yet, to my eye the white on red is much more legible than black on white.
What am I missing?
Thanks to the talk “Shifting Left: How CMS accessibility Can Help” on #A11yTalks by @hdv, I learned a new term: "backplate." It’s the rectangle of solid color behind text to add contrast.
In Windows, High Contrast Mode ensures that backplates appear on websites. But there are also browser settings to achieve this.
Presentation: https://a11ytalks.com/posts/2023-APR/
Firefox: https://support.mozilla.org/en-US/kb/change-fonts-and-colors-websites-use#w_change-font-color
Edge and Chrome: https://devtoolstips.org/tips/en/emulate-forced-colors/
#A11y #Accessibility #Contrast #WCAG #Readability #LowVision
Au cours de ces 30 années, les découvertes de nouveaux dispositifs techniques se sont enchaînées, en commençant par #HTML et #CSS au tout début en1995, puis #XML, puis #SVG en 2001 ; avec l'arrivée de #WebRTC, du #WCAG au début des années 2010, puis de #JSON en 2014 et #ActivityPub en 2018.
Depuis ces 30 années, c'est une suite incessante d'améliorations du #Web initial, sous la gouvernance du consortium #W3C.
Sometimes, non-text content is used to convey a sensory experience. Alternative text can be difficult to author for images like that. But remember, audiences who are disabled and use alt text aren't stupid. They deserve to be included in that content as much as anyone else. Describe the image. Offer up the experience in context how you can. Create an equitable experience for your visitors who use #AltText #WCAG
WCAG 2.2 delayed again. "scheduled to be completed and published in 2023 Q3 (July, August, September)." Um, OK. https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/ #WCAG22 #WCAG #a11y
just stumbled across this silly thing I made a while ago, and heck...let's just reshare it here #WCAG #a11y #accessibility
as flawed as it might be, i am quite excited for the upcoming #WCAG 2.2 2.5.8 Target Size (Minimum) when I come across things like this... #a11y #accessibility
How to start with accessibility testing: guidelines, tools, WCAG levels, most frequent type of tests and cases
https://infinum.com/blog/getting-started-with-accessibility-testing/
#accessibility #WCAG #a11y #testing
Meeting WCAG Level AAA: @patrick_h_lauke explains how we approached meeting #WCAG 2.1 Level AAA on the TetraLogical website:
https://tetralogical.com/blog/2023/04/21/meeting-wcag-level-aaa/
Know your Standards (updated): https://html5accessibility.com/stuff/2020/11/24/know-your-standards/ By @SteveFaulkner #WCAG #ARIA #HTML #webdev #a11y