Smart Infographics and ADA Compliant Illustrations
Infographics are great learning tools that combine visuals and text in an easily digestible format. They convey patterns, trends, and other data that help us process information quickly. But what happens when a web user has a visual impairment or is color blind preventing them from accessing that information? We can create a wide range of infographics and illustrations that are fully accessible and incorporate interactive elements that work with assistive technologies such as screen readers.
“I don’t get access to people, objects, chart or graphics. I don’t get useful, often essential data like public health info that people post.”
ADA Compliant Infographics - Meaningful & Descriptive
We show you how to convey information in a manner all people with disabilities can perceive and understand. We also use high enough color contrast ratios for Americans with Disability Act compliance. We additionally use illustrative patterns to help explain and differentiate colors for those with color blindness. We translate the data visualizations into words for people to hear what is being displayed as a graphic file. We make sure everything is as easy as possible to understand for everyone.
Our Smart SVG™ infographics include a second vertical formatted mobile-friendly version which allows viewers not to have to pinch and zoom to read the infographic text. They will also flip into dark mode and respond to customized colors selected by the user. The overall goal is to give low vision users an equivalent experience to those who are sighted.
“Since markup can be added to the SVGs directly, they give individuals who use assistive technologies (ATs), such as screen readers, more information about the images within the image itself.”
Smart Infographics Overview
We can design using custom ADA compliant color palettes, textures and patterns to display your data in a visually attractive format.
How it works:
Gather your data and dreams.
You will need to deliver your marketing information and data to create your infographic. If you have a brand style guide we will review this for ADA and WCAG compliancy before we begin. We have you fill out our infographic questionnaire. Then we generate a quote for your project.We get designing.
Using the information you provided us, along with any copy to use within the graphics, we will mockup the design. We make sure the information, fonts and icons used are very easy to understand. Your infographic will be branded to your company style guide but we will additionally use patterns to convey color as needed for people color deficiencies.Custom Illustrations
When you approve our mockups we will move forward with designing all custom illustrations. We will make sure you final design can be used online as an accessible Smart SVG™, sent as a PDF or printed.
Mobile Infographics!
We would include a mobile-friendly version of most infographics to be reformatted on a mobile device. We also can use selectable and indexable text, which are compatible with screen readers and reader mode!
“So here’s the thing - image recognition in screen readers is a massive improvement over the absence of anything better, but it isn’t better than a text description provided by a content author who knows exactly what’s in the image, why it’s being used and the context it’s being used in.”