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: Vsevolod Popov
Date: Aug 6, 2021 3:14AM

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