W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > January to March 2015

Re: Usage of Articles

From: Userite <richard@userite.com>
Date: Fri, 27 Mar 2015 18:55:20 -0000
Message-ID: <09DCB6C0E979438080FE9B7BE2282FC6@RichardPC>
To: "Oscar" <oscar.cao@live.com>, <w3c-wai-ig@w3.org>
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
Received on Friday, 27 March 2015 18:55:50 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 13 October 2015 16:21:55 UTC