WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: which aria role to use

for

From: Bryan Garaventa
Date: Oct 25, 2012 4:21PM

Though the following alternative does appear to work for boundary
announcement in IE8 and JAWS13:

<div role="region" aria-label="Note">
Test
</div>


It would need to be tested in all of the browser/AT combos mentioned earlier
though to be on the safe side however.

----- Original Message -----
From: "Bryan Garaventa" < <EMAIL REMOVED> >
To: "WebAIM Discussion List" < <EMAIL REMOVED> >
Sent: Thursday, October 25, 2012 3:03 PM
Subject: Re: [WebAIM] which aria role to use


> The only reliable way I've found for doing this which is cross platform
> and
> cross AT compatible, is the Popup example shown at
> http://whatsock.com/modules/standard_dynamic_control_templates/demo.htm
>
> It doesn't rely on ARIA, instead it uses strategic DOM insertion and
> offscreen text. I've tested this in IE 8-9 and FF and Chrome using JAWS
> 12-14 and NVDA, and using Voiceover in iOS Safari, with equal
> accessibility.
>
> role="note" on container elements appears to do nothing in IE8 using
> JAWS13,
> and if you are referring to the use of role="note" on an active element,
> that's not advisable, because it hides the active element role from the
> screen reader so that only the text is announced.
>
> E.G
>
> <a href="#" role="note"> Test </a>
>
> Results in simply "Test" being announced as plain text, not as a link
> using
> JAWS.
>
> ----- Original Message -----
> From: "Angela French" < <EMAIL REMOVED> >
> To: < <EMAIL REMOVED> >
> Sent: Thursday, October 25, 2012 1:34 PM
> Subject: [WebAIM] which aria role to use
>
>
>> Hello,
>> We are building a new web app and would like include Aria were it makes
>> sense to do so. In the case where a user might click on a link and be
>> presented with a popup that presents additional information, would
>> role="note" be the best option?
>>
>> An example might be where a person's name appears in a table of
>> information and clicking on the hyperlinked name would produce a popup
>> that provides additional information about that person such as phone,
>> email address, etc.
>>
>> Thank you!
>>
>>
>> Angela French
>> Internet Specialist
>> State Board for Community and Technical Colleges
>> 360-704-4316
>> <EMAIL REMOVED>
>> http://www.checkoutacollege.com/
>>
>> >> >> >
> > >