WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Making this type of navigation accessible

for

From: _mallory
Date: Apr 11, 2015 1:24AM

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
> > > >