WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: How would you mark up this information?

for

From: Jukka K. Korpela
Date: Apr 23, 2005 1:28AM

On Fri, 22 Apr 2005, Don Hinshaw wrote:


>> I am wondering about the best way to mark up this list:
>> http://64.132.144.101/~somedom/access/subscription_sample.html


You can use list markup, or heading markup, or both.


>> Should it be a list with each first line being <strong>, or should each
>> first line be a heading: <hx>?


Since the first _is_ logically a heading for content that follows,
I would use heading markup for it anyway. Whether you _also_ use list
markup, e.g.

<ul>
<li><h2>...</h2>
<div>...</div></li>
...
</ul>

is perhaps a matter of taste, but since you would probably want to remove
the effects of list markup in visual rendering (suppress bullets) and it
would hardly help in nonvisual rendering either, I wouldn't use it.

The choice between
<h2>...</h2>
<p>...</p>
and
<h2>...</h2>
<div>...</div>
depends on whether you regard the contact information as a paragraph of
text or not. I wouldn't. There's not much practical difference in
rendering, since the headings would act as dividing the content into parts
anyway. Moreover, in styling, you would need to worry about the margins
(and font size) of <h2> elements only, since <div> elements (unlike <p>)
have no default margins. Setting, say

h2 { font-size: 100%; margin: 1em 0 0 0; }

could be enough.

-- Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/