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> 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]
> Sent: Thursday, November 20, 2014 7:18 AM
> To: Oscar; w3c-wai-ig@w3.org
> Subject: Re: Usage of Articles
>
> looks sane to me.
>
> 20.11.2014, 15:03, "Oscar" <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 - - - Find more at http://yandex.com
>
>
>
>