WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible flow charts or diagrams

for

From: Ryan E. Benson
Date: Sep 14, 2011 9:45PM

Giovanni,

Nothing that I have seen makes fully accessible. I had to do this for
a project I was working on last week. The guidance i found was to
label each node as step 1, etc. then if you hit a decision node, such
as your end of first file, you decide one path and follow it to
completion, then the other. However after your decision node you say
if yes go to step xx, if no go to step yy. Your chart is kind of
tricky so you will have to be careful. For the alt attribute, I would
say something like "flow chart of how to calculate members dues". Then
since you can't rely on longdesc either a: put my description in plain
text under the image, or b: a link to a page with my desc. Of course
you can get fancy and hide it with CSS so only screen readers would
read it.

--
Ryan E. Benson



On Wed, Sep 14, 2011 at 8:03 PM, Giovanni Duarte < <EMAIL REMOVED> > wrote:
> Hi,
>
> I know I could provide an alternative text description to a flow chart but I
> would prefer to develop flow charts or diagrams that are already accessible.
> For example, to put math equations on the web, I could take a screenshot and
> then describe it, but it is better to use MathML. Have any of you
> implemented this? We develop many of these charts, flowcharts, or diagrams
> and I would like to find something that can make then accessible. I
> understand Microsoft Visio is somewhat accessible (or I could be wrong) but
> I need a web based solution.
>
> I know the example I am providing below is not accessible and I apologize
> for it.
>
>
>
> http://www.logiccoder.com/Images/ClubMembers02.jpg
>
>
>
> Thanks,
>
> Giovanni
>
>
>
>
>
>