WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: can screen reader user please test expanding content?

for

From: Greg Gamble
Date: Apr 6, 2011 9:30AM

Hello All,

I'm the one who asked Angela to send a request for the Screen reads help ( no account at the time )

I have a couple of questions, sorry if they've been answered before ...

So when a person using a screen reader encounters an accordion type of control, where the content is hidden from a sited user but is still visible in the source, they cannot see inside of them or know when they are opening? Reading up on support for ARIA lead me to the following ...

I found this on handling some of the issues that have been brought up:
http://test.cita.illinois.edu/aria/tabpanel/tabpanel1.php

http://test.cita.illinois.edu/aria/tabpanel/tabpanel2.php

... do these examples work better than the original example, as far as letting a screen reader user know what is happening?

http://www.sohtanaka.com/web-design/examples/toggle/bad.htm

Greg Gamble
SBCTC - Olympia | Information Services
p - 360-704-4376
 think before printing


-----Original Message-----
From: <EMAIL REMOVED> [mailto: <EMAIL REMOVED> ] On Behalf Of Jeevan Reddy
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/>;
>
>