WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Visually indicating accessibility error as a screen reader user

for

From: Alastair Campbell
Date: Mar 28, 2013 11:10AM

Birkir R. Gunnarsson wrote:
> It made me wonder what sighted testers do in this situation and if
> there is a tool or method that could replicate this for the
> zero-sighted.

Using screenshots is a common way of highlighting where issues are, I
generally use graphics software, but another way would be using
browser tools.

If you can use something like firebug you could highlight particular
areas by adding CSS. For example, if it has an ID:
#aParticularElement {outline: 2px red solid;}

I seem to remember that firebug had some work done to make it
accessible, although I'm not sure on it's current status. If you know
CSS (or are prepared to learn) that's probably the easiest way to
highlight things.

With an element highlighted in the HTML, move across to the styles
pane, and add the outline to the element styles.

You could then screenshot the browser (alt-prt sc on windows) and
paste into Word (or whatever).

Just don't leave any dodgy tabs open at the same time!

hth,

-Alastair