WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Need to know if this code snippet is accessible

for

From: Carin Headrick
Date: Jun 10, 2010 12:27PM

Herm. It works, but it's not inherently obvious that that text is clickable.
But I can press enter on it and the description does appear below.

Carin
----- Original Message -----
From: "Angela French" < <EMAIL REMOVED> >
To: "'WebAIM Discussion List'" < <EMAIL REMOVED> >; "'UW
WebAccessibility Group'" < <EMAIL REMOVED> >
Sent: Thursday, June 10, 2010 1:13 PM
Subject: [WebAIM] Need to know if this code snippet is accessible


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/>;