WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Mar 25, 2025

WeAreDeveloper Live: Accessibility in the EU, CSS Gaps and forms with Emma Dawson

Emma Dawson

Emma Dawson warns that automated overlays are harmful accessibility shortcuts. Discover how mastering semantic HTML solves massive EU compliance challenges without sacrificing your custom CSS forms.

Pause
Mute Enter Fullscreen
#1 about 7 min

Transitioning from inclusive teaching to web accessibility

Adapting lesson plans for children with differing needs creates a natural foundation for developing accessible web experiences.

#2 about 4 min

Learning frontend development by replicating existing websites

Rebuilding established user interfaces demystifies complex css patterns and implicit design decisions for early-career developers.

#3 about 4 min

Evaluating practical development approaches over whiteboard interviews

Asking candidates to rebuild real interfaces or explain open-source code reveals more about their capabilities than abstract algorithmic tests.

#4 about 4 min

Implementing multi-column content separators with proposed CSS features

New browser proposals aim to simplify inserting visual gaps between column layouts without relying on complex, unpredictable border hacks.

#5 about 8 min

Balancing native form styling capabilities with accessibility concerns

Providing advanced CSS access to native form controls prevents developers from creating custom unsemantic widgets that break keyboard functionality.

#6 about 6 min

Managing flexbox and grid spacing with CSS gap attributes

Using distinct gap values instead of margin overrides prevents unpredictable layout shifts while addressing zoom magnification usability concerns.

#7 about 4 min

Core requirements for the European Accessibility Act compliance

New legal standards mandate that private e-commerce and banking services implement WCAG compliant interfaces to support independent navigation.

#8 about 7 min

Avoiding technical shortcuts and AI accessibility overlays

Automated tools like AI alt-text generation and widget overlays cannot replace semantic HTML and often introduce further usability barriers.

#9 about 4 min

Identifying reliable web accessibility checklists and auditing tools

Resources like WebAIM and Accessibility Insights provide engineers with actionable testing criteria directly integrated into bug tracking pipelines.

#10 about 5 min

Maximizing usability through captions and audio descriptions

Proper subtitles and audio descriptions dramatically improve content consumption in diverse environments beyond strict legal compliance goals.

#11 about 5 min

Navigating cross-browser screen reader compatibility and testing

Coupling manual keyboard testing with visually impaired user feedback ensures product functionality beyond simple verification by automated scripts.

#12 about 4 min

Preserving screen reader list semantics against browser interventions

Using CSS reset styles to remove bullets can unintentionally strip critical list semantics in Safari without proper Aria role compensation.

#13 about 4 min

Creating accessible animated accordions with native HTML elements

Leveraging semantic details and summary tags reduces JavaScript overhead while integrating natively with in-browser text search functionalities.

#14 about 5 min

Grouping complex form inputs semantically using HTML attributes

Wrapping related input options in fieldset elements enables screen readers to accurately articulate group context and hierarchical input relationships.

#15 about 5 min

Integrating accessibility checks early into the development lifecycle

Prioritizing inclusive design during initial component creation drastically reduces the eventual organizational cost associated with retrofitting accessibility compliance.

Matching moments

4:30 min

Addressing web accessibility challenges in development teams

Anuradha Kumari · World Congress 2023

3:08 min

Introduction to building accessible web frontends

Konstantin Tieber · World Congress 2022

8:18 min

Building interactive accessibility learning resources for web developers

Chris Heilmann Chris Heilmann +2 · LIVE

3:51 min

Audience questions on accessibility and framework tradeoffs

Rowdy Rabouw Rowdy Rabouw · World Congress 2022

3:14 min

Introducing the accessibility panel and their industry backgrounds

Léonie Watson Léonie Watson +4 · A11y + AI

2:31 min

Introduction to software accessibility and European compliance directives

Moh’d Abualhuda +1 · World Congress 2023

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
19 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
26 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

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

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

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

WeAreDevelopers LIVE – Inclusion, Accessibility & Automation

Chris Heilmann, Daniel Cranney, Daniela Kubesch

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

WeAreDevelopers LIVE - Is Software Ever Truly Accessible? thumbnail
38:58
LIVE • about 1 year ago

WeAreDevelopers LIVE - Is Software Ever Truly Accessible?

Chris Heilmann, Daniel Cranney, Grahamthedev

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.