WebAIM - Web Accessibility In Mind

E-mail List Archives

Making this type of navigation accessible

for

From: L Snider
Date: Apr 10, 2015 11:29AM

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