WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: how is list-style-type:none communicated to screen reader?

for

From: Léonie Watson
Date: Oct 31, 2012 2:35AM

Angela French asked:
"Can someone please tell me how a list item is communicated (read aloud) to
a screen reader user when list-style-type:none; has been set in the CSS?"

With NVDA and Jaws the list (and number of list items) is reported as usual,
but the list items are treated differently.

<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>

Jaws for example reports the items in the above list as "Bullet, Item 1" and
"Bullet, Item 2". If you apply list-style-type: none; to the list, Jaws
simply reports "Item 1" and "Item 2".

<ol>
<li>Item 1</li>
<li>Item 2</li>
</ol>

The same thing applies to ordered lists. Jaws reports the items from the
above list as "1, Item 1" and "2, Item 2". With list-style-type: none;
applied, Jaws doesn't acknowledge the numbering and reports "Item 1" and
"Item 2".

Léonie.