WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: NVDA reads all elements in the list when focusing with the tab key

for

From: Geetha Shamanna
Date: Aug 6, 2021 4:42AM

Hello,

You may find the following tutorial useful:
Navigate Chrome DevTools with assistive technology
https://developer.chrome.com/docs/devtools/accessibility/navigation/

Geetha
-----Original Message-----
From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of Vsevolod Popov
Sent: Friday, August 6, 2021 10:14 AM
To: Patrick H. Lauke < <EMAIL REMOVED> >; WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] NVDA reads all elements in the list when focusing with the tab key

Hello,
I am really confused about exploring CSS.
I try to find this top navigation css overflow issue you were pointing on so I could understand the issue better and report it.
But I am confused where I should look these CSS styles.
I do the following:
1. Tab untill the link where NVDA starts reading the whole menu from the first link in Firefox:
<a class="first level1 active" href="/">Главная</a> Press shift+F10 and choose inspect.
When the DOM opens, I tab untill NVDA says clickable inline.
There are checkboxes that indicate that the css style is enabled or not.
I also tryed to press shift+f7 and there the whole CSS page was opened with all styles and numbered lines.
I noticed that when pressing shift+f7 it loads only the part of the styles.
But I cannot find the issue you were pointing on.
Which way is correct?
Maybe I do it completely wrong?
I am really confused and would like to figure it out.
Thank you in advance!
04.08.2021 19:34, Patrick H. Lauke пишет:
> Use the browser's developer tools (F12, or the 'inspect' context menu
> option you mentioned). In the page inspector, you see the DOM, but
> also have a panel with all the styles currently applied to whatever
> element has focus/is highlighted in the DOM view

--
Best regards,
Vsevolod
https://t.me/vsevapopov2
https://github.com/sevapopov2