WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2022 • Jun 15, 2022

Decoding web accessibility through audit

Anuradha Kumari

Are your automated tests missing 80% of accessibility bugs? Learn how to combine modern tooling with manual testing workflows to build truly inclusive web applications.

Pause
Mute Enter Fullscreen
#1 about 3 min

Introduction to web accessibility and assistive technologies

Standard coding guidelines prevent developers from accidentally breaking default web accessibility for users with disabilities.

#2 about 3 min

Understanding permanent, temporary, and situational disabilities

Adding inclusive features like closed captions and performance optimizations benefits users across various physical and environmental constraints.

#3 about 2 min

Applying web content accessibility guidelines and POUR principles

Structuring standard HTML semantic tags ensures web resources remain perceivable, operable, understandable, and robust across all user agents.

#4 about 4 min

Auditing interface interactivity with manual keyboard testing

Navigating forms and interactive elements solely with a keyboard reveals crucial gaps like missing focus rings and skipped links.

#5 about 3 min

Assessing live websites for focus states and contrast

Manually testing focus styling and proper color contrast highlights user navigation hurdles that automated checkers often miss.

#6 about 5 min

Evaluating user experience through screen readers and landmarks

Listening to how voiceovers announce page headings, live regions, and alternative attributes exposes poor semantic structure.

#7 about 4 min

Inspecting the browser accessibility tree using developer tools

Revealing the accessibility tree inside the elements panel helps developers understand exactly what assistive technologies process.

#8 about 3 min

Generating lighthouse reports and emulating user preferences

Running preliminary automated audits identifies baseline errors while browser emulation adjustments instantly test color scheme and reduced motion logic.

#9 about 3 min

Running automated accessibility checks with the axe CLI

Integrating command line accessibility checks targets basic structural violations without leaving the deployment pipeline toolkit.

#10 about 2 min

Concluding thoughts on continuous empathy and user feedback

Combining automated pipeline setups with regular input from marginalized users guarantees far more inclusive and practical product iterations.

#11 about 3 min

Addressing implementation questions around accessibility patterns and audits

Exploring specific hurdles regarding toast notifications, dynamic structural alerts, and methods for recruiting diverse usability testers clarifies daily execution.

Matching moments

53 sec

Utilizing developer tools to test and improve accessibility

Ramona Schwering Ramona Schwering · Coffee With Developers

2:56 min

Verifying accessibility compliance utilizing automated auditing and user testing

Ire Aderinokun · World Congress 2022

3:21 min

Testing interfaces with system screen readers

1:39 min

Utilizing testing tools to audit web platform compliance

Konstantin Tieber · World Congress 2022

4:30 min

Addressing web accessibility challenges in development teams

Anuradha Kumari · World Congress 2023

3:23 min

Testing accessibility with manual checks and automated tooling

Julia Undeutsch Julia Undeutsch · LIVE

More from World Congress 2022

What the heck do "declarative" and "reactive" actually mean? thumbnail
30:40
about 4 years ago

What the heck do "declarative" and "reactive" actually mean?

André Kovac

The Design and Evolution of C++ thumbnail
1:01:15
over 4 years ago

The Design and Evolution of C++

Bjarne Stroustrup

But, you're not Facebook thumbnail
31:12
over 4 years ago

But, you're not Facebook

Kristijan Ristovski

Communicate efficiently with Software Architecture Diagrams thumbnail
28:11
over 4 years ago

Communicate efficiently with Software Architecture Diagrams

Simon Lasselsberger

Get Ready for Jakarta EE 10! thumbnail
42:53
over 4 years ago

Get Ready for Jakarta EE 10!

Ivar Grimstad

Keep your code refactorable thumbnail
26:46
over 4 years ago

Keep your code refactorable

Gerrit Stapper

Related videos

Accessibility Features in Chrome DevTools and beyond thumbnail
30:17
Europe 2026 Virtual • 3 months ago

Accessibility Features in Chrome DevTools and beyond

Julia Undeutsch

The What, Why, Who and How of accessibility on the web thumbnail
29:59
World Congress 2022 • over 4 years ago

The What, Why, Who and How of accessibility on the web

Konstantin Tieber

Oh S***! There's a New Accessibility Law and I'm Not Ready! thumbnail
24:30
World Congress 2025 • about 1 year ago

Oh S***! There's a New Accessibility Law and I'm Not Ready!

Emma Dawson

WeAreDevelopers LIVE – Inclusion, Accessibility & Automation thumbnail
1:09:45
LIVE • 11 months ago

WeAreDevelopers LIVE – Inclusion, Accessibility & Automation

Chris Heilmann, Daniel Cranney, Daniela Kubesch

Accessibility Test Driven Development thumbnail
23:33
World Congress 2025 • about 1 year ago

Accessibility Test Driven Development

Maria Korneeva

WeAreDevelopers LIVE - Can AI save Accessibility?; Horrid HTML; The Frontend Treadmill and more thumbnail
1:06:13
LIVE • over 1 year ago

WeAreDevelopers LIVE - Can AI save Accessibility?; Horrid HTML; The Frontend Treadmill and more

Chris Heilmann, Daniel Cranney, Dirk Ginader

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.