Understanding Success Criterion 2.3.3: Animation from Interactions

Understanding Success Criterion 2.3.3 Animation from Interactions

Provide an option to turn off or disable animations that are triggered by interactions as it may induce vestibular disorders in some users.  

Official Requirements

Success Criterion 2.3.3 Animation from Interactions (Level AAA): Motion animation triggered by interaction can be disabled, unless the animation is essential to the functionality or the information being conveyed.

Why is it required?

The vestibular system is a sensory system that provides the brain with information such as motion, head position, and spatial orientation, therefore helping in the coordination of the body’s movement with balance.

If any injury or disease damages the vestibular system then the person goes through vestibular dysfunction or disorder. Vestibular (inner ear) disorder reactions include distraction, dizziness, headaches, and nausea.

People with vestibular disorders may experience reactions like distraction, dizziness, headaches, nausea, or other unpleasant effects due to movement on the screen. Therefore, it needs to be made accessible to them.  

How do we fix it?

  • Provide an option to turn off or disable animations on the web page
  • Make sure that the content is still accessible after disabling the animations

Are there any exceptions?

The animation for page scrolling is considered an essential function and therefore excluded from the success criteria. 

Furthermore, web pages where page animations are part of their purpose are also excluded from the success criteria. For example, a user preparing a PowerPoint presentation online and adding transitions between slides is allowed as it is an essential function.

Reference

Understanding Success Criterion 2.3.3: Animation from Interactions

Picture of Aditya Bikkani

Aditya Bikkani

Aditya is the COO of AELData, a growing technology company in the Digital Publishing and Education sectors. He is also an entrepreneur and founder of an accessibility tool called LERA. A W3C COGA (Cognitive and Learning Disabilities Accessibility) Community Member Aditya contributes to researching methodologies to improve web accessibility and usability for people with cognitive and learning disabilities.

Leave a Reply

Your email address will not be published. Required fields are marked *

Share on Social Media

Facebook
Twitter
LinkedIn
Email
Pinterest
Reddit
WhatsApp

Related Blogs

What is AEL Accessibility Checker (AAC)

What is AEL Accessibility Checker (AAC)?

Wondering how Accessible your website is to everyone? With AEL Accessibility Checker (AAC), you can quickly evaluate your web page against automated Accessibility violations.  AAC

How Accessible Is Your Website?

Check your site’s accessibility in few seconds with our FREE accessibility checker. Ensure compliance with ADA & WCAG guidelines and improve user experience across the board.

Skip to content