homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / WebmasterWorld / Accessibility and Usability
Forum Library, Charter, Moderators: ergophobe

Accessibility and Usability Forum

Semantic markup for certain situations
Generated news templates for example?

10+ Year Member

Msg#: 3207630 posted 4:24 am on Jan 4, 2007 (gmt 0)

I've been puzzling over how to most semantically lay out a news template for a while now... in the way that I need to display:

  1. A news title;
  2. The date of the news item;
  3. A short abstract (description);
  4. An image;
  5. Some method of clicking more to get more information.

My hunch tells me to do this:

<dt><a href="#">News Title</a>
<small>27 Oct 2006</small></dt>
<dd><p>Etiam suscipit tellus id mauris.</p>
<img src="/images/news/news-item.png" title="Image Description" alt="Image of a something in the park" /></dd>

But I'm stuck on whether <small> is really all that great an indication of what a date should be...

And I'm also stuck as to whether I should have the image below the description or above it, what's more important as far as the content goes (or should the image not get voiced at all?)...

And finally, I can't decide whether a dedicated "Read more about [News Article Title]" anchor (situated below the description and image) is better than an anchor on the article title in the <dt>?

What does everybody else think?


Global Options:
 top home search open messages active posts  

Home / Forums Index / WebmasterWorld / Accessibility and Usability
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved