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: Anne Godlewski
Date: Nov 11, 2016 1:56PM

Is there a suitable solution for PDFs in such situations? I have a page-long infographic of a decision tree, and it's all text boxes and images for lines and arrows.

Anne

On Nov 9, 2016, at 3:30 PM, Beranek, Nicholas wrote:

> Hi Jennifer,
>
> We came across this problem recently. The solution we came up with is similar to what JP described: hide the image and contents of the flow chart and provide an offscreen alternative.
>
> Here's the page in question:
>
> https://www.capitalone.com/credit-cards/blog/annual-fee-worth-it/
>
> You'll notice that the flow chart itself is set to aria-hidden=true. The sibling of that <div> is another <div> positioned offscreen. It contains two <h3> and several <p> elements that explain what it is being conveyed visually in the graphics.
>
> I hope this helps!
>
> Nick Beranek
> Capital One
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Pope, Jennifer
> Sent: Wednesday, November 09, 2016 3:08 PM
> To: <EMAIL REMOVED>
> Subject: [WebAIM] Alt text or text equivalent for flowcharts, diagrams that have text in them
>
> Hi,
>
> Could you give me some guidance on how to provide alt text or an appropriate text equivalent for flowchart or diagram images that already contain text? Do you have any examples of ones done well I could take a look at? I've tried looking it up but just wondering what your experiences have been. These would be for images we're using in an online course. Thanks!
>
>
>
> Jennifer Pope
> Program Accessibility & QA Specialist
> NU Online Experiential Learning
> Northeastern University
> 360 Huntington Ave, 31 BV
> Boston, MA 02115
> 617-373-6634
>
> > > > >
> The information contained in this e-mail is confidential and/or proprietary to Capital One and/or its affiliates and may only be used solely in performance of work or services for Capital One. The information transmitted herewith is intended only for use by the individual or entity to which it is addressed. If the reader of this message is not the intended recipient, you are hereby notified that any review, retransmission, dissemination, distribution, copying or other use of, or taking of any action in reliance upon this information is strictly prohibited. If you have received this communication in error, please contact the sender and delete the material from your computer.
> > > >