WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: How to make accessible flowcharts?

for

From: Walters, April Contractor
Date: Feb 8, 2019 8:00AM

It seems like TWINE may work - http://twinery.org/
http://twinery.org/wiki/twine2:what_can_you_build_with_twine

http://twinery.org/wiki/twine2:the_story_map
So it appears you can basically take the diagram/flow-chart, and turn the relationships into "pages" when there's a juncture ("Did the test work?" Y goes to the "continue" path, N goes to the "troubleshoot" path)

http://twinery.org/wiki/twine2:how_to_review_your_story to see all the text parts together

This may be overkill, but I do like the fact this tool exists. :)


-----Original Message-----
From: Isabel Holdsworth < <EMAIL REMOVED> >
Sent: Thursday, February 7, 2019 6:51 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] How to make accessible flowcharts?

This is great. But what if there were more than one connection leading out from the same direction? Would be fun to try creating a prototype as an HTML application to start with.

On 07/02/2019, <EMAIL REMOVED> < <EMAIL REMOVED> > wrote:
> 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
>> >>
> > > archives at http://webaim.org/discussion/archives
> >
> > > archives at http://webaim.org/discussion/archives
> >