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 · World Congress 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 · World Congress 2022

2:08 min

Framing digital accessibility as a user-centered process

Verónica Morales Beltrán Verónica Morales Beltrán · Europe 2026 Virtual

5:27 min

Integrating accessibility early in the software development lifecycle

Chris Heilmann Chris Heilmann +2 · LIVE

1:17 min

Treating accessibility as a collaborative product team effort

Emma Dawson Emma Dawson · World Congress 2025

More from WeAreDevelopers LIVE

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
10 days ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
17 days ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
18 days ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail
1:00:38
24 days ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
25 days ago

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude

Chris Heilmann, Daniel Cranney

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas thumbnail
5:46
about 1 month ago

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas

Chris Heilmann, Daniel Cranney, Marc Plogas

Related videos

Shift Left On Accessibility - Geri Reid thumbnail
37:41
A11y + AI • about 1 year ago

Shift Left On Accessibility - Geri Reid

Geri Reid

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

Making Interactions Accessible to All Users thumbnail
31:38
World Congress 2023 • about 3 years ago

Making Interactions Accessible to All Users

Anuradha Kumari

Continuous Accessibility thumbnail
24:43
World Congress 2026 Europe • 3 months ago

Continuous Accessibility

Jörg Jakoby

Mastering Keyboard Accessibility thumbnail
27:16
World Congress 2023 • almost 3 years ago

Mastering Keyboard Accessibility

Tanja Ulianova

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

Accessibility Test Driven Development

Maria Korneeva

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.