E-mail List Archives
Thread: Screen Readers And Code Inspection Within Browser Dev Tools
Number of posts in this thread: 4 (In chronological order)
From: Jim Homme
Date: Tue, Sep 29 2020 7:09AM
Subject: Screen Readers And Code Inspection Within Browser Dev Tools
No previous message | Next message →
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
From: Birkir R. Gunnarsson
Date: Tue, Sep 29 2020 6:35PM
Subject: Re: Screen Readers And Code Inspection Within Browser Dev Tools
← Previous message | Next message →
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
days).
On 9/29/20, Jim Homme < = EMAIL ADDRESS 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.
From: Lucy GRECO
Date: Wed, Sep 30 2020 1:08PM
Subject: Re: Screen Readers And Code Inspection Within Browser Dev Tools
← Previous message | Next message →
hello:
please send a message to the bats list as many of the people on that list
have found tricks to do this. subscribe at
bats.fiy
Lucia Greco
Web Accessibility Evangelist
IST - Architecture, Platforms, and Integration
University of California, Berkeley
(510) 289-6008 skype: lucia1-greco
http://webaccess.berkeley.edu
Follow me on twitter @accessaces
On Tue, Sep 29, 2020 at 5:36 PM Birkir R. Gunnarsson <
= EMAIL ADDRESS REMOVED = > wrote:
> 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
> days).
>
>
>
> On 9/29/20, Jim Homme < = EMAIL ADDRESS 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.
> > > > >
From: glen walker
Date: Wed, Sep 30 2020 1:52PM
Subject: Re: Screen Readers And Code Inspection Within Browser Dev Tools
← Previous message | No next message
Minor typo in Lucy's reply. The Blind Access Technology Specialists group
is at
https://bats.fyi/