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: Lucy Greco
Date: Nov 9, 2016 5:40PM

check out a product called high charts they may be able to help with this
as well they have made some vary accessable svg files lucy

Lucia Greco
Web Accessibility Evangelist
IST - Architecture, Platforms, and Integration
University of California, Berkeley
(510) 289-6008 skype: lucia1-greco
http://webaccess.berkeley.edu
Follow me on twitter @accessaces


On Wed, Nov 9, 2016 at 12:30 PM, Beranek, Nicholas <
<EMAIL REMOVED> > 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
>
> > > at http://webaim.org/discussion/archives
> > >
> 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.
> > > > >