Advertisement · 728 × 90
#
Hashtag
#WebA11y
Advertisement · 728 × 90
Audit findings highlight accessibility issues across Drupal websites

Audit findings highlight accessibility issues across Drupal websites

Accessibility audits of 148 Drupal sites revealed recurring WCAG issues.

Common problems include missing alt text, poor colour contrast, improper heading structure, and vague link text.

https://bit.ly/47KsIxq

#Drupal #Accessibility #WebA11y #OpenSource

1 0 0 0

Demand better: share this, tag @statedept.govmirrors.com
, push for Atkinson Hyperlegible or similar. Typography = democracy in action. How we write shows who we value. What's your go-to accessible font? 👇
RT/quote for awareness! #Typography #WebA11y #StateDeptFontFail
🧵7/7

1 0 0 0
Preview
How Accessibility Saved My Professional Life - 24 Accessibility Dennis Deacon shares the story of his journey into accessibility, and the life-changing moments that altered his professional career in a positive way.

How did accessibility save my career? I turned a mandate into a mission, and helped make a website usable for everyone. Read how inclusion reshaped my purpose. Let’s talk: how has a11y changed your work?

www.24a11y.com/2017/how-acc...

#DigitalAccessibility #InclusiveDesign #WebA11y #UX #A11y

0 0 0 0

I strongly believe that accessibility is best served as a set of options the person in front of the screen can dial in for themselves. Turns out, that’s tricky when the person changes screens every other minute.

www.markzebley.com/article/can-...

#webA11y #accessibility #webdesign

0 0 0 0

Is it really intuitive, human-centered design if you’re not baking in accessibility from the start? Which humans are you designing for exactly?
#webA11y #design #accessibility

0 0 0 0
Preview
2025 Web Accessibility In Mind Conference Share your videos with friends, family, and the world

The WebAIM “2025 Web Accessibility in Mind” playlist is live and it’s a goldmine for anyone serious about making the web more inclusive.

www.youtube.com/playlist?lis...

#DigitalAccessibility #InclusiveDesign #WebA11y #AccessibilityStrategy #A11y

3 1 0 0
#HTMLの最良の秘密: `<output>`タグが示す未来のWebアクセシビリティ✨ #HTML5 #WebA11y #FrontendRevolution #十12 doping consomme blog

HTMLの「隠れた力」を解き放つ!`<output>`タグが示す未来のWebアクセシビリティ✨ #HTML5 #WebA11y #FrontendRevolution #十12 htn.to/2iSScP15qV #情報科学 #Web #技術 #アクセシビリティ #HTML #フロントエンド #セマンティクス #教育

·
#平成と令和_響きあう非自民連立の足音 ― 細川連立から自公崩壊までの三十年 #政治史 #政界再編 #十11 #連立政権 #民主主義の成熟” (1 user) htn.to/3rtdLsao4Y #日本 #政治 #令和日本史ざっくり解説

0 0 0 0

#Presentation: How to stay web accessible: Applying #WCAG 2.1 & 2.2 #websites #a11y #weba11y #libtech #code4lib #c4lbc cynthiang.ca/2025/10/16/presentation-...

0 0 0 0
Original post on yatil.social

Controversial opinion, but I think WCAG 2.0 and WCAG 2.1 should be marked as superseded by WCAG 2.2. There is zero reasons to use the former 2 and anyone who needs to use 2.0 or 2.1 (because they live in 2018) can just ignore the new provisions in 2.2.

There is zero use to dragging the old […]

1 0 0 0
2.2.2: Pause, Stop, Hide - Das Web, Design und Barrierefreiheit - Rashid Bairamov Für alle sich automatisch aktualisierenden, blinkenden, scrollenden oder länger als fünf Sekunden laufenden Inhalte muss es eine Möglichkeit geben, diese zu pausieren. stoppen oder auszublenden.

Bewegte Inhalte können Nutzer ablenken oder sogar ausschließen. WCAG 2.2.2 fordert, dass alles, was länger als fünf Sekunden läuft, pausierbar, stoppbar oder ausblendbar sein muss. Noch besser ist es, unnötiges Autoplay gleich ganz zu vermeiden.
#a11y #WCAG #css #html #weba11y
weba11y.de

0 0 0 0

Fokus darf nicht verdeckt sein! 🚫
WCAG 2.2 verlangt: Fokuselement muss sichtbar bleiben.
- Lösung: scroll-padding, keine sticky Overlays.
- Mehr dazu: weba11y.de/reader/fokus...

#a11y #WCAG #css #html #weba11y

0 0 0 0

Hey #a11y #webA11y folks, suppose I have a form with a button that opens a mini-form in a popover or dialog. Does it make sense to stick things like `aria-required` or `aria-invalid` on that button if things in the mini-form are required / invalid?

