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: Patrick H. Lauke
Date: Aug 6, 2021 3:23AM

I'll admit that I don't navigate developer tools with NVDA or keyboard
myself (only use NVDA for testing of the content itself), so I have the
advantage of just flitting around in devtools with the mouse and
speedily exploring stuff (by selecting/highlighting various elements
quickly in the DOM view and glancing over at the styles panel until I
find things that I suspect are problematic).

In this particular case, the overflow-y:auto is defined on the

<ul class="sidenav" id="mobile-menu">

So, depending on which element you "land" on in the developer tools' DOM
view (when you do the Inspect from the context menu), you sometimes need
to navigate up in the DOM hierarchy until you find the element that has
the offending CSS.

Hope that makes sense,

Patrick
--
Patrick H. Lauke

https://www.splintered.co.uk/ | https://github.com/patrickhlauke
https://flickr.com/photos/redux/ | https://www.deviantart.com/redux
twitter: @patrick_h_lauke | skype: patrick_h_lauke