E-mail List Archives
Thread: what is the best way to semantically present this contact information?
Number of posts in this thread: 4 (In chronological order)
From: Angela French
Date: Tue, Oct 25 2011 8:21PM
Subject: what is the best way to semantically present this contact information?
No previous message | Next message →
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 ADDRESS REMOVED =
http://www.checkoutacollege.com/
From: Birkir R. Gunnarsson
Date: Tue, Oct 25 2011 8:33PM
Subject: Re: what is the best way to semantically present this contact information?
← Previous message | Next message →
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 ADDRESS 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 ADDRESS REMOVED =
> http://www.checkoutacollege.com/
>
>
From: Vincent Young
Date: Tue, Oct 25 2011 9:48PM
Subject: Re: what is the best way to semantically present this contact information?
← Previous message | Next message →
For SEO look into http://schema.org/Place and also consider
http://microformats.org/wiki/hcard.
On Mon, Oct 24, 2011 at 3:39 PM, Angela French < = EMAIL ADDRESS 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 ADDRESS REMOVED =
> http://www.checkoutacollege.com/
>
>
From: Jeevan Reddy
Date: Tue, Oct 25 2011 11:48PM
Subject: Re: what is the best way to semantically present this contact information?
← Previous message | No next message
Hi Angela,
As for as your markup is good, but still you can enhance accessibility
by you using h3 instead <p> tag for the program locations, i think, both
Paragraph and heading tags are block-level elements and gives same spacing
except font. developers can easily change font style and size through CSS.
It's not a big deal.
On Tue, Oct 25, 2011 at 4:09 AM, Angela French < = EMAIL ADDRESS 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 ADDRESS REMOVED =
> http://www.checkoutacollege.com/
>
>