WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: hidden content for screen readers

for

Number of posts in this thread: 4 (In chronological order)

From: adam solomon
Date: Tue, May 17 2011 6:15AM
Subject: hidden content for screen readers
No previous message | Next message →

This article on hidden
content<http://www.alistapart.com/articles/now-you-see-me/>;indicates
that height:0; width:0; overflow:hidden; will hide content from
screen readers as well as sighted users. Can anyone out there verify this
(that screen readers don't read such content), especially as regards Jaws
11?
Thanks in advance.

--
adam solomon
linkedin <http://il.linkedin.com/pub/adam-solomon/24/449/a4>;
blogix <http://adam.blogix.co.il/>;

From: Donald Evans
Date: Tue, May 17 2011 6:27AM
Subject: Re: hidden content for screen readers
← Previous message | Next message →

Yes it does.

Although I include:

position:absolute;
left:-10000px;

in the style to move the text off the visual screen.

Also See:
http://webaim.org/techniques/css/invisiblecontent/
And:
http://www.w3.org/TR/WCAG20-TECHS/C7.html


On Tue, May 17, 2011 at 8:14 AM, adam solomon
< = EMAIL ADDRESS REMOVED = >wrote:

> This article on hidden
> content<http://www.alistapart.com/articles/now-you-see-me/>;indicates
> that height:0; width:0; overflow:hidden; will hide content from
> screen readers as well as sighted users. Can anyone out there verify this
> (that screen readers don't read such content), especially as regards Jaws
> 11?
> Thanks in advance.
>
> --
> adam solomon
> linkedin <http://il.linkedin.com/pub/adam-solomon/24/449/a4>;
> blogix <http://adam.blogix.co.il/>;
>

From: Denis Boudreau
Date: Tue, May 17 2011 6:51AM
Subject: Re: hidden content for screen readers
← Previous message | Next message →

Hi Adam,

Yes it does hide it for everybody. In a nutshell, screen readers do this because they tend to comply with the CSS recommendations that say that content set to "hidden" should be invisible to users.

Although, in this case, I'm not sure whether screen readers ignore it because of the width and height being set at 0, or because the overflow is set to hidden (I would tend to believe it's the latter, considering how SR behave with visibility: hidden).

Hoping this helps!

/Denis



On 2011-05-17, at 8:14 AM, adam solomon wrote:

> This article on hidden
> content<http://www.alistapart.com/articles/now-you-see-me/>;indicates
> that height:0; width:0; overflow:hidden; will hide content from
> screen readers as well as sighted users. Can anyone out there verify this
> (that screen readers don't read such content), especially as regards Jaws
> 11?
> Thanks in advance.
>
> --
> adam solomon
> linkedin <http://il.linkedin.com/pub/adam-solomon/24/449/a4>;
> blogix <http://adam.blogix.co.il/>;
>

From: adam solomon
Date: Tue, May 17 2011 10:33AM
Subject: Re: hidden content for screen readers
← Previous message | No next message

Thanks for the feedback. If anyone is willing to check with their Jaws 11
I'd be grateful. I want to be 100% sure of what the outcome is. I know for a
fact that in previous versions it read such content - because it couldn't
figure out that it was hidden based on such css. I'm skeptical about whether
it can figure it now. Also, what if I made the height and width to 1 and
then set the opacity to 0 - would it also not read it?

On Tue, May 17, 2011 at 3:49 PM, Denis Boudreau < = EMAIL ADDRESS REMOVED = >wrote:

> Hi Adam,
>
> Yes it does hide it for everybody. In a nutshell, screen readers do this
> because they tend to comply with the CSS recommendations that say that
> content set to "hidden" should be invisible to users.
>
> Although, in this case, I'm not sure whether screen readers ignore it
> because of the width and height being set at 0, or because the overflow is
> set to hidden (I would tend to believe it's the latter, considering how SR
> behave with visibility: hidden).
>
> Hoping this helps!
>
> /Denis
>
>
>
> On 2011-05-17, at 8:14 AM, adam solomon wrote:
>
> > This article on hidden
> > content<http://www.alistapart.com/articles/now-you-see-me/>;indicates
> > that height:0; width:0; overflow:hidden; will hide content from
> > screen readers as well as sighted users. Can anyone out there verify this
> > (that screen readers don't read such content), especially as regards Jaws
> > 11?
> > Thanks in advance.
> >
> > --
> > adam solomon
> > linkedin <http://il.linkedin.com/pub/adam-solomon/24/449/a4>;
> > blogix <http://adam.blogix.co.il/>;
> >