Animation and accessibility are often seen as two separate powers at odds with one another. How is it possible to strike a balance between elements that move and the possible negative effects they expose to users who are sensitive to motion? Oriana García explains how her team at Mercado Libre tackled the challenge by creating guiding principles for applying animation to user interfaces and incorporating them into the team’s design system.

Why your coolest scrolly features can cause problems, and what to do about it

Damage to the vestibular system in the inner ear can result in dizziness, imbalance, vertigo, hearing loss, tinnitus, cognitive changes, and more.

For millions of people with vertigo and inner ear problems, large-scale web animations can trigger nausea, migraines, and dizziness. To make websites accessible for everyone, we don’t need to elimi…

Hinweise zum Erfolgskriterium 2.3.1 Grenzwert von dreimaligem Blitzen oder weniger aus den Web Content Accessibility Guidelines (WCAG) 2.1.

Die Richtlinien für barrierefreie Webinhalte (WCAG) 2.1 decken einen großen Bereich von Empfehlungen ab, um Webinhalte barrierefreier zu machen. Wenn Sie diesen Richtlinien folgen, dann werden Inhalte für eine größere Gruppe von Menschen mit Behinderungen barrierefreier sein. Dies beinhaltet Vorkehrungen für Blindheit und Sehbehinderung, Gehörlosigkeit und nachlassendes Hörvermögen, eingeschränkte Bewegungsfähigkeit, Sprachbehinderungen, Photosensibilität und Kombinationen aus diesen Behinderungen sowie einige Vorkehrungen für Lernbehinderungen und kognitive Einschränkungen; es werden jedoch nicht alle Benutzeranforderungen für Menschen mit diesen Behinderungen abgedeckt. Diese Richtlinien beziehen sich auf die Barrierefreiheit von Webinhalten auf Desktops, Laptops, Tablets und mobilen Geräten. Darüber hinaus wird das Befolgen dieser Richtlinien Webinhalte in vielen Fällen für Nutzer im Allgemeinen benutzbarer machen.

Starke Animationen können gefährlich sein. Neben neuen Webtechnologien für animierte Inhalte kommen auch Möglichkeiten, diese barrierefrei aufzubereiten.

Introduction

We are surrounded by a world of motion and I would like to get off of it