W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > April to June 2013

RE: Is it a good practice to put <article>s inside <li>s?

From: Gunderson, Jon R <jongund@illinois.edu>
Date: Wed, 1 May 2013 13:26:37 +0000
To: Ian Yang <ian@invigoreight.com>
CC: "w3c-wai-ig@w3.org" <w3c-wai-ig@w3.org>
Message-ID: <46739F12637CC94E82F75FF874E4A14715F00B40@CITESMBX6.ad.uillinois.edu>

I would NOT recommend putting <article> inside an <li> element.

I recommended you add a role="reigon" and aria-labelledby attributes to the <article> element to give each article an accessible name and make sure it is a part of landmark navigation:

<div role="main">

<article role="region" aria-labelledby="a1">

<h2 id="a1>Title of article 1 ...</h2>

<p>Content of article 1


<article role="region" aria-labelledby="a2">

<h2 id="a2>Title article 2 .</h2>

<p>Content of article 2.


Here is the current information on HTML5 mappings:


-----Original Message-----
From: Ian Yang [mailto:ian@invigoreight.com] 
Sent: Tuesday, April 30, 2013 10:07 PM
To: Gunderson, Jon R
Cc: w3c-wai-ig@w3.org
Subject: Re: Is it a good practice to put <article>s inside <li>s?

On Tue, Apr 30, 2013 at 10:05 PM, Gunderson, Jon R <jongund@illinois.edu> wrote:
> Article will probably at some point will be a landmark in HTML5, so it 
> would be better NOT to put them in a list, but inside a main landmark.
> Give each article a role="region" and a label to support landmark 
> navigation.  The role="region" will make them part of the landmark 
> navigation in current assistive technologies.

Hi Gunderson,

Thanks for the info. It's surprising that <article> element will probably at some point become a landmark. Which editor in the working group made that decision?

Given the <article> element will never become a landmark, is it a good practice to put it inside of <li>?

Kind Regards,
Ian Yang
Received on Wednesday, 1 May 2013 13:27:29 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 20:36:44 UTC