WebAIM - Web Accessibility In Mind

E-mail List Archives

DL inside UL navigation

for

From: ben morrison
Date: Aug 1, 2005 9:34AM

Ive been given a design from an outside agency that I have to build.
The usual nested list navigation, but with an added twist of the sub
navs having differing amounts of children. Am I just making matters
worse by using a definition list, heres my current code:

<ul>
<li><a href="#">The Project</a></li>
<li><a href="#">The ACP Regions</a></li>
<li><a href="#">Trade Policy Issues</a>
<dl>
<dt>Africa:</dt>
<dd><a href="#">SADC</a></dd>
<dd><a href="#">COMESA</a></dd>
<dd><a href="#">ALL</a></dd>
<dd><a href="#">UEMA</a></dd>
<dd><a href="#">ECOWCAS</a></dd>
<dd><a href="#">CEMAC</a></dd>
</dl>
<dl>
<dt>Caribbean:</dt>
<dd><a href="#">CARICOM</a></dd>
<dd><a href="#">OECS</a></dd>
</dl>
<dl>
<dt>Pacific:</dt>
<dd><a href="#">PIF</a></dd>
</dl>
</li>
<li><a href="#">Economic Partnership Agreements</a></li>
<li><a href="#">ACP States &amp; Doho Development Round</a></li>
</ul>

How else could i associate SADC, COMESA etc to belong to AFRICA.

Ben.