An Introduction to Web Accessible Infographics
Channel: Ebony Hall
Date: 2022-03-23

Infographics are common tool used to help connections between topic or  complex data. Yet, images are inherently inaccessible to a variety of users who interact with them. This series is to support designers who are new to inclusive design in order to create infographics that are accessible for all.

Transcript: 

 Web Accessible Infographics: The basics of designing web accessible images with Ebony Hall

Have you ever read an article that refers to a broken photo above? Perhaps you are forced to navigate away to find the information elsewhere or lose interest? For the 1 in 5 people who have a visual, auditory, motor, speech or cognitive disability,  inaccessible content remains a huge barrier to accessing the web. 92% of major web pages fail to meet basic accessibility standards. This impacts 20% of their target audience through inaccessibility issues. Many of which are often easy to remediate.

So how do they interact with web pages and content? 
We first begin by defining web accessibility and guidelines. Next we look at how to design content to support users with disabilities. Lastly, we examine how to check content to ensure it is accessible. 


Web Accessibility means all users, and assistive technologies used to support them, are able to access web content without barriers. An infographic is a collection of images used to represent educational information. They help draw connections between topics or complex data. As a result, they are becoming more prevalent in all aspects of web content. An accessible infographics mean all content is aurally, visually, tactilely, and cognitively accessible for all users, regardless of how users interact with the content. 

Assistive technology are tools used by individuals with and without disabilities in order to access content online that would otherwise be inaccessible alone. Some common tools that assist users include: Screen Magnifying Software, Text-to-speech , Braille Displayer systems, Tactile Keyboards, Mouth Stick, Voice recognition, Alternate Keyboards, and Head wand. 

It is important to remember that designing accessibility means designing inclusion for all.