Dirk Ginader
Preventing Accessibility Issues Instead Of Fixing Them
#1about 3 minutes
The business case for shifting accessibility left
Investing one hour in UX for accessibility pre-launch can save four hours of engineering time post-launch.
#2about 3 minutes
Understanding the social model and spectrum of disability
Disability is a mismatch between an individual's needs and a product's design, which can be permanent, temporary, or situational.
#3about 7 minutes
Defining page structure with landmarks and headings
Use landmarks for broad page sections and a logical heading hierarchy to create a navigable content structure for all users.
#4about 5 minutes
Defining interaction flow and keyboard navigation patterns
Document exceptions to the natural reading order and use a combination of tab and arrow keys for navigating complex component groups.
#5about 3 minutes
Creating clear labels and roles for interactive elements
Write concise, action-oriented labels that describe function without repeating the element's role, and use the correct element for the job.
#6about 8 minutes
Using Figma plugins to automate accessibility checks
Leverage Figma plugins like eBay's "Include" to annotate landmarks, check color contrast, and simulate various forms of color blindness.
#7about 3 minutes
Ensuring proper touch target sizes and text scaling
Design interactive elements with a minimum touch target of 48x48 pixels and ensure the UI remains functional when text is scaled to 200%.
#8about 3 minutes
Collaborating on accessibility and finding resources
Effective accessibility requires close collaboration between designers, engineers, and writers, supported by external resources and user testing programs.
#9about 19 minutes
Q&A on practical accessibility challenges
The discussion covers topics like accessible floating action buttons, disabled button states, and debugging inconsistencies across different browsers and screen readers.
Related jobs
Jobs that call for the skills explored in this talk.
Douglas GmbH
Düsseldorf, Germany
Intermediate
Senior
TypeScript
React
Matching moments
01:32 MIN
Organizing a developer conference for 15,000 attendees
Cat Herding with Lions and Tigers - Christian Heilmann
04:57 MIN
Increasing the value of talk recordings post-event
Cat Herding with Lions and Tigers - Christian Heilmann
04:22 MIN
Why HR struggles with technology implementation and adoption
What 2025 Taught Us: A Year-End Special with Hung Lee
03:38 MIN
Balancing the trade-off between efficiency and resilience
What 2025 Taught Us: A Year-End Special with Hung Lee
02:44 MIN
Rapid-fire thoughts on the future of work
What 2025 Taught Us: A Year-End Special with Hung Lee
04:27 MIN
Moving beyond headcount to solve business problems
What 2025 Taught Us: A Year-End Special with Hung Lee
03:48 MIN
Automating formal processes risks losing informal human value
What 2025 Taught Us: A Year-End Special with Hung Lee
03:39 MIN
Breaking down silos between HR, tech, and business
What 2025 Taught Us: A Year-End Special with Hung Lee
Featured Partners
Related Videos
56:00Data Mining Accessibility
Karl Groves
37:41Shift Left On Accessibility - Geri Reid
Geri Reid
35:39Going on a CODE100 Accessibility Scavenger Hunt
Chris Heilmann & Daniel Cranney
29:59The What, Why, Who and How of accessibility on the web
Konstantin Tieber
31:30Accessibility powered by AI
Ramona Domen
1:06:13WeAreDevelopers LIVE - Can AI save Accessibility?; Horrid HTML; The Frontend Treadmill and more
Chris Heilmann & Daniel Cranney & Dirk Ginader
30:07Accessibility in React Application
Julia Undeutsch
24:30Oh S***! There's a New Accessibility Law and I'm Not Ready!
Emma Dawson
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
Deloitte
Düsseldorf, Germany
Senior
HTML
JIRA
Figma
Confluence
Deloitte
Berlin, Germany
Senior
HTML
JIRA
Scrum
Figma
Confluence
+1
Deloitte
München, Germany
Senior
HTML
JIRA
Figma
Confluence