Accessing a Control on a webpage that is only available after hovering


Luke Robinett
 

FYI, this question applies to a work related web app so I can’t provide a URL that anybody here would be able to access. I will try to describe this as best I can and hopefully help can still be provided.

Imagine you’ve got a table of different items and you want to delete one of them. The instructions for this particular page say to hover over the checkbox of that item which will reveal three dots. Clicking on these three dots will give you the option to remove the item. The checkbox itself is accessible, but how do I invoke a mouse hover and subsequently access the resulting drop-down menu using NVDA and the keyboard?

I have tried routing the mouse pointer to the checkbox but obviously invoking a click at this point just toggles the checkbox. I’ve also tried NVDA OCR but didn’t get anything other than the expected text of the checkbox itself.

Of course this is a terribly poor design from an accessibility standpoint but I’d like to see if there’s someway I can achieve this before I approach the developer. We all know it can be hard to get anyone’s attention, let alone actually get something like this resolved.

Thanks and let me know if I can add more details that would be helpful

Luke


 

If anyone can point me to a webpage that can be generally accessed where this technique is used, I might be able to figure out how to to it.

I understand exactly what it is you're asking, Luke, but this is an instance where, at least for me, trial and error would be required to figure out the actual solution if such can be found.  There's got to be something, somewhere else, that does this.
--

Brian - Windows 10, 64-Bit, Version 21H2, Build 19044  

Constantly insisting on “my rights” with no consideration of “my responsibilities” isn’t “freedom” — it’s adolescence.
     ~ Commenter, Evangelos, in comments for
         America 2022: Where Everyone Has Rights and No One Has Responsibilities,
        New York Times, February 8, 2022

 


Jackie
 

Luke, unfortunately, this is pretty problematic. I tend to use
shift+backspace & NVDA+backspace in combination. Sometimes bringing
focus to bear on the control expands the menu. Sometimes left- (or
more commonly, right) clicking the object using NVDA's mouse keys +
object navigation also helps. But much depends on how the developer
implemented this particular control. & sometimes the expanded menu
actually appears in a different place, ie, the bottom of the screen,
than the object. Much, unfortunately, is really dependent on the
control in question.

Good luck.

On 2/28/22, Brian Vogel <britechguy@...> wrote:
If anyone can point me to a webpage that can be generally accessed where
this technique is used, I might be able to figure out how to to it.

I understand exactly what it is you're asking, Luke, but this is an instance
where, at least for me, trial and error would be required to figure out the
actual solution if such can be found.  There's got to be something,
somewhere else, that does this.
--

Brian - Windows 10, 64-Bit, Version 21H2, Build 19044

Constantly insisting on “my rights” with no consideration of “my
responsibilities” isn’t “freedom” — it’s adolescence.
~ Commenter, *Evangelos* , in comments for
America 2022: Where Everyone Has Rights and No One Has Responsibilities (
https://www.nytimes.com/2022/02/08/opinion/spotify-joe-rogan-covid-free-speech.html
) ,
New York Times , February 8, 2022





--
Subscribe to a WordPress for Newbies Mailing List by sending a message to:
wp4newbs-request@... with 'subscribe' in the Subject field OR by
visiting the list page at http://www.freelists.org/list/wp4newbs
& check out my sites at www.brightstarsweb.com & www.mysitesbeenhacked.com


Gene
 

I've almost never dealt with such a situation but I know they exist.  If you can move the virtual mouse to the check box, and often I find the virtual mouse can't be moved to the right place on web pages for some reason, then I would look around and see if anything relevant is on the page.  If the mouse is in the right place, you can look around in the usual ways and not disturb the mouse.  Maybe you will find something.


Gene

On 2/28/2022 1:01 PM, Luke Robinett wrote:
FYI, this question applies to a work related web app so I can’t provide a URL that anybody here would be able to access. I will try to describe this as best I can and hopefully help can still be provided.

