WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: semantics for an A-Z index

for

From: Cliff Tyllick
Date: Apr 7, 2015 10:14AM

I agree. The list is the appropriate semantic feature. If you were to make each item an <h3>, then what is any given item a heading of?
Nm
This is a good example of situations in which lists will often have only one item. Does that make it not a list?

Well, if you go to the store with a scrap of paper that has a single item written on it, does the fact that you need only one item mean that this piece of paper is not your shopping list?

Or if you sit at your desk and find only "Finish the big project!!!!" on your calendar for the day, does the fact that you have only one must-do item mean that you have no "to-do list"?

Yes, in many cases it is at least poor form to present a single item as a list of one, but in those cases the list format is being used as a literary device to draw attention to important information. This is not one of those cases.

Cliff Tyllick

Sent from my iPhone
Although its spellcheck often saves me, all goofs in sent messages are its fault.

> On Apr 7, 2015, at 3:30 AM, Steve Green < <EMAIL REMOVED> > wrote:
>
> 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>;
>
> > > > > > >