WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Screen Readers And Code Inspection Within Browser Dev Tools


From: Birkir R. Gunnarsson
Date: Sep 29, 2020 6:35PM

I find code inspection in Chrome pretty tolderabletolerable.
Right click where you want to look at the code and choose "inspect
code" from the menu.
You're landed on the DOM tree, make sure your screen reader is in
forms/application mode, then you can use arrow key to traverse the
tree, context menu to add or modify attribute, or even ctrl-c to copy
the node and its descendants, then you can paste it into your favorite
code editor to inspect and play with, then you could paste it back if
you wanted to see your changes on the page in real time.
There are a few other tricks and there are things that I am still
finding hard to do, e.g. seeing the CSS associated with the currently
selected node in the DOM tree (Firebug did that really well in the old

On 9/29/20, Jim Homme < <EMAIL REMOVED> > wrote:
> Hi,
> So far my experience in both Firefox and Chrome with code inspection using
> screen readers has been very slow and clunky. Does anyone have experiences
> to share that might make the experience more pleasant?
> Thanks.
> Jim
> > > > >

Work hard. Have fun. Make history.