WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: what is the best way to semantically present this contact information?

for

From: Birkir R. Gunnarsson
Date: Oct 25, 2011 8:33PM

Hi

I don't have any issues reading the contact information with Jaws
12/IE9. Yes, it is one thing after another, but at least the address
reads nicely in two lines, then email, then phone/contact person.
I'd add (email: in front of email and (ph:) in front of phone, just to
avoid any possible conusion.
Suggestions for improvement (though it is definitely not accessibility
dealbreaker to set it up like this):
Can you make the center name a low level (5 ot 6) heading, so people
can jump directly between locations?
(mind you, you can by hitting tab twice anyway, as there are two links
for each locaion, one to the place, another for email).
Is it possible to set this up in a results table?
Can you have nested lists, one list for each location?
Any of these would upgrade the accessibility slightly for a screen
reader user, but I am not sure at what cost to the sighted users.
hth
-B

On 10/24/11, Angela French < <EMAIL REMOVED> > wrote:
> Hello,
> My quest to improve the accessibility of a site I now involved with at work
> continues.
>
> On this page, I'm wondering the best way to present the Program Locations
> that are shown there.
> http://www.sbctc.ctc.edu/college/s_lifetransitionsprogram.aspx
>
> Each program location is coded as a <p> with line breaks throughout to make
> the information readable to the sighted. I'm guessing though, that to a
> screen reader user it is one long run on sentence? What would be the best
> way to mark up information like this, or any multi-lined "contact"
> information for that matter.
>
> Thank you,
>
>
> Angela French
> Internet Specialist
> State Board for Community and Technical Colleges
> 360-704-4316
> <EMAIL REMOVED>
> http://www.checkoutacollege.com/
>
>