0 0 1 0
Original post on sfba.social

Hey #a11y folks, suppose I have a form with a button that opens a mini-form in a popover or dialog. Does it make sense to stick things like `aria-required` or `aria-invalid` on that button if things in the mini-form are required / invalid?

On one hand, this feels semantically wrong? The button […]

0 0 0 0
Preview
GitHub - Heydon/principles-of-web-accessibility: How to approach accessible web interface design How to approach accessible web interface design. Contribute to Heydon/principles-of-web-accessibility development by creating an account on GitHub.

Heydon Pickering has shared a set of high-level guiding principles for approaching web accessibility.

https://buff.ly/4aqIjSU

#WebAccessibilility #WebA11y #DigitalAccessibility #Accessibility #A11y

2 0 0 0
Preview
Should accordions auto-close sections? | Ashlee M Boyer Only if you want them to be harder to use.

Please don't auto-close accordion sections! You're gonna make me sick. 😣

ashleemboyer.com/blog/should-...

(*whispers* I think you should avoid accordions 99% of the time but that's a different topic for a different post.)

#Accessibility #A11y #WebAccessibility #WebA11y

18 3 3 0
Side by side of Vercel's "Accessibility Audit Tool" webpage and the results of an automated axe DevTools run. The results show 14 issues, including best practices.

The issues are:

Buttons must have discernible text (6 occurrences).

Elements must meet minimum color contrast ratio thresholds (2 occurrences).

Links must be distinguishable without relying on color.

Interactive controls must not be nested.

ARIA role should be appropriate for the element.

All page content should be contained by landmarks.

Side by side of Vercel's "Accessibility Audit Tool" webpage and the results of an automated axe DevTools run. The results show 14 issues, including best practices. The issues are: Buttons must have discernible text (6 occurrences). Elements must meet minimum color contrast ratio thresholds (2 occurrences). Links must be distinguishable without relying on color. Interactive controls must not be nested. ARIA role should be appropriate for the element. All page content should be contained by landmarks.

How to sow distrust in your accessibility tools in one step:

Don't use them on the page where you market said tool.

#Accessibility #A11y #WebAccessibility #WebA11y

4 1 1 2
Preview
Where should 'Skip to main content' links go? | Ashlee M Boyer Spoiler alert: it's the <main> element.

Ever wondered where your "Skip to main content" links should go? I got you.

ashleemboyer.com/blog/where-s...

Side note... this may be my shortest blog page?? 👀

#Accessibility #A11y #WebAccessibility #WebA11y

12 4 0 0
Preview
[bug]: Charts do not announce anything to screenreaders [accessibility] [a11y] · Issue #4209 · shadcn-ui/ui Describe the bug When navigating via a screenreader the charts do not announce anything other than "application". Affected component/components All charts How to reproduce Fire up a screen reader N...

It's now 2025 and this accessibility issue with shadcn charts from July 2024 hasn't moved.

github.com/shadcn-ui/ui...

#Accessibility #A11y #WebAccessibility #WebA11y

5 1 1 0

Adding hashtags for visibility. Looking for my next projects! 💜

#HireMe #Freelance #Consulting #WebDevelopment #WebDev #WebAccessibility #WebA11y #Accessibility #A11y #WebDesign #Design #DesignSystems #Frontend #FullStack #SoftwareEngineer #SoftwareEngineering #ComputerScience

4 5 0 0
Regressions LOVE deeply nested layers of HTML markup.

It makes it easy for them to sneak in and stay hidden for a while.

Semantic Fish Creative Group

Regressions LOVE deeply nested layers of HTML markup. It makes it easy for them to sneak in and stay hidden for a while. Semantic Fish Creative Group

Accessibility regressions hate this one weird trick! 😱

Strive to keep your HTML markup as flat and simple as possible. It's easier to manage in the long run and has less places for bugs to sneak in and hide.

#Accessibility #A11y #WebAccessibility #WebA11y

2 0 0 1
Video

What is "a11y" or "web a11y"?

It's a number-based abbreviation (or numeronym) for the word "accessibility."

The number 11 is used because there are 11 letters between the "a" and "y".

#A11y #Accessibility #WebA11y #WebAccessibility #Numeronym #Numeronyms

(Transcript in replies)

13 3 1 4
A plain, cartoon style hammer on a white background. The hammer is light grey, with bubbly dark grey text on top of it in the shape of the letters A-R-I-A.

A plain, cartoon style hammer on a white background. The hammer is light grey, with bubbly dark grey text on top of it in the shape of the letters A-R-I-A.

An ARIA-shaped hammer.

Inspired by a conversation I saw on the elephantine-named website. 🤭

Version 0.1.0.

#A11y #ARIA #WebA11y

9 1 1 0