WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: can screenreader user please test expanding content?

for

From: Angela French
Date: Apr 5, 2011 2:12PM

Thank you to everybody who tested the jQuery expanding content for me. I should clarify that I did not create this page, but rather am looking for an implementation of expanding content (content that will close/expanded for sighted users) that will be completely accessible to screen reader users and non-mouse users.

What I am still unclear about is this: is the content discoverable without any action by the screen readers user? My hope is that the fact that the content in the divs is "hidden" would be transparent to the screen reader user - in other words that it is already expanded. If it requires action by the screen reader user, what is the best way to convey that action is required? In this example, the developer used a background image of a plus sign to indicate to sighted users that that content can be expanded. If expanding the content requires action by the screen reader user, how do you know that it is required, other than the fact that the headline has been made into a link? When you click on it, what indication do you receive that there is additional content present, or does the screen reader just continue to read the page in a linear fashion?

Thank you for any clarification you might provide.

In case the link to the example is still needed, here it is: http://www.sohtanaka.com/web-design/examples/toggle/bad.htm

-----Original Message-----
From: Jeevan Reddy [mailto: <EMAIL REMOVED> ]
Sent: Tuesday, April 05, 2011 1:10 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] can screenreader user please test expanding content?

Hi Angela,
The Markup is fine, still the symantics of this Jquery/CSS expanding content is not conveyed to AT.
I've tested with NVDA V2011.1 on Firefox 3.6 and Windows 7.
it's working well with keyboard, but the screen Reader user has no idea what was happened when he/she clicked on it, i.e wether it is expanded or closed.

using well heading markup will help once the Screen Reader user used the content couple of times. so i suggest you to convey the user the state of hte widget. one way of doing it is ARIA. ofcourse older browser browsers doesn't support ARIA still atleast some users can receive well accessible information.

On Sat, Apr 2, 2011 at 2:25 AM, Angela French < <EMAIL REMOVED> > wrote:

>
> Hello,
> I am hoping that a screen reader user on this list would be willing to
> test the accessibility of this jQuery/CSS expanding content implementation.
>
> http://www.sohtanaka.com/web-design/examples/toggle/bad.htm
>
> Thank you very much,
>
>
> Angela French
> Internet Specialist
> State Board for Community and Technical Colleges
> 360-704-4316
> <EMAIL REMOVED>
> http://www.checkoutacollege.com<;http://www.checkoutacollege.com/>;
>
>