WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Mega Menus and WCAG 2.0

for

From: lists@srinivasu.org
Date: Jun 9, 2014 8:56PM

BTW, below is an awesome work by Adobe Accessibility team. Just wanted to jump in and give credit to right folks.

Best,
Srinivasu
PayPal

Best regards,

Srinivasu Chakravarthula
Mobile: +91 990 081 0881
Website: http://www.srinivasu.org |http://sgaccessibility.com
Follow me on Twitter:http://twitter.com/CSrinivasu

Sr. Accessibility Lead at PayPal
Founder at Sai Gagan Accessibility Solutions
Hon. Joint Secretary at The National Association for the Blind, Karnataka Branch
http://about.me/srinivasuc

Sent from my iPhone 4S

> On 10-Jun-2014, at 5:40, "Birkir R. Gunnarsson" < <EMAIL REMOVED> > wrote:
>
> The accessible mega menu from PayPal at
> http://adobe-accessibility.github.io/Accessible-Mega-Menu/
> has a link to a blog that explains some of their design actions with
> regard to keyboard and screen reader accessibility and navigation.
>
> I would have done a couple of minor things differently, but that is
> easy to say when you did not design an accessible and complex control
> and put it out there for everyone to use or modify.
>
> This is good work, great blog, and we need more of these type of
> things out there.
> Maybe reading through this blog will give you a little clearer idea of
> the type of navigational ideas being discussed.
> It would be cool to record a screencast of a screen reader or two and
> keyboard only access to the megamenu to accompany the blog.
> -B
>
>
>> On 6/9/14, Paul J. Adam < <EMAIL REMOVED> > wrote:
>> Hi Susie, I have about 4-5 live demo links included in the URLs from my
>> presentations below. They all don't work exactly the same but are great for
>> showing possible solutions.
>>
>>
>> Paul J. Adam
>> Accessibility Evangelist
>> www.deque.com
>>
>> On Jun 9, 2014, at 12:35 PM, Stanzel, Susan - FSA, Kansas City, MO
>> < <EMAIL REMOVED> > wrote:
>>
>>> Paul,
>>>
>>> I have a favor to ask. Could you please send a coding example for tabbing
>>> through the high level menu items as you have suggested? I didn't exactly
>>> understand it when I looked at your links.
>>>
>>> Susie Stanzel
>>>
>>> -----Original Message-----
>>> From: <EMAIL REMOVED>
>>> [mailto: <EMAIL REMOVED> ] On Behalf Of Paul J. Adam
>>> Sent: Monday, June 09, 2014 11:37 AM
>>> To: WebAIM Discussion List
>>> Subject: Re: [WebAIM] Mega Menus and WCAG 2.0
>>>
>>> Here's some good info/examples I've collected:
>>>
>>> http://pauljadam.com/moderna11y/#menus
>>> http://pauljadam.com/weba11ytesting/#menus
>>>
>>> Name, Role, Value, State, e.g. expanded/collapsed state is usually
>>> missing, role is usually incorrect. The keyboard interaction should not
>>> force them to TAB through every single item in the mega menu to bypass it
>>> or get to the specific item they want.
>>>
>>> Paul J. Adam
>>> Accessibility Evangelist
>>> www.deque.com
>>>
>>> On Jun 9, 2014, at 11:31 AM, Michael Moore < <EMAIL REMOVED> >
>>> wrote:
>>>
>>>> We are starting to see an increase in the use of mega menus on many of
>>>> our web sites. I believe that these things are generally usability
>>>> nightmares, particularly for people using screen magnification. What I
>>>> was wondering is if there are some typical WCAG 2.0 failures for these
>>>> things that I should be looking for. I have been checking for keyboard
>>>> accessibility and good focus indication within the menus but wonder if I
>>>> am missing something else.
>>>>
>>>> Thanks,
>>>>
>>>> Mike
>>>> >>>> >>>> list messages to <EMAIL REMOVED>
>>>
>>> >>> >>> messages to <EMAIL REMOVED>
>>>
>>>
>>>
>>>
>>> This electronic message contains information generated by the USDA solely
>>> for the intended recipients. Any unauthorized interception of this message
>>> or the use or disclosure of the information it contains may violate the
>>> law and subject the violator to civil or criminal penalties. If you
>>> believe you have received this message in error, please notify the sender
>>> and delete the email immediately.
>>> >>> >>> >>
>> >> >> >
>
> --
> Work hard. Have fun. Make history.
> > >