Chat live content issues

18 views
Skip to first unread message

Andre Polykanine

unread,
Dec 24, 2012, 7:53:54 PM12/24/12
to free...@googlegroups.com
Hi everyone,
Here is my question.
There is a live chat.
The main content is updated in a div set up like this:
<div id="content" role="main" aria-live="polite">
First of all we tried to re-draw it totally on each AJAX request:
// It's jQuery
$("#content").html(response);
Then (logically!) JAWS 14 - what I'm working with - began reading all
the chat content each 5 seconds (that's our update interval).
Then we realized that it's not too optimal to do so.
And we replaced it with a prepend:
$("#content").prepend(response);
response being, for sure, a server response with new chat content.
Now JAWS doesn't read automatically anything.
My question is: why is that? What are we doing wrong?
Thanks!

--
With best regards from Ukraine,
Andre
Skype: Francophile
Twitter: http://twitter.com/m_elensule
Facebook: http://facebook.com/menelion

Victor Tsaran

unread,
Dec 26, 2012, 12:39:42 PM12/26/12
to free...@googlegroups.com, free...@googlegroups.com
Andre, what browser are you testing with? The behavior is usually more sporadic with Interoet Explorer.

Sent from my iPhone
> --
> You received this message because you are subscribed to the Google Groups "Free ARIA Community" group.
> To post to this group, send email to free...@googlegroups.com.
> To unsubscribe from this group, send email to free-aria+...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/free-aria?hl=en.
>

Bryan Garaventa

unread,
Dec 26, 2012, 1:50:05 PM12/26/12
to free...@googlegroups.com
The simplest way to do this, is to use unobtrusive announcement.

There is a jQuery script available for doing this at
http://whatsock.com/modules/aria_announce.js

So you can remove the aria-live=polite from the main div, which will cause
all of that content to be announced, and simply do the following instead.

When the new content loads, pass the DOM node for the last message to the
'announce' function, and set noRepeat to true.

announce(lastMsgNode, null, true);

This has been tested using JAWS11+> in IE8 and 9, Firefox, and Chrome;
using NVDA in IE 8 and 9, Firefox, and Chrome,
and using Voiceover in Mac and iOS Safari.

This is demonstrated at
http://whatsock.com/modules/accessible_chat_dialog_module/demo.htm

Victor Tsaran

unread,
Dec 26, 2012, 4:08:01 PM12/26/12
to free...@googlegroups.com
Hi Bryan,
I just ran your example and ended up with double announcement, plus the echo back of the original message. Was this your experience as well?
This is with VoiceOver and Safari on Mountain Lion.

Bryan Garaventa

unread,
Dec 26, 2012, 4:17:25 PM12/26/12
to free...@googlegroups.com
That is strange, I haven't seen that. Are there any other ARIA roles within
the markup?

Andre Polykanine

unread,
Dec 26, 2012, 4:33:32 PM12/26/12
to Victor Tsaran
Hello Victor,

I'm working with IE9, so the solution should work there, at least).
Will try Bryan's implementation.


--
With best regards from Ukraine,
Andre
Skype: Francophile
My blog: http://oire.org/menelion (mostly in Russian)
------------ Original message ------------
From: Victor Tsaran <vts...@gmail.com>
To: free...@googlegroups.com
Date created: , 7:39:42 PM
Subject: [free-aria] Chat live content issues


Reply all
Reply to author
Forward
0 new messages