WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Alt text or text equivalent for flowcharts, diagrams that have text in them

for

From: JP Jamous
Date: Nov 9, 2016 1:22PM

Jennifer,

That's a hard one. I would suggest adding a hidden paragraph that describes what is in the graph rather than using alt attribute. You can use sr-only class if you are using bootstrap to hide the text from sighted users.

With this approach, you can use UL or OL to provide steps in your descriptions.

We just covered something similar in the last quarter when we evaluated our site. We had a graph displaying rewards overview and another that is an info graph.