Imagine you’ve got a table of different items and you want to delete one of them. The instructions for this particular page say to hover over the checkbox of that item which will reveal three dots. Clicking on these three dots will give you the option to remove the item. The checkbox itself is accessible, but how do I invoke a mouse hover and subsequently access the resulting drop-down menu using NVDA and the keyboard?

I have tried routing the mouse pointer to the checkbox but obviously invoking a click at this point just toggles the checkbox. I’ve also tried NVDA OCR but didn’t get anything other than the expected text of the checkbox itself.

Of course this is a terribly poor design from an accessibility standpoint but I’d like to see if there’s someway I can achieve this before I approach the developer. We all know it can be hard to get anyone’s attention, let alone actually get something like this resolved.

Thanks and let me know if I can add more details that would be helpful

Luke



.


Luke Davis
 

Luke Robinett wrote:

Imagine you’ve got a table of different items and you want to delete one of them. The instructions for this particular page say to hover over the checkbox of that item which will reveal three dots. Clicking on these three dots will give you the option to remove the item. The checkbox itself is accessible, but how do I invoke a mouse hover and subsequently access the resulting drop-down menu using NVDA and the keyboard?
I had something similar on GetResponse a few years ago.

I vaguely remember that I found some fiddly way to get there with object nav, but I don't think it was even half reliable.
The method I used most, and in truth this was one of the main reasons I gave up on GetResponse after a couple months, was this:

* Navigate to the invoking element (in your case a checkbox).
* Route the virtual mouse there.
* Use the actual mouse (a touchpad in my case), to very carefully move to the right, until some part of the button I wanted was spoken.
* Click with the actual mouse.

Things that are factors:
* Your mouse pointer speech granularity should probably be set to word.
* Your mouse sounds should be on, so that you can make sure audibly that you are maintaining a straight horizontal path.
* I forget whether I had to do this in focus mode, or if it worked in browse mode.

Alternative to the regular mouse, you might use Microsoft's Mouse Keys accessibility option. It's been a while since I did that though, so I forget how it interacts with NVDA.

Good luck!

Luke


hurrikennyandopo ...
 

Hi Luke


is a mouse over link like they have when you say go to sign out of netflix?


So for a example pressing the space bar or enter key does not do any thing.

It might expand the menu then close it.


If it is the same routing the mouse to that menu then leaving it a second or 2 brings up a menu which then you can arrow though.


Some I have seen like that some times you need to change into focus mode to see the menu then tab through it but guess you would of tried these already.



Is thee a external mouse over link you can point us to?



Gene nz

On 1/03/2022 9:23 am, Luke Davis wrote:
Luke Robinett wrote:

Imagine you’ve got a table of different items and you want to delete one of them. The instructions for this particular page say to hover over the checkbox of that item which will reveal three dots. Clicking on these three dots will give you the option to remove the item. The checkbox itself is accessible, but how do I invoke a mouse hover and subsequently access the resulting drop-down menu using NVDA and the keyboard?
I had something similar on GetResponse a few years ago.

I vaguely remember that I found some fiddly way to get there with object nav, but I don't think it was even half reliable.
The method I used most, and in truth this was one of the main reasons I gave up on GetResponse after a couple months, was this:

* Navigate to the invoking element (in your case a checkbox).
* Route the virtual mouse there.
* Use the actual mouse (a touchpad in my case), to very carefully move to the right, until some part of the button I wanted was spoken.
* Click with the actual mouse.

Things that are factors:
* Your mouse pointer speech granularity should probably be set to word.
* Your mouse sounds should be on, so that you can make sure audibly that you are maintaining a straight horizontal path.
* I forget whether I had to do this in focus mode, or if it worked in browse mode.

Alternative to the regular mouse, you might use Microsoft's Mouse Keys accessibility option. It's been a while since I did that though, so I forget how it interacts with NVDA.

Good luck!

Luke