Accessibility for Animated Gifs

11
Choosy Content Folks Choose Accessible GIFs

Transcript of Accessibility for Animated Gifs

Page 1: Accessibility for Animated Gifs

Choosy Content Folks Choose Accessible GIFs

Page 2: Accessibility for Animated Gifs

Principles of Web Accessibility

YES! We can access this content!

Page 4: Accessibility for Animated Gifs

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

Page 5: Accessibility for Animated Gifs

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

Page 6: Accessibility for Animated Gifs

Roles

The

content

marketer

The

Accessibility

Expert

The

Developer

Page 7: Accessibility for Animated Gifs

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

Page 8: Accessibility for Animated Gifs

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?

Page 9: Accessibility for Animated Gifs

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

Page 10: Accessibility for Animated Gifs

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

Page 11: Accessibility for Animated Gifs

Questions?

[email protected]