Where

Interactions panel

Interactions let us design around two powerful things: triggers and animations.

0 / 0 Checked

Copy link Copied!

Interactions

Avoid harmful animation patterns

Interactions

Design

Category:

Interactions

When:

Design

Certain animations can be distracting and cause dizziness, nausea, headaches, and seizures in people with vestibular and photosensitivity disorders.

Full details

Interactions

Avoid parallax effects

Interactions

Design

Category:

Interactions

When:

Design

A parallax effect is a design trend where background elements move at different speeds than foreground elements while scrolling. This type of motion is harmful to people with vestibular disorders and should be avoided or used with extreme caution and restraint.

Full details

Animation

Use subtle animations that don't flash more than recommended

Animation

Design

Category:

Animation

When:

Design

Significant on-screen flashing can trigger seizures. Animations and background videos can also be distracting and disruptive for people with cognitive disabilities like ADHD.

Full details

Images

Appearance

Media

Animation

Interactions

Forms

Images

Appearance

Color

Keyboard

Code

Keyboard

Appearance

Controls

Keyboard

Forms

Keyboard

Tables

Appearance

Controls

Code

Images

Media

Animation

Appearance

Code

Media

Keyboard

Interactions

Code

Headings

Content

Code

Headings

Content

Lists

Animation

Content

Back to checklist

Total progress

Congratulations on making the web a more accessible place. Celebrate your work on Twitter.

0 / 0

Hide progress

Show progress