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.

-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of Angela French
Sent: 30 October 2012 17:29
To: 'WebAim Forum ( <EMAIL REMOVED> )'
Subject: [WebAIM] how is list-style-type:none communicated to screen reader?

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?

Thank you,

Angela French
Internet Specialist
State Board for Community and Technical Colleges
360-704-4316
<EMAIL REMOVED>
http://www.checkoutacollege.com/

messages to <EMAIL REMOVED>