WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: semantic HTML for intro text


From: Moore, Michael
Date: May 25, 2007 1:10PM

-----Original Message-----
[mailto: <EMAIL REMOVED> ] On Behalf Of Paul Collins
Sent: Friday, May 25, 2007 1:14 PM
To: WebAIM Discussion List
Subject: [WebAIM] semantic HTML for intro text

Hi all,

Just marking up a page, the layout seems to require various tags, as far
as I can gather, I need seperate tags for:

- The intro heading (a <H2>)
- The orange intro text (not sure what tag to add here)
- a smaller, bold heading, same size as body text (probably a <h3>)
- a quote (probably a <blockquote> tag)

My question is, what would be the best semantic tags to use here, that
will be picked up by assistive technology and validate for XHTML 1.0
Transitional. In particular, I want to know about the Orange intro text
and the quote.

Any suggestions would be great, I have posted a JPEG here:



I would do the following:

The heading at the top of the page <h1> - this is the main heading of
the page
The orange intro text, <p class="intro"> give it a style (this won't
mean anything to screen readers but I don't think that it is important
to understanding the content, it is just meant to visually draw
attention to the introduction, the <h1> does that effectively for the
screen reader user since this is the content that comes immediately
after it.
The smaller heading <h2> - this is a subheading
The quote <blockquote>