WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: list-style:none on an Ordered list

for

From: mike.osborne
Date: May 16, 2007 2:30PM

Does presenting the numbers as graphics have any utility other than
"looking nice"?

If you must have images why not place them at the start of each item with
alt text of the number e.g. "number 1", "number 2", ... with
list-type:none;

That will also help users who turn images off. The "alt text" information
will not be available if you use backgound images and images are off.

You may solve this "problem" for your screen reader users - but your
low-vision users who rely on browser magnification will not be catered
for.

Cheers
Mike



> Hi all,
>
> I am building a numbered list where the designer has added the
> numbers in as graphics. My thoughts were to create an <OL> and give it
> the "list-style:none;" property. The add the graphics in as
> backgrounds.
>
> My question is, if I give the ordered list a style:none; property,
> will screen reading applications still read the number out? Just
> wondered if they react in a way similar to "display:none;"
>
> Cheers
> Paul
>