WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: How to make accessible flowcharts?

for

From: mhysnm1964@gmail.com
Date: Feb 6, 2019 5:25PM

David,

That is really outside of the box. This reminds me of a discussion I had with a co-worker. On the iPad or iPhone, we did discuss the ability of using the touch screen of a means of working out a flow chart. In our case it was a network diagram of routers and switches. Never got to the stage of finding someone who could code a prototype to see if it was even possible. The high overview on how we thought it could work:

1. Diagram is shown.
2. left and right swipe would take them to a switch or router.
3. Description would inform them of the next hop devices.
If a device was to the left, then they would perform a right to left swipe.
If the device was to the right, they would perform a left to right swipe.
If it was above. A bottom to up swipe.
And so on.
We even tossed around the ability of using the finger to be dragged around the screen providing textual description and sounds to inform if they are following a connection or on a device.



-----Original Message-----
From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of David Ashleydale
Sent: Thursday, 7 February 2019 3:15 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] How to make accessible flowcharts?

I wonder if there's a way to create an alternative format that reads sort of like a Choose Your Own Adventure:

Something like:

1: Do you like candy? If yes, go to 2. If no, go to 3.

2: Do you like crunchy or chewy? For crunchy, go to 6. For chewy, go to 7.

3: Have some fruit. If you are still hungry, go back to 1. If not, exit.

David

On Wed, Feb 6, 2019 at 6:45 AM Detlev Fischer < <EMAIL REMOVED> >
wrote:

> In principle, semantically you can map a flowchart and its links /
> choices to a set of pages with cross links. You may also map the logic
> to text elements on one page with in-page links to other elements on
> the same page, which would need good focus. This may not work well
> across devices and user agents, though - I remember reading that
> in-page links were not well supported or buggy in some mobile
> browsers. I have recently tested a web application where a visual flow
> chart was also available in an alternative list/grid view of steps
> with in-page cross linking. That worked, sort-of, though I would be
> cautious claiming full equivalence of such a solution as there is
> definitely less context available compared to viewing the full flowchart diagram.
>
> Best,
> Detlev
>
> Am 05.02.2019 um 20:19 schrieb Itzel McClaren (US - IFS):
> > Hello, we have a flowchart in PDF and we are having a hard time
> > figuring out what's the most efficient and effective way to make the
> > flowchart accessible. Any suggestions?
> >
> --
> Detlev Fischer
> Testkreis
> Werderstr. 34, 20144 Hamburg
>
> Mobil +49 (0)157 57 57 57 45
>
> http://www.testkreis.de
> Beratung, Tests und Schulungen für barrierefreie Websites
>
> > > archives at http://webaim.org/discussion/archives
> >