WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Best way to "hide" an onClick event from screen reader?

for

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

From: Birkir R. Gunnarsson
Date: Thu, Apr 05 2012 8:05AM
Subject: Best way to "hide" an onClick event from screen reader?
No previous message | Next message →

Hi everyone

I've been looking at www.ruv.is (the webpage of the Icelandic National Radio).
It works very nicely with NVDA but Jaws (both 12 and 13) have huge
issues with the page, moving the focus all over the place.
The reason, as far as I can determine, is that an onClick event is
generated by JQuery to flip pictures on photo ribbons on the page
(there is nothing else in the way of automation, and the wave toolbar
does not bring anything up).
I need to somehow hide this activity from Jaws.
Would something like ARIA:Hidden do the trick here, or is a more
fundamental change necessary (I have examples of some excellently
accessible carousels availabe, but of course it is best to go the path
of fewest changes required).
Cheers
-B

From: John Martyn DoItBlind.com
Date: Thu, Apr 05 2012 9:48AM
Subject: Re: Best way to "hide" an onClick event from screen reader?
← Previous message | Next message →

Is it moving focus around the page or is it just speaking more information
that wanted?
John

-----Original Message-----
From: = EMAIL ADDRESS REMOVED =
[mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Birkir R.
Gunnarsson
Sent: Thursday, April 05, 2012 7:06 AM
To: WebAIM Discussion List
Subject: [WebAIM] Best way to "hide" an onClick event from screen reader?

Hi everyone

I've been looking at www.ruv.is (the webpage of the Icelandic National
Radio).
It works very nicely with NVDA but Jaws (both 12 and 13) have huge issues
with the page, moving the focus all over the place.
The reason, as far as I can determine, is that an onClick event is generated
by JQuery to flip pictures on photo ribbons on the page (there is nothing
else in the way of automation, and the wave toolbar does not bring anything
up).
I need to somehow hide this activity from Jaws.
Would something like ARIA:Hidden do the trick here, or is a more fundamental
change necessary (I have examples of some excellently accessible carousels
availabe, but of course it is best to go the path of fewest changes
required).
Cheers
-B
messages to = EMAIL ADDRESS REMOVED =

From: Birkir R. Gunnarsson
Date: Thu, Apr 05 2012 12:17PM
Subject: Re: Best way to "hide" an onClick event from screen reader?
← Previous message | Next message →

Hi

It is actually moving the Jaws focus around the page.
If you have Jaws on a machine and go to the main landmark for
instance, then leave it there for a few seconds, the Jaws cursor keeps
moving up. If you use tab to get to a link from that place, and then
you hit tab again, you end up stuck on the same link.
It is clearly messing with the Jaws focus, oddly enough not with NVDA
(I left all default settings for web browsing in Jaws, I know I can
fix it on my machine by disabling page refreshes, I have tested that,
but most users don't know that they need to do that).
Cheers
-B

On 4/5/12, John Martyn DoItBlind.com < = EMAIL ADDRESS REMOVED = > wrote:
> Is it moving focus around the page or is it just speaking more information
> that wanted?
> John
>
> -----Original Message-----
> From: = EMAIL ADDRESS REMOVED =
> [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Birkir R.
> Gunnarsson
> Sent: Thursday, April 05, 2012 7:06 AM
> To: WebAIM Discussion List
> Subject: [WebAIM] Best way to "hide" an onClick event from screen reader?
>
> Hi everyone
>
> I've been looking at www.ruv.is (the webpage of the Icelandic National
> Radio).
> It works very nicely with NVDA but Jaws (both 12 and 13) have huge issues
> with the page, moving the focus all over the place.
> The reason, as far as I can determine, is that an onClick event is generated
> by JQuery to flip pictures on photo ribbons on the page (there is nothing
> else in the way of automation, and the wave toolbar does not bring anything
> up).
> I need to somehow hide this activity from Jaws.
> Would something like ARIA:Hidden do the trick here, or is a more fundamental
> change necessary (I have examples of some excellently accessible carousels
> availabe, but of course it is best to go the path of fewest changes
> required).
> Cheers
> -B
> > > messages to = EMAIL ADDRESS REMOVED =
>
> > > >

From: Ryan Hemphill
Date: Thu, Apr 05 2012 3:47PM
Subject: Re: Best way to "hide" an onClick event from screen reader?
← Previous message | No next message

Sounds to me like the synch is getting messed up by the carousel updates. Let me take a closer look and I will get back to you. Fascinating bug, by the way! Thanks for sharing!

Ryan Hemphill
Senior User Experience Designer
Accessibility Consultant

On Apr 5, 2012, at 2:17 PM, "Birkir R. Gunnarsson" < = EMAIL ADDRESS REMOVED = > wrote:

> Hi
>
> It is actually moving the Jaws focus around the page.
> If you have Jaws on a machine and go to the main landmark for
> instance, then leave it there for a few seconds, the Jaws cursor keeps
> moving up. If you use tab to get to a link from that place, and then
> you hit tab again, you end up stuck on the same link.
> It is clearly messing with the Jaws focus, oddly enough not with NVDA
> (I left all default settings for web browsing in Jaws, I know I can
> fix it on my machine by disabling page refreshes, I have tested that,
> but most users don't know that they need to do that).
> Cheers
> -B
>
> On 4/5/12, John Martyn DoItBlind.com < = EMAIL ADDRESS REMOVED = > wrote:
>> Is it moving focus around the page or is it just speaking more information
>> that wanted?
>> John
>>
>> -----Original Message-----
>> From: = EMAIL ADDRESS REMOVED =
>> [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Birkir R.
>> Gunnarsson
>> Sent: Thursday, April 05, 2012 7:06 AM
>> To: WebAIM Discussion List
>> Subject: [WebAIM] Best way to "hide" an onClick event from screen reader?
>>
>> Hi everyone
>>
>> I've been looking at www.ruv.is (the webpage of the Icelandic National
>> Radio).
>> It works very nicely with NVDA but Jaws (both 12 and 13) have huge issues
>> with the page, moving the focus all over the place.
>> The reason, as far as I can determine, is that an onClick event is generated
>> by JQuery to flip pictures on photo ribbons on the page (there is nothing
>> else in the way of automation, and the wave toolbar does not bring anything
>> up).
>> I need to somehow hide this activity from Jaws.
>> Would something like ARIA:Hidden do the trick here, or is a more fundamental
>> change necessary (I have examples of some excellently accessible carousels
>> availabe, but of course it is best to go the path of fewest changes
>> required).
>> Cheers
>> -B
>> >> >> messages to = EMAIL ADDRESS REMOVED =
>>
>> >> >> >>
> > >