WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: How to make accessible flowcharts?

for

From: mhysnm1964@gmail.com
Date: Feb 7, 2019 5:55PM


Agreed, also are we talking about layer 2 or layer 3. Oops, layer 2 is the physical and layer 3 is the routing (logical) level. Other ideas we had if that occurred, was to have a pop-up menu. Then they could select the branch they wanted to follow. The layer 2 (l2) or layer 3 (l3), would have to be independent diagrams. AS it would get to complex. I have seen this done in tables which does make a lot of sense.

The CCIE diagrams I was looking at are so complex that I don't know if my idea would work. For CCNA and CCNP level this could. I am using the Cisco Certification courses as examples here. This could also apply to any similar networking courses.



-----Original Message-----
From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of Isabel Holdsworth
Sent: Thursday, 7 February 2019 10:51 PM
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
> >