WebAIM - Web Accessibility In Mind

E-mail List Archives

Sections and links on collapsable menu

for

From:
Date: Apr 29, 2019 5:16PM

I am sure this question has been answered, but I didn't find it in the
threads.

I am working in the creation of a menu that is not the main menu of the
webpage.

This menu allows the user to load content on a video player next to this
menu.
This menu has to levels: section and content.

I am debating my self in a simple structure with list element and
aria-expanded. And adding a title in the top that clarifies the block.

Currently, we are using 'role="tab"' for the sections and 'role="link"' for
the internal elements. And currently, we don't support navigation between
tabs using the keyboard arrows. So the role tab is referring to the list of
links an not the element that load content in the player. As well more than
one section can be open.

Another complication is that the link levels show you the link to
additional resources.

Any thoughts?
Examples you consider well done with this or a similar structure?