WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Best way to hide headings from visual users while keeping them in the outline

for

From: Birkir R. Gunnarsson
Date: Apr 22, 2013 9:06AM

Dave

If you have the time and are not afraid *blink*
download NVDA
http://www.nvda-project.org
You can go to "preferences" "speech" and set speech out put to "none",
then the text the screen reader would speak appears visually in a
window.
Then use h or shift-h to navigate to next or previous heading on a
page, regardless of its level.
Use keys 1 through 6 in the top row of your qwerty keyboard to go to
next heading of that level.
One caviat.
If you have
h1
h2
h1
h3

You can only get to the h3 by going to th second h1 heading first.
Most screen readers only look at current level or higher. Once you get
to a heading of same level or lower, they stop searching.
You can use the "d" key to jump between aria landmarks on a page.
I think 20 mins of playing with it will give you an insight into how
it works for navigation pruposes. I know you may not have the time, no
problem, but I just wanted to suggest the idea to ya.
-B

On 4/22/13, Dave Merrill < <EMAIL REMOVED> > wrote:
> The offscreen behavior seems perfect, just what I was looking for.
>
>
> On Mon, Apr 22, 2013 at 10:55 AM, Jared Smith < <EMAIL REMOVED> > wrote:
>
>> On Mon, Apr 22, 2013 at 8:47 AM, Dave Merrill wrote:
>> > Do readers typically leave hidden content out of the outline?
>>
>> It depends on how it is hidden. If display:none or visibility:hidden,
>> etc. is used, it is removed from the document altogether. If it's
>> hidden off-screen or with CSS clip, then all of the semantics of that
>> element remain intact. An heading that is visually hidden off-screen
>> would still be part of the outline, appear in the heading list, be
>> navigable, etc., as if it weren't hidden at all.
>>
>> Jared
>> >> >> >>
>
>
>
> --
> Dave Merrill
> > > >