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

Dizzy users close browsers: balancing creativity and accessibility

Piccia Neri

For users with vestibular disorders, complex web animations can cause physical distress. Learn how to balance creative UX with accessibility to build inclusive, nausea-free interfaces.

Pause
Mute Enter Fullscreen
#1 about 10 min

Personal triggers for vestibular disorders and light sensitivity

A severe physical reaction to fluorescent lights in a hospital reveals hidden sensitivities to fast-paced visual movement.

#2 about 4 min

How web animations cause physical illness for millions

Reckless web movement heavily impacts individuals dealing with vestibular dysfunction, autism, and persistent vision disabilities.

#3 about 4 min

Obstacles caused by unavoidable GIFs in digital communication

Auto-playing animations inside emails and websites quickly become solid barriers to absorbing essential information.

#4 about 5 min

Proving creativity does not rely on digital animation

Classical artifacts and tactile exhibits demonstrate that entirely static visual experiences remain highly creative and fully accessible.

#5 about 8 min

Evaluating award-winning web animations for screen reader compatibility

A Webby Award-winning museum website demonstrates how complex scroll-triggered animations create severe runtime barriers for screen reader users.

#6 about 2 min

Implementing accessible micro-animations for better user friction

Small, functional animations support visual cognition without breaking core website usability for standard screen reader software.

#7 about 3 min

Categorizing interactive versus autoplay web animations

Structuring interactive features against basic autoplay visuals highlights the flawed trend of equating rendering complexity with meaningful web innovation.

#8 about 8 min

Enhancing product conversions with accessible conversational interfaces

Comparing two live insurance platforms illustrates how careful vector graphics and micro-interactions improve purchase conversions without excluding targeted buyer demographics.

#9 about 3 min

Achieving creative web design without relying on animation

Sharp copywriting paired with strong aesthetic layout concepts builds highly engaging web brands without depending on motion graphics.

#10 about 4 min

Practical rules for deciding when to use web animations

Following strict deployment criteria ensures that interface animations solve usability issues instead of introducing visually invisible roadblocks.

#11 about 2 min

Respecting user preferences with reduced-motion media queries

Utilizing specific CSS properties correctly honors device operating system settings to automatically suppress disruptive front-end motion layers.

#12 about 3 min

Balancing creative budgets against web accessibility requirements

Selecting universally parsed interface patterns over heavily customized scrollers respects limited financial resources while protecting user inclusion.

#13 about 1 min

Approaching alternative image text as a creative opportunity

Authoring highly detailed and engaging alternative text descriptions improves fundamental storytelling quality while simultaneously accelerating search engine indexing.

#14 about 2 min

Performance drawbacks of scroll-triggered animations and WebGL

Scrolly-telling structures and poorly optimized canvas elements rapidly trigger severe cognitive discomfort and measurable browser thread starvation.

#15 about 4 min

Creating new industry awards to highlight accessible design

Architecting fresh recognition systems challenges modern creative agencies to engineer deeply engaging templates that fully survive accessibility validations.

#16 about 3 min

Utilizing AI and authoring tools to enforce basic accessibility

Automated text generation pipelines and specialized platform authoring hooks assist technical writers in establishing core content accessibility safeguards.

#17 about 6 min

Developing practical empathy for non-visual web users

Treating code accessibility problems as extreme baseline usability bugs ensures a significantly better product rendering experience across all audience segments.

Matching moments

2:14 min

Applying accessible whimsy and character to web design

Chris Heilmann Chris Heilmann +2 · LIVE

2:15 min

Overcoming challenges in building accessible interfaces

Aurora Scharff Aurora Scharff · World Congress 2025

8:05 min

Processing the accessibility impacts of aggressive video editing styles

Chris Heilmann Chris Heilmann +2 · LIVE

3:24 min

Designing applications for permanent physical and cognitive disabilities

Ramona Domen · LIVE

2:07 min

Understanding how disabled users navigate websites with assistive technology

Emma Dawson Emma Dawson · World Congress 2025

1:58 min

Evaluating user interfaces through impaired interaction states

Chris Heilmann Chris Heilmann +2 · LIVE

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

WeAreDevelopers LIVE - Accessibility isn't magic, Longevity, Devrel in times of AI and more thumbnail
1:42:35
LIVE • 12 months ago

WeAreDevelopers LIVE - Accessibility isn't magic, Longevity, Devrel in times of AI and more

Chris Heilmann, Daniel Cranney, Grahamthedev

Sink or Swim: What Swimming Teachs Us About Digital Accessibility thumbnail
14:25
Europe 2026 Virtual • 3 months ago

Sink or Swim: What Swimming Teachs Us About Digital Accessibility

Verónica Morales Beltrán

Preventing Accessibility Issues Instead Of Fixing Them thumbnail
56:01
LIVE • almost 3 years ago

Preventing Accessibility Issues Instead Of Fixing Them

Dirk Ginader

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

WeAreDevelopers LIVE - Rendering in the Browser, The State of CSS and Accessibility and more thumbnail
1:02:33
LIVE • over 1 year ago

WeAreDevelopers LIVE - Rendering in the Browser, The State of CSS and Accessibility and more

Chris Heilmann, Daniel Cranney, Elena Torró

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.