WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible menus [another option]

for

From: Holly Marie
Date: Apr 23, 2003 1:20PM

From: "Benjer"

> I'm not sure how to go about making a hierachial menu accessible ie:
>
> Menu1
> Menu2
> Menu3
>
> subMenu1.1
> subMenu1.2
> subMenu1.3
>
> subMenu2.1
> subMenu2.2

One other option that may not have been mentioned, and came to me while
I was thinking about this...
A combination of using Headers and Lists...
I do this on a few of my journal pages. I have the categories(though my
headers are not links, but there is no reason why linking headers could
not be used?]

Example
<header level tag>Menu 1 [which is also a main navigational
link]</header level tag>
<li>for Menu 1, sub link item 1</li>
<li>for Menu 1, sub link item 2</li>
<li>for Menu 1, sub link item 3</li>

<header level tag>Menu 2 [which is also a main navigational
link]</header level tag>
<li>for Menu 2, sub link item 1</li>
<li>for Menu 2, sub link item 2</li>

etc ...

Now,
[*] Those Headers could be links.
[*] Those Headers or top level navigation items are *scannable* via
devices that allow users to skip or scan a web document header by
header, so this offers an added level of usability for the device users.
[*]These Headers are organized in heirarchy that fits the content and
delivery.

So, semantically this works very well. Each header would be the main
navigation, each list under each header the *sub* area site links for
those categories or main pages.

holly


----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/