Requirements for Animations
Animations include dynamic elements such as interactive images and games. For developing animations, follow these design and coding requirements.
These are the guidelines for creating Section 508-compliant animations.
Select colors that provide sufficient contrast. Color should not be used as the only way that information is conveyed. Animations should not override user-selected contrast and color selections and other individual display attributes.
Provide a well-defined, on-screen indication of the current focus that moves among interactive interface elements as the input focus changes. The focus should be programmatically exposed so that assistive technology can track focus and focus changes.
People who have difficulty controlling a mouse may find it more efficient to use a keyboard. Screen readers also use the keyboard to navigate through the page. Therefore, all interaction controls should be accessible from the keyboard.
Provide download links to any plug-ins or applications that are required to interpret the content.
An animation must not flicker with a frequency of greater than 2 Hz and lower than 55 Hz.
The Web page that contains your animation should still be usable when the script is turned off.
Animations must have a text version to be compliant with Section 508's accessibility requirements. The text version should include a full transcript of all of the speech, text, and action that happens in the animation. For guidelines for making animations natively more accessible, see WebAim.org or the National Center for Accessible Media.
Animations should work on all every browser in EERE's browser testing suite.
When a timed response is required, the user should be alerted and given sufficient time to indicate more time is required.
If you want to create an animation in Energy.gov, contact one of EERE's Site Coordinators.