Animated Gifs and the Office of the Director of National Intelligence
Accessibility for Animated Gifs
-
Upload
digitalgov-from-general-services-administration -
Category
Government & Nonprofit
-
view
99 -
download
0
Transcript of Accessibility for Animated Gifs
Choosy Content Folks Choose Accessible GIFs
Principles of Web Accessibility
YES! We can access this content!
Seizure and neurological
disorders
Deaf and hard of hearing
Color blindnessCognitive and mental health impairments
Blindness, low-vision, other visual impairments
Motor impairments
Disability Types
Other non-disability considerations
● Functional accessibility (compatibility with assistive technologies)
● Aging/Older Persons/Seniors
● Old equipment or devices● Low-literacy● Low-language proficiency ● Dyslexia, ADD/ADHD● Autism/Asperger syndrome
Roles
The
content
marketer
The
Accessibility
Expert
The
Developer
Roles
● Content managers: Describe the animated content sufficiently in text
● Developers or Accessibility Experts: Ensure elements blink or flash is in a
safe threshold - use PEAT
● Developers: Avoid using the marquee element
● Content managers Where possible, provide a non-animated equivalent or
method to skip the animation and get to the content
Also see: Best practices in Animation
Consider
Is it useful? Does the image(s) add to the content or detract from your message?Is the content in plain language?Is there a non-animated equivalent you can use?Quality vs. Quantity do the images compete for the audience’s attention?Should this be translated or adapted to another language?
Reminder List for GIFs:
● Ensure animated content is sufficiently described in text
● Ensure elements blink or flash are in a safe threshold - use PEAT
● Ensure the marquee element is avoided● Where possible, provide a non-animated
equivalent or method to skip the animation and get to the content
Resources for other animation
● Content: http://www.4syllables.com.au/● Infographics and Animation:
http://webaim.org/resources/designers/● Video: https://www.digitalgov.gov/2014/06/30/508-accessible-
videos-why-and-how-to-make-them/ and an example from Kids.gov
● PEAT: Photosensitive Epilepsy Analysis Tool● Accessibility Testing Information: http://trace.wisc.edu/peat/● Best Practices in Animation:
https://www.webaccessibility.com/best_practices.php?technology_platform_id=11
Questions?