WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: HTML5 Article Tag - How to use?

for

From: Jonathan Avila
Date: Mar 1, 2015 12:26PM

Joey, I would consider your implementation more correct because the title and other related content of the article are wrapped within the article element. For your article title it could be within a header with a heading element and could be referenced by aria-labelledby on the article element. Other things like the social media or meta content could possibly be asides if they are only tangentially related to the article'ss content.

Jonathan

--
Jonathan Avila
Chief Accessibility Officer
SSB BART Group
<EMAIL REMOVED>

703-637-8957 (o)
Follow us: Facebook | Twitter | LinkedIn | Blog | Newsletter


-----Original Message-----
From: <EMAIL REMOVED> [mailto: <EMAIL REMOVED> ] On Behalf Of Joey G.
Sent: Sunday, March 01, 2015 2:40 PM
To: <EMAIL REMOVED>
Subject: [WebAIM] HTML5 Article Tag - How to use?

This is how I use the <article> landmark.



<article>

Article Title

MetaInformation

Social Sharing Buttons

The Actual article

Other Meta

</article>



But other blogs use it like this.

Article Title

MetaInformation

Social Networks

<article>

Body

</article>

Other meta



What's the correct usage of this landmark please?





Blind Street

http://www.blindstreet.com/

Twitter

http://www.twitter.com/blindstreetphil