WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2026 Europe - Virtual Stage • Jul 2, 2026 • Session details

Accessibility Features in Chrome DevTools and beyond

Julia Undeutsch

Automated checks only expose a fraction of web accessibility errors. Master Chrome DevTools to inspect the accessibility tree and debug semantic HTML. Build truly inclusive experiences.

Pause
Mute Enter Fullscreen
#1 about 2 min

Setting up accessibility audits with Google Lighthouse

Leveraging built-in browser tools allows teams to run baseline accessibility checks before deployment.

#2 about 4 min

Running automated lighthouse audits for image attributes

Automated devtools reports help efficiently discover and resolve missing alternative text on images.

#3 about 3 min

Understanding aria toggle fields and missing accessible names

Analyzing targeted lighthouse warnings clarifies the need for accessible names on interactive form controls.

#4 about 4 min

Manual accessibility testing using standard browser screen readers

Testing interfaces manually with a screen reader exposes critical interaction bugs missed by automated tools.

#5 about 3 min

Comparing the dom structure with the accessibility tree

Browsers simplify raw markup nodes into a semantic tree to clearly communicate with screen readers.

#6 about 5 min

Debugging invisible elements using the devtools accessibility panel

Toggling aria-hidden properties in the DOM exposes artificially obscured elements to assistive technology.

#7 about 2 min

Prioritizing semantic html over custom aria attribute implementations

Using standard semantic HTML forms guarantees reliable keyboard accessibility compared to custom ARIA attributes.

#8 about 3 min

Finding and fixing web color contrast accessibility failures

Adjusting text hex codes within the devtools panel helps text meet standard visibility and contrast guidelines.

#9 about 2 min

Emulating user vision deficiencies and dark mode preferences

Chrome emulation features preview how interfaces perform across various sight conditions and alternative system themes.

#10 about 2 min

Verifying page landmarks and logical source code order

Tracking document focus dynamically reveals mismatched visual layouts and structural HTML sequences.

#11 about 4 min

Expanding browser capabilities with external accessibility testing extensions

External browser extensions supply detailed accessibility context and comprehensive compliance review data.

Matching moments

53 sec

Utilizing developer tools to test and improve accessibility

Ramona Schwering Ramona Schwering · Coffee With Developers

4:30 min

Addressing web accessibility challenges in development teams

Anuradha Kumari · WWC 2023

1:39 min

Utilizing testing tools to audit web platform compliance

Konstantin Tieber · WWC 2022

3:23 min

Testing accessibility with manual checks and automated tooling

Julia Undeutsch Julia Undeutsch · LIVE

3:21 min

Testing interfaces with system screen readers

8:18 min

Building interactive accessibility learning resources for web developers

Chris Heilmann +2 · LIVE

More from World Congress 2026 Europe - Virtual Stage

One Does Not Simply Make Architecture Decisions Alone thumbnail
36:15
28 days ago

One Does Not Simply Make Architecture Decisions Alone

Vladas Diržys

From Black Box to Glass Box : Bedrock AgentCore Observability thumbnail
21:15
about 1 month ago

From Black Box to Glass Box : Bedrock AgentCore Observability

Yasemin Aktürk

Leading in Rhythm: How Women Make Better Decisions with Biological Intelligence thumbnail
30:41
about 1 month ago

Leading in Rhythm: How Women Make Better Decisions with Biological Intelligence

Julia Grosse

Better Together: Leveraging Your Observability Tools as a SIEM thumbnail
39:06
about 1 month ago

Better Together: Leveraging Your Observability Tools as a SIEM

Mathias Palmersheim

ChatGPT Apps: From Chat to Checkout thumbnail
30:29
about 1 month ago

ChatGPT Apps: From Chat to Checkout

Aaron Koivunen

Interior Decorating (TypeScript Decorators) thumbnail
29:22
about 1 month ago

Interior Decorating (TypeScript Decorators)

Michael Dowden

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Vibe Coding Accessibility

Karl Groves

Focused on actively fixing accessibility

Karl Groves
Open session

World Congress 2026 North America

Secure-by-Inclusion: Preventing Accessibility Barriers from Becoming Security Vulnerabilities

Radostina (Ina) Tsvetkova

Norwegian Directorate of Labour and Welfare (NAV), Senior Advisor in Digital Accessibility and Inclusive Design

Radostina (Ina) Tsvetkova
Open session

World Congress 2026 North America

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

Beyond Vibe Coding: Using CLI Tools as Your AI Counterpart in Pair Programming

Ron Veen

Java enthusiast and Special agent for Team Rockstars IT

Ron Veen
Open session

World Congress 2026 North America

Reinventing Testing Practices in the AI Era

Eric Deandrea

Java Champion & Senior Principal Software Engineer, IBM

Eric Deandrea

Related videos

Decoding web accessibility through audit thumbnail
29:03
WWC 2022 • about 4 years ago

Decoding web accessibility through audit

Anuradha Kumari

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

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

Konstantin Tieber

Going on a CODE100 Accessibility Scavenger Hunt thumbnail
35:39
Coffee With Developers • over 1 year ago

Going on a CODE100 Accessibility Scavenger Hunt

Chris Heilmann, Daniel Cranney

Accessibility Test Driven Development thumbnail
23:33
WWC 2025 • 12 months ago

Accessibility Test Driven Development

Maria Korneeva

WeAreDevelopers LIVE - Gaps in CSS, EU Accessibility Act and more! thumbnail
1:10:08
LIVE • over 1 year ago

WeAreDevelopers LIVE - Gaps in CSS, EU Accessibility Act and more!

Chris Heilmann, Daniel Cranney, Emma Dawson

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

WeAreDevelopers LIVE – Inclusion, Accessibility & Automation

Chris Heilmann, Daniel Cranney, Daniela Kubesch

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.