WebAIM - Web Accessibility In Mind

E-mail List Archives

Need to know if this code snippet is accessible

for

From: Angela French
Date: Jun 10, 2010 12:15PM

Hello,
I have a test page posted at: http://checkoutacollege.com:8080/accordion2.htm . When the user clicks on the "read description" text, a block of text is revealed below. I need to know if this "accordion" methodology is accessible. It relies on the click event, so I'm thinking it's not. It also relies (for the sighted user's benefit) on the initial display property being set to none, until such time the user clicks on the "read description" text. Can screen readers read content that has been set to display:none?

Can anyone help me with this? If this method is not accessible, can anyone suggest a method that would work? The real page would have about 37 Program Titles and descriptions. The descriptions are a paragraph long, so for the sighted user, this results in a page that is visually very long. That is why I wanted to try this "accordion" or expanding content idea, but not at the expense of making it inaccessible.

Thank you for your input.

Angela French
Internet Specialist
State Board for Community and Technical Colleges
360-704-4316
http://www.checkoutacollege.com<;http://www.checkoutacollege.com/>;