WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Organizational Charts

for

From: Birkir R. Gunnarsson
Date: May 7, 2015 8:32PM

aria-flowto is only supported in Jaws and FF (Jaws 14 and higher and,
I believe FF25 and higher) .. noother combination of browser and
screen reader that I have seen offer this functionality, sadly.
What about building an expandable tree widget?
(admittedly it takes quite a bit of coding).
You would start at the top, then use arrow keys to expand and
collapsae branches of the tree and arrow keys up and down to traverse
siblings.
Some ARIA trickery and JavaScript keyboard/focus management would make
this doable, admittedly it takes a developer more than an hour, or
two, maybe even 5, but it is quite doable.
Cheers



On 5/7/15, Yamanishi, Evan < <EMAIL REMOVED> > wrote:
> Ah, wish I had seen this thread sooner! I was toying around with this
> problem a while back, and came across thecodeplayer.com's example:
> http://thecodeplayer.com/walkthrough/css3-family-tree. I used that to
> attempt a quiz-like tree: http://codepen.io/sh0ji/pen/OPGGbG (admittedly
> still incomplete).
>
> Visual richness and non-visual accessibility are hardly ever mutually
> exclusive with proper separation of data and presentation, and CSS is
> amazing for that.
>
> Evan
>
>