Maria Korneeva
Accessibility Test Driven Development
#1about 4 minutes
Why accessibility is often an afterthought in development
Accessibility is frequently treated as an "unknown unknown," leading to the "blueberry pie problem" where adding it late is difficult and costly.
#2about 2 minutes
Adopting a shift-left approach for accessibility
The shift-left methodology moves accessibility efforts to the beginning of the development lifecycle to prevent bugs rather than fixing them in production.
#3about 2 minutes
Using browser extensions for testing in staging environments
In a test environment, developers can use browser extensions for automated, manual, and AI-assisted checks to catch accessibility issues before release.
#4about 4 minutes
Automating accessibility checks in the CI/CD pipeline
Integrate tools like Lighthouse CI, Pa11y, and end-to-end testing frameworks into the CI/CD pipeline to block deployments with accessibility violations.
#5about 4 minutes
Writing unit tests for specific accessibility concerns
Use tools like jest-axe and Testing Library to write unit tests that verify focus management, accessible names, and other critical accessibility behaviors.
#6about 2 minutes
Using linters and design tools for early feedback
Catch potential issues at the earliest stages by using static code analysis linters during development and accessibility plugins in design tools like Figma.
#7about 3 minutes
Balancing comprehensive testing with development speed
Avoid slowing down development by focusing tests on high-impact user flows, eliminating redundancy, and using non-blocking jobs instead of aiming for 100% coverage.
#8about 4 minutes
Understanding the limitations of automated accessibility testing
While A-TDD improves code quality, automated tools have limitations and cannot replace manual testing for complex interactions like keyboard navigation.
Related jobs
Jobs that call for the skills explored in this talk.
Eltemate
Amsterdam, Netherlands
Intermediate
Senior
TypeScript
Continuous Integration
+1
Douglas GmbH
Düsseldorf, Germany
Intermediate
Senior
TypeScript
React
Matching moments
03:58 MIN
Making accessibility tooling actionable and encouraging
Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof
03:16 MIN
Improving the developer feedback loop with specialized tools
Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof
07:12 MIN
Ensuring accurate testing across different browsers and devices
Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof
05:28 MIN
The origin story of the Polypane developer browser
Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof
02:49 MIN
Using AI to overcome challenges in systems programming
AI in the Open and in Browsers - Tarek Ziadé
08:07 MIN
Exploring modern JavaScript performance and new CSS features
WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More
11:32 MIN
The industry's focus on frameworks over web fundamentals
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
07:46 MIN
The challenge of keeping up with modern CSS
WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More
Featured Partners
Related Videos
Oh S***! There's a New Accessibility Law and I'm Not Ready!
Emma Dawson
Data Mining Accessibility
Karl Groves
Going on a CODE100 Accessibility Scavenger Hunt
Chris Heilmann & Daniel Cranney
The What, Why, Who and How of accessibility on the web
Konstantin Tieber
Accessibility in React Application
Julia Undeutsch
Preventing Accessibility Issues Instead Of Fixing Them
Dirk Ginader
Decoding web accessibility through audit
Anuradha Kumari
Shift Left On Accessibility - Geri Reid
Geri Reid
Related Articles
View all articles



From learning to earning
Jobs that call for the skills explored in this talk.

Visonum GmbH
Remote
Junior
Intermediate
React
Redux
TypeScript


Confideck GmbH
Vienna, Austria
Remote
Intermediate
Senior
Node.js
MongoDB
TypeScript




TechBiz Global GmbH
REST
Docker
Node.js
JavaScript
Continuous Integration

UserTesting
Barcelona, Spain
Go
Bash
Python
Node.js
CircleCI
+6
