Animated GIFs are a fun way to add interest to your website but did you know that they might be a violation of ADA requirements?

Animated gifs that repeat non-stop or more than 3 times in one second should be avoided.

To ensure compliance, animated images should stop after 5 seconds or users should be given a way to pause. They must also include alt text and if they contain blinking or flashing they should not flash more than 3 times in one second or if they flash in only one place on screen at a time and are quite small then they may be used. Refer to the following link to be sure: G176: Keeping the flashing area small enough

A tool such as the Photosensitive Epilepsy Analysis Tool may also be used to test for compliance.

Reference: opens in a new windowWCAG 2.1 (Level A) – 2.3.1

Similar Posts

  • Did you know that most online forms are not completely accessible to screen reader users?

    Bywpadauser

    Forms must be carefully constructed to ensure accessibility. The form element must include an aria-label describing the purpose of the form. In the event of error or during a multiple step entry process, information previously entered must be auto populated or available for the user to select. Each form field must be labeled using the…

  • a11y stands for ACCESSIBILITY

    Bywpadauser

    The A11Y Project is a community-driven effort to make digital accessibility easier. The A11Y Project website provides: Fundamentals and principles behind accessible design A checklist based on the Web Content Accessibility Guidelines (WCAG) A community of designers who are interested in improving Web Content Accessibility Many resources, including: tools, books, videos, podcasts, newsletters, even professional help!…

  • Did you know? All Headings are not Equal!

    Bywpadauser

    A very common accessibility problem is the lack of properly formatted Heading tags in a webpage (H1, H2, H3, H4, H5 or H6). Sometimes headings are not present or they may be incorrectly nested (ie… H2 before H1, H3 before H2 etc…). Headings communicate the organization of the content on the page and can be…

  • Web Accessibility Training

    Bywpadauser

    In this web accessibility training course you will learn web and digital accessibility skills for web, documents, and mobile content. This self-paced course cover the most important aspects of Web Accessibility and will teach you how people with disabilities use the web and different types of assistive technologies. Course Length Approximately 8 hours of reading…

Accessibility Tools
hide