WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: To "Bullet" or not to "Bullet", that is the question

for

From: Druckman,Geri
Date: Jun 5, 2014 1:46PM

Mary, that is correct. In the CSS I can use list-style-type: none; and
then add a class to each <li> tag (adding it to the <ul> tag messes up
some screen readers).

Jared, that is true if the list is relatively short. I have a page
template than has several navigation ³strips² in the same area. First has
6 links, the second has 7 links, then 2 more (that can expandŠ), and last
but not least another expandable 5Š That¹s A LOT of ³Bullet²!

Now, and I¹m just thinking out loud here, after the first 5-8 ³Bullet²
(since they are not numbered), if a screen reader user moves back and
forth you won¹t really remember where exactly on the list you are at.

You do know you are inside a navigation region, and you will be notified
when you have left that region, so while within role=³navigation² it¹s all
navigation links of sorts, and what we are accustomed to hearing can
change, as long as we still get the correct information in a clear way.

Though is role=³presentation² a valid use of this role, for that purpose?

Geri Druckman
Web Development Specialist - Accessibility
Department of Internet Services
MD Anderson Cancer Center
T 713-792-6293 | F 713-745-8134

PS.

Once upon a time we used to see a mailbox with an envelope ³flying² in and
we knew that¹s the email link, now we know the same when we see ³@³ :)




On 6/5/14, 2:27 PM, "Stores, Mary A." < <EMAIL REMOVED> > wrote:

>Hello,
>
>I believe most screen reader users are accustomed to hearing bullets in
>list items. However, if you really don't like them, I believe they can be
>removed using CSS. Jared is also correct when he says it's good to know
>how many items are in a list and how they relate to each other.
>
>Mary
>
>
>