WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Making this type of navigation accessible

for

From: L Snider
Date: Apr 13, 2015 6:33AM

Hi Ryan and _mallory,

Argh! Thanks for trying. I found the same with my testing this weekend. I
will have to figure out how to show you this example, without that top
piece getting in the way.

Cheers

Lisa

On Sat, Apr 11, 2015 at 12:41 PM, Ryan E. Benson < <EMAIL REMOVED> >
wrote:

> I have the same experience. I get stuck in the search box, I cannot even
> access the radio buttons
>
> --
> Ryan E. Benson
>
> On Sat, Apr 11, 2015 at 3:24 AM, _mallory < <EMAIL REMOVED> >
> wrote:
>
> > As a note, the only way I can even get my focus into the page is to
> > try to right-click or hold-button-mouse-click a focusable on the page
> > so I can tab further. I have not discovered how to otherwise get past
> > the header on that page, with the radio buttons.
> >
> > _mallory
> >
> > On Fri, Apr 10, 2015 at 12:29:01PM -0500, L Snider wrote:
> > > Hi Everyone,
> > >
> > > I was looking at a navigation structure on this page:
> > > http://demo.accesstomemory.org/chelmsford-womens-institute-2
> > >
> > > I think most people call this navigation structure, a treeview.
> > >
> > > It creates the list 'dynamically' so you don't see everything at once.
> > The
> > > structure may be problematic with screen readers, on mobile in
> > > particular...They can't get to the levels below the file level (ie:
> > Plants
> > > is okay, but nothing under that shows), and they may not be able to get
> > to
> > > the levels that are 'hidden' (one presses the little icon with the
> ...) .
> > >
> > > Any ideas on how to make this more accessible?
> > >
> > > I believe this is one way to do it?
> > >
> >
> http://accessibleculture.org/articles/2013/02/not-so-simple-aria-tree-views-and-screen-readers/
> > >
> > > I have not worked with this nav style before, so any advice or
> > > recommendations would be hugely appreciated!
> > >
> > > Cheers
> > >
> > > Lisa
> > > > > > > > > > > > > > > > > > > > > >
> > > > >