WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: identifying an accessible social media sharing widget

for

From: Bryan Garaventa
Date: Jul 15, 2013 1:36PM

Hi,
I just gave this a spin, and if I may make a few suggestions, it will work
better in JAWS if you do the following.

The attribute role=menu should be on the UL tag, not the surrounding Div,
which also includes textual content that won't be announced in Applications
mode. Also, aria-owns should be set on the UL so that it properly maps the
IDs of each A tag with role=menuitem, since these are not first level
children.

Also, a container element should be added to surround the UL tag, which
contains role=application. This will ensure that JAWS 14 enters Applications
Mode when the first menu item receives focus, as it should for an ARIA Menu
widget. Then the basic keystrokes apply, Up/Down to navigate in a circular
manner, then Tab/Escape to close and set focus back to the triggering
element. (Here, when Up arrow is pressed after the first menuitem receives
focus, an error is thrown in IE.)

Lastly, aria-haspopup=true should be added to the triggering element, which
will convey that a menu is attached, and help to enter the right mode when
it opens.

When role=button and aria-haspopup=true are set on the triggering element
for an ARIA Menu construct formed in this manner, it works correctly as far
back as JAWS11 in IE8.

Best wishes,
Bryan Garaventa





----- Original Message -----
From: < <EMAIL REMOVED> >
To: "WebAIM Discussion List" < <EMAIL REMOVED> >
Sent: Monday, July 15, 2013 12:09 PM
Subject: Re: [WebAIM] identifying an accessible social media sharing widget


> You might want to look at the share widget from the Web Experience
> Toolkit: https://github.com/wet-boew/wet-boew/wiki/Share-widget
>
> It's a basic sharing widget, and requires jQuery.
>
> Working example on the page at
> http://wet-boew.github.io/wet-boew/demos/share/share-eng.html.
>
> Jason Kiss
> <EMAIL REMOVED>
> http://www.accessibleculture.org
>
>
>
>
> On 16/07/2013, at 4:30 AM, Jennifer Sutton < <EMAIL REMOVED> > wrote:
>
>> Greetings, WebAIM:
>>
>> I was looking at the Share This widget, on behalf of a client. It's
>> not very accessible, at least based on the versions I've seen:
>>
>> http://www.sharethis.com/
>>
>> In my search, I ran across this thread, regarding an implementation
>> of it as a Drupal module:
>>
>> https://drupal.org/node/1289054
>>
>> It was certainly disheartening to see someone from the company
>> repeatedly indicate in here that the company had no plans to fix
>> issues, despite the provision of specific recommendations.
>>
>> Has anyone found a more accessible version of something like this
>> that they'd like to recommend?
>>
>> A Drupal module would be handy, but a basic sharing widget that can
>> be deployed anywhere would also be useful to me.
>>
>> Thanks for any thoughts.
>>
>> Best,
>> Jennifer
>>
>> >> >> >
> > >