Re: Usage of Articles

Hi Oscar,

The <article> is OK as each surrounds (identifies) an article.

Unfortunately the use of an unordered list is inappropriate. The list element is designed to keep together groups of related things such as words, phrases or short sentences. 
Think of it as when you write a “To Do” list, it is short and snappy. If more detail is needed then you would write an “Action Plan” not a list. Same goes for HTML. For your collection of articles it worud be more appropriate to use the <section> tag to indicate that the articles share a common theme.

Regards
Richard

From: Oscar 
Sent: Thursday, November 20, 2014 11:58 AM
To: w3c-wai-ig@w3.org 
Subject: Usage of Articles

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