Creating Accessible UI Animations

Creating Accessible UI Animations

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.

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
12.14.23

Similar items

Join us online at Webflow Conf 2025

View item
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Wized

4.27.20

Good Books

4.20.20

Circle

4.17.20

Control Webflow Anchor Link Smooth Scroll

4.16.20

Stamm Gartenbau

4.14.20

Design Bootstrap-themed sites in Webflow

4.14.20

Tinkertapes

4.7.20

Aaron Jackson

4.6.20

Foudamour

4.6.20

Colorables

4.1.20

Show/Hide Based on Date/Time

3.27.20

Click to Copy to Clipboard

3.25.20

Social Share Links + Open Graph Meta Data

3.19.20

7 Things to Know About Webflow

3.19.20

Gemnote

3.11.20

Appcues

3.11.20

Back to Previous Page Button

3.11.20

Vovi

2.29.20

YCode

2.28.20

Me | Today

2.28.20

Rapper Radio

2.28.20

Dwellito

2.28.20

Bravo Studio App

2.28.20

Webflow Lightbox Custom Overlay Color

2.28.20

Unqork

2.27.20

Custom Scrollbar

2.27.20

Petal

2.25.20

Autocode

2.21.20

Stacker

2.21.20

Print a Specific Element w/ Button

2.21.20

Mobile Tabs to Dropdown

2.16.20

Patra Capital

2.12.20

Jomor Design

2.5.20

Text Bottom Border Animation on Hover

2.5.20

Play

2.4.20

Paragon

2.4.20

Set Text to Today's Date

2.3.20

Klokki

1.30.20

Pest Stop Boys

1.30.20

Unicorn Factory

1.29.20

Cottage Grove Church

1.29.20

Unite America

1.29.20

EZ GIF

1.25.20

Userbase

1.25.20

AppSheet

1.25.20

Betty Blocks

1.25.20

Obviously Ai

1.23.20

Tadabase

1.22.20

Rows

1.22.20

Wappler

1.22.20

Hide Static Element if Webflow CMS Collection is Empty

1.19.20

Building an online school in Webflow

1.14.20
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.