WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Any alternative to reveal elements onfocus just like onmousehover in Rich Internet Applications ?

for

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

From: Ravindra Kumar Jain
Date: Fri, Jun 13 2014 1:44AM
Subject: Any alternative to reveal elements onfocus just like onmousehover in Rich Internet Applications ?
No previous message | Next message →

Hi List,
This is a user functionality , I am searching for which I think may
be "quite possible using jquery."

Consider an example of "Dropdown menu"
for a sighted user "onmousehover" over the main button / link
reveals the sub-headings.
I am expecting the same functionality for a keyboard user, when he
tabs into the button / link.
Example:

<ul class="TopMenu">
<li class="level_1" onmouseout="hideOverlay();"
onmouseover="showOverlay(this);">

For which I tried adding , onfocus="hideOverlay();", sadly didn't work.

Question : Can somebody suggest any good working implementable
examples / links (please dont give any framework examples )
............?

Question :Is is not justified that if a sighted user can reveal links
onmousehover .. a non sighted user can and should do the same on
tabbing ?

This I guess can be very useful for accessible dropdown menus and
expandable / collapsible regions.

Thanks in advance .....

Ravindra Kumar Jain
Accessibility Engineer
Onya Digital Solutions Pvt. Ltd.
www.onyadigital.com

From: Musthafa KP
Date: Fri, Jun 13 2014 3:51AM
Subject: Re: Any alternative to reveal elements onfocus just like onmousehover in Rich Internet Applications ?
← Previous message | No next message

onfocus="hideOverlay()" ??? is it showOverlay(). Make sure your button is
getting focus (use CSS for highlighting). Use focus/blur events for your
hover actions. It should work.


On Fri, Jun 13, 2014 at 1:14 PM, Ravindra Kumar Jain < = EMAIL ADDRESS REMOVED = >
wrote:

> Hi List,
> This is a user functionality , I am searching for which I think may
> be "quite possible using jquery."
>
> Consider an example of "Dropdown menu"
> for a sighted user "onmousehover" over the main button / link
> reveals the sub-headings.
> I am expecting the same functionality for a keyboard user, when he
> tabs into the button / link.
> Example:
>
> <ul class="TopMenu">
> <li class="level_1" onmouseout="hideOverlay();"
> onmouseover="showOverlay(this);">
>
> For which I tried adding , onfocus="hideOverlay();", sadly didn't work.
>
> Question : Can somebody suggest any good working implementable
> examples / links (please dont give any framework examples )
> ............?
>
> Question :Is is not justified that if a sighted user can reveal links
> onmousehover .. a non sighted user can and should do the same on
> tabbing ?
>
> This I guess can be very useful for accessible dropdown menus and
> expandable / collapsible regions.
>
> Thanks in advance .....
>
> Ravindra Kumar Jain
> Accessibility Engineer
> Onya Digital Solutions Pvt. Ltd.
> www.onyadigital.com
> > > >