WebAIM - Web Accessibility In Mind

E-mail List Archives

semantics for an A-Z index

for

From: Angela French
Date: Apr 6, 2015 10:06AM

Hello,
We are building up an A-Z type index there the alpha letters are <h2> headings. The question is what the items listed under each alpha letter should be to be best understood by screen reader users.

Our contractor coded them as <h3>, but I don't think that's right, since my thought on the use of headings is that content should follow headings. Would it be best to code the items as a list under each alpha letter, or is it okay to just have them be links? Lists could be overkill since some alpha's might only have one item.

<h2>A</h2>
<a href="itemone.html">item one</a>
<a href="itemtwo.html">item two</a>
<h2>B</h2>
<a href="itemone.html">item one</a>
<a href="itemtwo.html">item two</a>


OR as a list:

<h2>A</h2>
<ul>
<li><a href="itemone.html">item one</a></li>
<li><a href="itemtwo.html">item two</a></li>
<h2>B</h2>
<ul>
<li><a href="itemone.html">item one</a></li>
<li><a href="itemtwo.html">item two</a></li>
</ul>



Thank you,


Angela French
Internet Specialist
State Board for Community and Technical Colleges
360-704-4316
<EMAIL REMOVED> <mailto: <EMAIL REMOVED> >
www.checkoutacollege.com<;http://www.checkoutacollege.com>;
www.sbctc.edu<;http://www.sbctc.edu>;