Choosy Content Folks Choose Accessible GIFs

Principles of Web Accessibility YES! We can access this content!

Meet PEAT Example The advisory guidance with the guideline is to avoid anything that flashes more than three times a second. There have been few instances of web content that falls into this category. The most likely cases are videos with a lot of flash photography, hence the warnings on the television news items.

Disability Types Deaf and hard of hearing Seizure and neurological disorders Motor impairments Color blindness Cognitive and mental health impairments Blindness, low-vision, other visual impairments But first, do you know what disability types there are? Explain briefly what each is.

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 What makes conditions such as Dyslexia, ADD, ADHD, Autism and Aspergers not a disability - what are the distinctions?

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? victoria.wales@gsa.gov