Re: [html-techs-tf] Agenda Thursday May 30th HTML5 & ARIA techniques for WCAG TF

Thanks James! I was worried that statement might not be totally true, I've removed it. I think there was some discussion about having both examples but I'd prefer to just use role=alert to keep it simple. It is interesting to learn about the differences. Or maybe use role=alert and aria-live=assertive on the one example to get wider support with IE. 

Thanks!

Paul J. Adam
Accessibility Evangelist 
www.deque.com

On May 29, 2013, at 7:18 PM, James Craig <jcraig@apple.com> wrote:

> 
> On May 29, 2013, at 4:58 PM, "Paul J. Adam" <paul.adam@deque.com> wrote:
> 
>> Hi All, in the last meeting I volunteered to create an example of form validation using WAI-ARIA assertive live regions: <http://pauljadam.com/demos/aria-alert-validation.html>.
>> 
>> Simple Form Validation Using Only WAI-ARIA role=alert or aria-live=assertive
>> 
>> This form validation example uses only WAI-ARIA assertive live regions. Both role=alert and aria-live=assertive function exactly the same, two examples are provided to demonstrate this.
> 
> That's not quite right. While role="alert" has a default value of aria-live="assertive" if no other aria-live value is included, adding aria-live="assertive" to a div does not turn it into an alert. 
> 
> For example, these two have identical role semantics and identical live region behavior. 
> <div role="alert"></div> <!-- aria-live="assertive" is implicit on elements with this role -->
> <div role="alert" aria-live="assertive"></div>
> 
> But these have identical role semantics but differing live region behavior. 
> <div role="alert" aria-live="assertive"></div>
> <div role="alert" aria-live="polite"></div>
> <div role="alert" aria-live="off"></div>
> 
> And these have identical live region behavior but identical role semantics.
> <div aria-live="assertive"></div>
> <div aria-live="assertive" role="alert"></div>
> <div aria-live="assertive" role="status"></div>
> 
> To demonstrate, try this example and delete the first item. The live region (role="status" which defaults to aria-live="polite") will change, but allow the screen reader to speak the focused node "Check Out button" before speaking the status "Item deleted." If you were to leave the role, but add aria-live="assertive" through the Web Inspector, the screen reader would speak "Item deleted" assertively, interrupting and trampling the speech that indicated focus had moved to the "Check Out button."
> 
> http://cookiecrook.com/test/aria/HandsOn/6_HandsOn_AriaAdvanced/accessible/accessible.htm
> 
> 
>> jQuery is used to test if the inputs are empty on submit and inject error messages into the live region containers if so. This has been tested successfuly on OS X+Safari+VoiceOver. It works decently on iOS 6 but on the 2nd submit the live region is not spoken. NVDA2013.1+FF20 & JAWS14+FF20 work well with a difference being that role=alert is announced as "Alert" and aria-live=assertive does not include that extra text. NVDA2013.1+IE8 does NOT work. IE8+JAWS14 ONLY works with aria-live=assertive. There are recommendations on the web to use BOTH role=alert & aria-live=assertive on the error container for wider UA/AT support.
>> 
>> I did not use any other ARIA properties or attributes to keep it focused on just the assertive live regions. I can tweak the example with feedback from the group. Please let me know if you have any questions or we can talk about it in the meeting. 
>> 
>> Thanks!
>> 
>> Paul J. Adam
>> Accessibility Evangelist 
>> www.deque.com
>> 
>> On May 29, 2013, at 5:40 PM, James Nurthen <james.nurthen@oracle.com> wrote:
>> 
>>> Apologies for the late agenda.
>>> 
>>> The Joint WCAG & PF Task Force for HTML5 and WAI-ARIA WCAG Techniques will be meeting on Thursday 30th May, 2013 at 20:00 UTC. Please note this is the call time formerly used for the WCAG call.
>>> 
>>> Meeting Information
>>> Time: 20:00 UTC, 6 AM Eastern Australia, 10 PM Central Europe, 4 PM Eastern US
>>> World Clock: <http://tinyurl.com/ctya6v6>
>>> Length: 60 minutes
>>> Bridge: +1.617.761.6200 (US)
>>> SIP: zakim@voip.w3.org
>>> Passcode: 9224#
>>> IRC: irc.w3.org port: 6667 channel #html-techs-tf
>>> 
>>> Survey - More ARIA techniques for 02 May 2013. *Question Number 2 ONLY* - https://www.w3.org/2002/09/wbs/35422/20130502tfaria2/
>>> Updates on other techniques. Is there anything else ready for survey - http://www.w3.org/WAI/GL/wiki/Techniques/ARIA
>>> Regards,
>>> James
>> 
>