RE: Usage of Articles

Ø  A heading starts a new section, so a heading in a list implicitly splits the list into spanning multiple sections.

I agree.  I tend to see over use of lists in an attempt to make things accessible –the additional list markup is not always effective and can be confusing by adding extra information that screen reader users must wade through.

Jonathan

From: Steve Faulkner [mailto:faulkner.steve@gmail.com]
Sent: Thursday, November 20, 2014 8:30 AM
To: davebest@cogeco.ca
Cc: Chaals from Yandex; Oscar; WAI Interest Group
Subject: Re: Usage of Articles

Hi Oscar, re use of headings
While it is conforming to include heading elements (e.g. h1) inside li elements, it likely does not convey the semantics that the author intended. A heading starts a new section, so a heading in a list implicitly splits the list into spanning multiple sections.

http://www.w3.org/TR/html/grouping-content.html#the-li-element


 same goes for <article> elements.

--

Regards

SteveF
HTML 5.1<http://www.w3.org/html/wg/drafts/html/master/>

On 20 November 2014 13:05, David Best <davebest@cogeco.ca<mailto:davebest@cogeco.ca>> wrote:
It would be much more user friendly if the <h3> within the <ul> list was a <h4> to
conform with the Header structure. Also, with a large number of <article>
sections, it would be extremely helpful if the <article> container had an
identifier text label. Possibly put an "id=" on the inner "h" or "a" elements and
include a "aria-labelledby=" in the <article> container. Large number of identical
containers with no text labels makes content understanding limiting for screen
readers.

-----Original Message-----
From: chaals@yandex-team.ru<mailto:chaals@yandex-team.ru> [mailto:chaals@yandex-team.ru<mailto:chaals@yandex-team.ru>]
Sent: Thursday, November 20, 2014 7:18 AM
To: Oscar; w3c-wai-ig@w3.org<mailto:w3c-wai-ig@w3.org>
Subject: Re: Usage of Articles

looks sane to me.

20.11.2014, 15:03, "Oscar" <oscar.cao@live.com<mailto:oscar.cao@live.com>>:
> Hi all
>
> Just wondering. Am I over using/overkilling the poor ARTICLE tag by doing this:
>
> <h3>My list of stuff</h3>
> <ul class="news-list">
>                         <li>
>                             <article>
>                                 <time class="date"
> datetime="2014-06-19">19/06/2014</time>
>                                 <h3>
>                                     <a href="#">
>                                         Bla bla
>                                     </a>
>                                 </h3>
>                             </article>
>                         </li>
>                         <li>
>                             <article>
>                                 <time class="date"
> datetime="2014-03-27">27/03/2014</time>
>                                 <h3>
>                                     <a href="#">
>                                         Bla bla
>                                     </a>
>                                     <span title="File size"
> aria-label="PDF file size 27 Kilobytes" class="file-size">27<abbr
> title="Kilobyte">KB</abbr></span>
>                                 </h3>
>                             </article>
>                         </li>
>                         <li>
>                             <article>
>                                 <time class="date"
> datetime="2014-03-20">20/03/2014</time>
>                                 <h3>
>                                     <a href="#">
>                                         Bla bla
>                                     </a>
>                                 </h3>
>                             </article>
>                         </li>
>                         <li>
>                             <article>
>                                 <time class="date"
> datetime="2014-02-17">17/02/2014</time>
>                                 <h3>
>                                     <a href="#">
>                                         Bla bla
>                                     </a>
>                                 </h3>
>                             </article>
>                         </li>
>                         <li>
>                             <article>
>                                 <time class="date"
> datetime="2014-01-24">24/01/2014</time>
>                                 <h3>
>                                     <a href="#">
>                                         Bla bla
>                                     </a>
>                                 </h3>
>                             </article>
>                         </li>
>                     </ul>
>
> Regards
> Oscar

--
Charles McCathie Nevile - web standards - CTO Office, Yandex
chaals@yandex-team.ru<mailto:chaals@yandex-team.ru> - - - Find more at http://yandex.com