RE: Usage of Articles

The major problem I see:

1.       Why is each <article> enclosed in a separate <li> </li>? This adds verbosity and little structural information.

2.       The <article> regions have no identifying text label. When skipping through using the screen reader Region shortcut key, or a list of Regions, you get just a list of “Article”. Possibly use a aria-label or a <h3> aria-labelledby identifying text label on the <article>.

 

David

 

From: chaals@yandex-team.ru [mailto:chaals@yandex-team.ru] 
Sent: Thursday, March 26, 2015 7:19 PM
To: Oscar; w3c-wai-ig@w3.org
Subject: Re: Usage of Articles

 

Almost certainly not.

 

cheers

 

26.03.2015, 13:25, "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