WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Focus order issue ... Could Aria-controls have an effect?

for

From: Birkir R. Gunnarsson
Date: Sep 21, 2019 12:10PM

Bim

You can inspect the DOM in both Firefox and Chrome
In Chrome, for instnace
1. Select the element you want to inspect (you can do it in browse
mode in Jaws or NVDA)
2. Press shift-f10 and select "inspect"

You are put on that node in the Chrome developer tools.
At this point you have to force application/forms mode but after that
you can navigate the DOM with the arrow keys and press shift-f10 to
get the context menu where you can, e.g. copy the source code (select
copy and copy outer HTML).
I paste the code into Ed Sharp and then press ctrl-a to select all and
then ctrl-shift-enter, this removes all leading spaces from the code
which makes it easier to inspect, at least with a braille display.
Let me know if this helps



On 9/21/19, Bim Egan < <EMAIL REMOVED> > wrote:
> Hi Birkir,
>
> I've turned off the screen reader and tried navigating by keyboard, but
> still don't seem able to reach the sub-menu items. However, with the screen
> reader running, once I reach the search button, If I down-arrow I can move
> into the sub-menu, so it's just not moving focus to it via the tab key.
>
> This looks as though they've added tabindex="-1" on all the links and
> buttons in the sub-menu, but they're not appearing in the HTML.
>
> Trouble is there's only one tool I can use to view the generated source and
> it's in an IE toolbar, but I can't open the menu with either mouse or
> keyboard in IE. So can't view the generated source.
>
> Thanks for the suggestion though. Every little helps.
>
> Cheers,
>
> Bim
>
>
>
>
>
> -------------
> Bim Egan
> Skype phone: 01223 96 87 96
> Personal Email: <EMAIL REMOVED>
> Skype ID: bim.accessequals
>
> Coordinator: Describe Online
> W: www.describe-online.com
> E: <EMAIL REMOVED>
> ----------------------------------------
> Partner: AccessEquals
> W: www.accessequals.com
> E: <EMAIL REMOVED>
>