WebAIM - Web Accessibility In Mind

E-mail List Archives

RE: Formatting lists


From: Leo Smith
Date: Oct 25, 2002 11:31AM


Jukka's suggestion is a good one that should work for you, even if
users do not have style sheets enabled. Essentially, all that you
are hiding with the CSS is the bullet. If CSS is off, then you will
simply get the bullet followed by the section (2)(i) which you will
enter textually.

You are preserving the structural markup of a list (albeit an
unordered versus an ordered one), whilst getting the presentation
that you are looking for, with the addition of a bullet when style
sheets are switched off - not a big deal.

My 2 cents...


On 24 Oct 2002, at 10:08, Glenda Watson Hyatt wrote:

> Thanks for the suggestion, Jukka. However, what happens when a uses
> is not viewing with stylesheets and thus can't find subsection (2)(i)?
> I guess I will stick with invalid markup [<p> within a <li>], till I
> can find a better solution.
> Cheers,
> Glenda
> > As a workaround, though, you might consider using <ul> markup with
> > the numbers as explicit content, and a CSS rule that suggests
> > suppression of bullets: <style type="text/css"> ul li {
> > list-style-type: none; } </style>
> > ...
> > <ul>
> > <li>(1) foo
> > <li>(2) bar
> > </ul>
> >
> > --

Leo Smith
Web Designer/Developer
USM Office of Publications and Marketing
University of Southern Maine

To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/