WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Clickable all over the webpage

for

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

From: Joey G.
Date: Sun, Jan 08 2017 10:21PM
Subject: Clickable all over the webpage
No previous message | Next message →

Hello.

What does it mean for the screen reader when it say aloud the word 'clickable' instead of the very obvious link? For example there is a website that every word in their article it has clickable in it. Why is that and can I actually click on it?

Joey

From: Paul J. Adam
Date: Sun, Jan 08 2017 11:07PM
Subject: Re: Clickable all over the webpage
← Previous message | Next message →

In my experience it means that they have a JavaScript click event attached to an element without a role and without any keyboard focusability or keyboard keypress events.

So it could be a <span> or <div> or <a> without the href.

VoiceOver users can press control+option+spacebar to "click" the element with the mouse but you can't press enter or spacebar key to activate it unless it's actually accessible.

Paul J. Adam
Accessibility Evangelist
www.deque.com

> On Jan 8, 2017, at 11:21 PM, Joey G. < = EMAIL ADDRESS REMOVED = > wrote:
>
> Hello.
>
> What does it mean for the screen reader when it say aloud the word 'clickable' instead of the very obvious link? For example there is a website that every word in their article it has clickable in it. Why is that and can I actually click on it?
>
> Joey
>
> > > >

From: Birkir R. Gunnarsson
Date: Mon, Jan 09 2017 7:31AM
Subject: Re: Clickable all over the webpage
← Previous message | No next message

Paul describes this pretty well.
Windows based screen readers (NVDA and Jaws) will fire a click event
when users press enter or spacebar while in browse mode.
This piece of code should work with Jaws and NVDA (copy into your tex
edtr and set up a webpage):
<span onclick="alert('you clicked me');">Click me, click me</span>
This span is probably announced as "clickable" by both screen readers,
and pressing enter on it will pop up the alert.
If you try to get there using keyboard alone, you won't.
Simulated click vents don't seem to work consistently when attached to
the <body> element, or to a container element with a bunch of content
inside it.
I have not had the time to explore this in more depth yet, though it
Is on my "it would be fun to do" list.



On 1/9/17, Paul J. Adam < = EMAIL ADDRESS REMOVED = > wrote:
> In my experience it means that they have a JavaScript click event attached
> to an element without a role and without any keyboard focusability or
> keyboard keypress events.
>
> So it could be a <span> or <div> or <a> without the href.
>
> VoiceOver users can press control+option+spacebar to "click" the element
> with the mouse but you can't press enter or spacebar key to activate it
> unless it's actually accessible.
>
> Paul J. Adam
> Accessibility Evangelist
> www.deque.com
>
>> On Jan 8, 2017, at 11:21 PM, Joey G. < = EMAIL ADDRESS REMOVED = > wrote:
>>
>> Hello.
>>
>> What does it mean for the screen reader when it say aloud the word
>> 'clickable' instead of the very obvious link? For example there is a
>> website that every word in their article it has clickable in it. Why is
>> that and can I actually click on it?
>>
>> Joey
>>
>> >> >> >> >
> > > > >


--
Work hard. Have fun. Make history.