WebAIM - Web Accessibility In Mind

E-mail List Archives

Definition list vs. Table

for

From: adam solomon
Date: Dec 24, 2010 4:48AM

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