WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Definition list vs. Table

for

From: Patrick Dunphy
Date: Dec 24, 2010 5:48AM

Adam - I would avoid tables. Have you investigated microformats?
Look at the hCard spec.

Did a quick search and this is a good example.

http://www.rachaelmoore.name/web-design/microformats/hcard-contact-info/

-PD

On Friday, December 24, 2010, adam solomon < <EMAIL REMOVED> > wrote:
> Let us say I have a web page which contains information about a particular
> individual. The content would look like this:
>
> first name: john
> last name: doe
> telephone: 111-1111
> city: beverly hills
> state: california
>
> Which of the following would be the preferable html markup from a semantics
> perspective?
>
> <dl>
> <dt>first name</dt><dd>john</dd>
> <dt>last name</dt><dd>doe</dd>
> <dt>telephone</dt><dd>111-1111</dd>
> <dt>city</dt><dd>beverly hills</dd>
> <dt>state</dt><dd>california</dd>
> </dl>
>
>
> or:
>
> <table>
> <tr>
> <th>first name</th><td>john</td>
> </tr>
> <tr>
> <th>last name</th><td>doe</td>
> </tr>
> <tr>
> <th>telephone</th><td>111-1111</td>
> </tr>
> <tr>
> <th>city</th><td>beverly hills</td>
> </tr>
> <tr>
> <th>state</th><td>california</td>
> </tr>
> </table>
>
> How much support is the table alternative given in screen readers?
> Would the following also be supported and valid?
> <table>
> <tr>
> <th>first name</th><td>john</td><th>last
> name</th><td>doe</td><th>telephone</th><td>111-1111</td><th>city</th><td>beverly
> hills</td><th>state</th><td>california</td>
> </tr>
> </table>
>
> Thanks in advance for any insight.
> --
> adam solomon
> linkedin <http://il.linkedin.com/pub/adam-solomon/24/449/a4>;
> blogix <http://adam.blogix.co.il/>;
>