How is CSS pseudo content treated by screen readers? | Accessible Web

A11y
Accessibility strategy
Outlines the current principles and work needed to improve the accessibility of the GOV.UK Design System
Accessible Color Palette Generator | WCAG Compliant
Discover beautiful color combinations your whole audience can appreciate with the click of a button. Try our free accessible color palette generator today.
You Don't Need ARIA For That - HTMHell
A collection of bad practices in HTML, copied from real websites.
Brief Note on Description List Support
TL;DR: Description list support is generally good (with Safari being the outlier), even if you may not like how it is supported. This post builds on my 2020 tests when iOS 14 finally added (partial) support for description lists (VoiceOver on iOS 14 Supports Description Lists). The dl has existed…
Accessibility Annotation Examples on Behance
A11y bookmarklets | A11y Tools
Screen reader a11y of line clamp and text-overflow ellipsis
WCAG SC 1.4.4 Resize Text & 1.4.10 Reflow · Eric Eggert
There seems to be a confusion about the relationship and how to test for the WCAG 2.1 Success Criteria 1.4.4 Resize Text and 1.4.10 Reflow. While these two success criteria seem related, they cover different use cases.
Text-overflow: ellipsis considered harmful · Eric Eggert
On the downsides of constraining content through CSS.
More common accessibility issues that you can fix today
As a follow up to my previous post about common accessibility issues, I have written out five more issues that you could fix today.
PERSPECTIVES
abbott567/wcagify: Gets information for WCAG 2.1 criteria based on a reference number.
Gets information for WCAG 2.1 criteria based on a reference number. - abbott567/wcagify: Gets information for WCAG 2.1 criteria based on a reference number.
A Guide To Keyboard Accessibility: JavaScript (Part 2) — Smashing Magazine
This article is the second of two parts about a guide to making websites accessible to keyboard users. Here Cristian Diaz covers a toolset on JavaScript that you can mix into different components to create a great experience for keyboard users.
Automated Accessibility Part 2: Mobile Web Testing
Automated web testing, especially at an integration level, saves time, money and effort. It ensures...
Accessibility Notes
My notes for making the web more inclusive.
A Guide To Keyboard Accessibility: HTML And CSS (Part 1) — Smashing Magazine
In this article, Cristian Diaz covers how to use HTML and CSS to create an accessible experience for keyboard users while mentioning what WCAG criteria we should keep into consideration.
Accessibility contrast requirements explained and how to fix 5 common low-contrast issues - Pope Tech Blog
A complete guide to WCAG 2.0 contrast accessibility requirements and contrast tools with examples to help you apply it to your own website.
Overlay Fact Sheet
An open letter about accessibility overlays.
Research insight: accessibility of images - TetraLogical
Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.
5 takeaways from screen reader usability interviews
Some common patterns that stood out to me during usability interviews with frequent screen reader users.
Do We Need Screen Reader for Accessibility Testing • DigitalA11Y
I was talking to a friend & the conversation towards how people with disability like me find accessibility bugs. I showed her a demo by sharing my screen
Accessibility Tools and Resources for Designers • DigitalA11Y
A comprehensive list of accessibility tools and resources for designers to achieve accessibility from start.
Free Accessibility Linters to Automate Accessibility Workflow • DigitalA11Y
In this post we provided a roundup of accessibility linters available
DigitalA11Y • Your Accessibility Partner
Your one stop shop for digital accessibility solutions.
Mythen über Barrierefreiheit
Ein kleines Projekt, das gängige Mythen über Barrierefreiheit widerlegt.
Links, 2, 3, 4: Accessibility | Christian Heilmann
WebAIM: To ARIA! The Cause of, and Solution to, All Our Accessibility Problems
I Don’t Care What Google or Apple or Whoever Did
Please do not use this post as an excuse to beat up the devs at Apple or Google. If you are doing that, you have missed the point of this post and you are being unnecessarily mean to individuals who may have no control over broader organizational decisions. Do not…
E-Commerce Accessibility: Specifying UI Elements Using “Roles” – Articles – Baymard Institute
“Roles” that specify the purpose of UI elements are crucially important for accessibility compliance and users. Yet many e-commerce sites fail to get this right.