WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: semantics for an A-Z index

for

From: Steve Green
Date: Apr 7, 2015 2:30AM

I would recommend a list because that gives more information to screen reader users i.e. the number of items under each <h2> heading. That helps them make informed decisions about how to navigate within the page.

Steve Green
Managing Director
Test Partners Ltd

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Angela French
Sent: 06 April 2015 17:06
To: WebAim Forum ( <EMAIL REMOVED> )
Subject: [WebAIM] semantics for an A-Z index

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