WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Definition list vs. Table

for

From: Accessibility India
Date: Dec 26, 2010 8:27AM

yes, for a single candidates information plane mark-up will be fine as
jared suggested. I feel if we have information of more candidates it
is better to provide some level of headings saying candidate 1 etc
instead of lists or tables which may not be correct in the present
scenario.
eg: <h2>Candidate 1 info</h2>
> first name: john
> last name: doe
> telephone: 111-1111
> city: beverly hills
> state: california
<h2> Candidate 2 info</h2>
> first name: john
> last name: doe
> telephone: 111-1111
> city: beverly hills
> state: california
This helps the screen reader user to jump directly to the required information.
Thanks & regards
Rakesh





On 12/24/10, 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/>;
>