WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Read Hidden Content

for

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

From: Vincent Young
Date: Fri, Jan 13 2012 12:18PM
Subject: Read Hidden Content
No previous message | Next message →

There is a link in the middle of the page that when clicked on displays a
previously hidden content related to accessibility above the link. When
the link is clicked, it goes away, and there is no way to hide this hidden
content again. How would you best display this content as easily and
effectively as possible?

My 1st inkling:

1. The link should be an in-page link to the hidden content (i'm thinking
actually hidden with display:none as the paragraphs are pretty lengthy)
2. Use role=alert.

My 2nd inkling

1. The link should be an in-page link to the hidden content and hide the
hidden content off the page
2. No need for role=alert.

Example of both:
http://www.webhipster.com/testing/accessibility/show-hidden-content/

Requirements:

1. Can't not change content or the way things visually appear
2. Has to work back to JAWS 11/IE 8


Thanks in advance.


--
WebHipster Interactive, ltd.
Vincent Young - Principal
742 N Sweetzer
West Hollywood, CA 90069
p: 614.607.3400
f: 339-674-3400
e: = EMAIL ADDRESS REMOVED =
w: http://www.webhipster.com

From: Vincent Young
Date: Fri, Jan 13 2012 1:00PM
Subject: Re: Read Hidden Content
← Previous message | No next message

Added a few more test cases at
http://www.webhipster.com/testing/accessibility/show-hidden-content/

#4 makes the most sense to me:

1. Hide content with display:none
2. Add tabindex="-1" to hidden content
3. Add role="alert" to hidden content
4. When link is clicked, focus content div.

Seems to be the most reliable across browsers/at.

Thoughts?

On Fri, Jan 13, 2012 at 11:21 AM, Vincent Young < = EMAIL ADDRESS REMOVED = >wrote:

> There is a link in the middle of the page that when clicked on displays a
> previously hidden content related to accessibility above the link. When
> the link is clicked, it goes away, and there is no way to hide this hidden
> content again. How would you best display this content as easily and
> effectively as possible?
>
> My 1st inkling:
>
> 1. The link should be an in-page link to the hidden content (i'm thinking
> actually hidden with display:none as the paragraphs are pretty lengthy)
> 2. Use role=alert.
>
> My 2nd inkling
>
> 1. The link should be an in-page link to the hidden content and hide the
> hidden content off the page
> 2. No need for role=alert.
>
> Example of both:
> http://www.webhipster.com/testing/accessibility/show-hidden-content/
>
> Requirements:
>
> 1. Can't not change content or the way things visually appear
> 2. Has to work back to JAWS 11/IE 8
>
>
> Thanks in advance.
>
>
> --
> WebHipster Interactive, ltd.
> Vincent Young - Principal
> 742 N Sweetzer
> West Hollywood, CA 90069
> p: 614.607.3400
> f: 339-674-3400
> e: = EMAIL ADDRESS REMOVED =
> w: http://www.webhipster.com
>
>


--
WebHipster Interactive, ltd.
Vincent Young - Principal
742 N Sweetzer
West Hollywood, CA 90069
p: 614.607.3400
f: 339-674-3400
e: = EMAIL ADDRESS REMOVED =
w: http://www.webhipster.com