Re: Officially suggested keyboard interaction for sub-menu items in the "navigation"?

Hi, Ian and all.

Firstly, I don't understand the intensive use of role="presentation" in 
your code. According to the definition of this role:

"An element whose implicit native role semantics will not be mapped to 
the accessibility API.

The intended use is when an element is used to change the look of the 
page but does not have all the functional, interactive, or structural 
relevance implied by the element type, or may be used to provide for an 
accessible fallback in older browsers that do not support WAI-ARIA."

Secondly, in this particular case I think the problem is that the main 
"about" option should not perform any action other than opening the 
submenu. Do you really need the "about.html" page? Aren't you covering 
all this "about" information in the other pages? Wouldn't it be better 
to have a single page with anchors? If you do need this "main option" 
maybe you can include a "main" submenu option (with an adequate name).

Regards,
Ramón.

Ian wrote:

> Do we have a conclusion? Taking a look on the previous code again, and 
> there is a dilemma: when the focus is on the "About" menu item, should 
> hitting Enter key toggle the sub-menu or take users to about.html? There 
> is no specification addresses this issue. So it seems to be wrong to put 
> a "menubar" in the "navigation"?
> 
> <nav role="navigation">
>     <ul role="menubar">
>         <li role="presentation"><a href="index.html" 
> role="menuitem">Home</a></li>
>         <li role="presentation">
>             <a href="about.html" role="menuitem" 
> aria-haspopup="true">About</a>
>             <ul role="menu">
>                 <li role="presentation"><a href="our-company.html" 
> role="menuitem">Our company</a></li>
>                 <li role="presentation"><a href="our-team.html" 
> role="menuitem">Our team</a></li>
>                 <li role="presentation"><a href="our-location.html" 
> role="menuitem">Our location</a></li>
>             </ul>
>         </li>
>         <li role="presentation"><a href="contact.html" 
> role="menuitem">Contact</a></li>
>     </ul>
> </nav>

Received on Monday, 30 July 2012 06:42:32 UTC