WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: markup for a Q & A list (kind of was Navigation listsand headers)

for

From: James Leslie
Date: Aug 28, 2007 9:10AM

>>...only (mis)using the <dl>, <dt> and <dd> tags.
>>
>>I can see the value of the <h?> tags in that they would allow a way
structurally to pull out or "scan" the >>questions. SO should I just get
over the concept that a <header> should be short?


This is something I have debated many times at work (we make faq
microsites) but in the main, I use

<h2 id="question">Question goes in here</h2>
<div id="answer">
<p>Answer goes in here</p>
</div>

In practice we do quite often have longer questions than answers, but
that shouldn't change the semantic value of the markup.

I have toyed with definition lists and can see an argument that
(semantically) the answer is defined by the question, but decided
against them except where I have a long list of faqs that are within a
section area, kind of as below:

<dl>
<dt>Most popular questions in: Buying</dt>
<dd><a href="#">Question 1</a></dd>
<dd><a href="#">Question 2</a></dd>
<dd><a href="#">Question 3</a></dd>
<dt>Most popular questions in: Selling</dt>
<dd><a href="#">Question 1</a></dd>
<dd><a href="#">Question 2</a></dd>
<dd><a href="#">Question 3</a></dd>
</dl>

My 2p....

James