WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: which aria role to use

for

Number of posts in this thread: 3 (In chronological order)

From: Angela French
Date: Thu, Oct 25 2012 2:34PM
Subject: which aria role to use
No previous message | Next message →

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 ADDRESS REMOVED =
http://www.checkoutacollege.com/

From: Bryan Garaventa
Date: Thu, Oct 25 2012 4:03PM
Subject: Re: which aria role to use
← Previous message | Next message →

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 ADDRESS REMOVED = >
To: < = EMAIL ADDRESS 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 ADDRESS REMOVED =
> http://www.checkoutacollege.com/
>
> > >

From: Bryan Garaventa
Date: Thu, Oct 25 2012 4:21PM
Subject: Re: which aria role to use
← Previous message | No next message

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 ADDRESS REMOVED = >
To: "WebAIM Discussion List" < = EMAIL ADDRESS 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 ADDRESS REMOVED = >
> To: < = EMAIL ADDRESS 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 ADDRESS REMOVED =
>> http://www.checkoutacollege.com/
>>
>> >> >> >
> > >