WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: ARIA for main navigation bar


From: Bryan Garaventa
Date: Apr 23, 2015 6:29PM

Hi, aria-selected is not valid on menu item elements. Only gridcell, option, row, and tab.

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of <EMAIL REMOVED>
Sent: Thursday, April 23, 2015 3:55 PM
Subject: Re: [WebAIM] ARIA for main navigation bar

These are great points.

My next questionÅ 

It is my understanding that "aria-selected" can only be applied to menu items and not list items. So do you recommend simply using hidden text to communicate a selected or "you are here" state? (Standards pain point, but I gotta make what we have today work.)

This menu is definitely not a tree, which I know "aria-selected" can also be used for.



On 4/23/15 3:27 PM, "Patrick H. Lauke" < <EMAIL REMOVED> > wrote:

>On 23/04/2015 22:52, Jennifer Sutton wrote:
>> I tend to think that a flyout menu, such as the tutorial describes,
>> more typically represents what would be needed on a Web site;
>> whereas, using the ARIA menubar would be more for a Web
>> *application*. I guess the simplest way I can put it is that even if
>> something looks like a menubar, is it really *acting* like one?
>> One of the things that I find with ARIA (and perhaps it's with the
>> mis-application of it) is that one can spend a lot of time going in
>> and out of application mode to make selections (with JFW, for example).
>> There are absolutely cases where this is necessary, but I am not
>> convinced that menus are necessarily one of them, except when the
>> Web-based product is working like software.
>> My last point would be that when I'm navigating a menu, I want to get
>> where I'm going (and figure that out) as quickly as possible, and I
>> find that over-ARIA-fication can slow me down.
>I'd echo Jennifer's comments here. I've also found (speaking to a few
>other AT users, and from my own experience in development/testing) that
>overly complex ARIA patterns are sometimes overkill (and the more
>complex they are, the less likely they seem to be to work on anything
>other than desktop machines with a keyboard, as many of the patterns
>rely on custom keyboard event handling - on mobile devices, it seems
>that it's up to the AT/browser to work out appropriate
>gestures/controls purely from the assigned roles/attributes, meaning
>that any slight deviation from a particular complex pattern can result
>in completely unusable / unsupported constructs).
>In fact, I'm currently considering pulling some of the (well meaning,
>but not always helpful/appropriate) ARIA-fied things from the next
>version of Bootstrap (for instance, the current pattern used for
>menus/dropdowns, which attempts to follow the more application-centric
>approach, while most authors seem to be using them primarily as
>navigation tools).
>Patrick H. Lauke
>www.splintered.co.uk | https://github.com/patrickhlauke
>http://flickr.com/photos/redux/ | http://redux.deviantart.com
>twitter: @patrick_h_lauke | skype: patrick_h_lauke
>>>archives at http://webaim.org/discussion/archives