WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: How to make accessible flowcharts?

for

From: Isabel Holdsworth
Date: Feb 7, 2019 4:51AM

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
>> >>
> > > http://webaim.org/discussion/archives
> >
> > > > >