WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Nov 3, 2023

Preventing Accessibility Issues Instead Of Fixing Them

Dirk Ginader

By moving accessibility to the UX phase, teams eliminate costly post-launch fixes. Discover how one hour of proactive design investment saves four hours of engineering.

Pause
Mute Enter Fullscreen
#1 about 4 min

Business case for shifting accessibility to the left

Moving accessibility requirements to the user experience design phase prevents defects and reduces engineering remediation time.

#2 about 4 min

Understanding accessibility personas and disability models

The social model of disability reframes usability problems as structural design failures across permanent, temporary, and situational contexts.

#3 about 2 min

Validating accessible designs through real user testing

Engaging individuals with disabilities during early prototype testing provides nuanced interaction feedback impossible to get from static personas.

#4 about 5 min

Defining page structure with landmark roles and labels

Semantic landmark regions ensure non-visual interface users can quickly scan and navigate core page content areas without visual cues.

#5 about 3 min

Organizing content logically using semantic heading structures

A strictly descending heading hierarchy provides an immediate structural overview without relying on visual type scaling.

#6 about 6 min

Designing linear reading order and keyboard focus indicators

Documenting tab exception flows and customized cursor interactions ensures seamless keyboard navigation for complex widget groupings.

#7 about 4 min

Crafting concise labels and defining interactive element roles

Action-oriented textual labels paired with correct semantic roles prevent redundancy and ambiguity during screen reader interactions.

#8 about 10 min

Automating accessibility checks using digital design tool plugins

Incorporating accessibility plugins directly into design editors allows proactive validation of contrast, target sizing, and alternative text requirements.

#9 about 3 min

Documenting custom widget interactions for engineering handoff

Explicitly noting aria patterns and control flows avoids misinterpretations between interface designers and frontend product developers.

#10 about 3 min

Utilizing external guidelines and trusted tester resources

Leveraging dedicated accessibility communities and beta testing programs helps feature teams refine their inclusive digital strategies.

#11 about 5 min

Managing complex components like floating and disabled buttons

Supplying explicit context for hidden label behaviors and deciding whether disabled inputs retain keyboard focus impacts overall interface discoverability.

#12 about 3 min

Preserving accessibility metadata during automated code generation

While artificial intelligence accelerates design-to-code pipelines, manual structural validation remains essential to prevent critical semantic information loss.

#13 about 3 min

Adhering to accessibility standards within agile product iterations

Integrating structural design checks early in minimal viable products offsets the architectural debt generated by fast-paced startup development cycles.

#14 about 8 min

Addressing inconsistent screen reader and browser environments

Strictly following documented web standards minimizes rendering failures across highly subjective operating system and accessibility tool setups.

#15 about 2 min

Building a business case to secure stakeholder investment

Calculating the compounding cost of retroactive interface bug fixes provides a compelling financial argument for proactive inclusive design strategies.

Matching moments

4:30 min

Addressing web accessibility challenges in development teams

Anuradha Kumari · WWC 2023

3:46 min

Annotating design inputs to capture frontend developer accessibility requirements

Geri Reid · A11y + AI

3:08 min

Introduction to building accessible web frontends

Konstantin Tieber · WWC 2022

5:27 min

Integrating accessibility early in the software development lifecycle

Chris Heilmann +2 · LIVE

1:17 min

Treating accessibility as a collaborative product team effort

Emma Dawson Emma Dawson · WWC 2025

2:15 min

Overcoming challenges in building accessible interfaces

Aurora Scharff Aurora Scharff · WWC 2025

More from WeAreDevelopers LIVE

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
5 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
5 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
12 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe thumbnail
1:02:34
19 days ago

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe

Chris Heilmann, Daniel Cranney, Justin Halsall, Werner Jeschko, Nicole Jeschko, Mirco Tomić

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
26 days ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko thumbnail
5:55
about 2 months ago

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

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

Vibe Coding Accessibility

Karl Groves

Focused on actively fixing accessibility

Karl Groves
Open session

World Congress 2026 North America

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
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

When Humans Stop Writing Code: Rethinking Languages, Compilers, and Responsibility

Simon Auer

Organizer of flutter vienna meetup and CEO of marqably

Simon Auer
Open session

World Congress 2026 North America

Beyond the Code: Human-AI Synergies in Product Development

Ajita Kanchivakam Ananth

Staff Technical Program Manager at Google

Ajita Kanchivakam Ananth

Related videos

Shift Left On Accessibility - Geri Reid thumbnail
37:41
A11y + AI • 12 months ago

Shift Left On Accessibility - Geri Reid

Geri Reid

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

Making Interactions Accessible to All Users thumbnail
31:38
WWC 2023 • almost 3 years ago

Making Interactions Accessible to All Users

Anuradha Kumari

Continuous Accessibility thumbnail
24:43
WWC Europe 2026 • about 1 month ago

Continuous Accessibility

Jörg Jakoby

Mastering Keyboard Accessibility thumbnail
27:16
WWC 2023 • over 2 years ago

Mastering Keyboard Accessibility

Tanja Ulianova

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

Accessibility Test Driven Development

Maria Korneeva

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.