Forum Moderators: open

Message Too Old, No Replies

         

Joellyn

6:48 pm on Jun 14, 2002 (gmt 0)

10+ Year Member



I read somewhere (and for the life of me cannot remember exactly where it was) that screen readers have trouble with links that are separated with <br>s. I remember the author suggested using a definition list instead.

Can anyone confirm this? I so wish I could find that information again because all of my left-hand navigation links are separated by <br> and as I'm re-doing the site I'd like to make it more accessible.

TIA!

Nick_W

7:36 pm on Jun 14, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Confirmed.

If you use tables it wiil kill it on a sreen reader. Try this:


<ul class="navlinks">
<li><a href="#">some link</a></li>
<li><a href="#">some other link</a></li>
</ul>

then in your stylesheet:


.navlinks {
list-style-type: none;
padding: 0;
margin: 0;
}

It's a neat way to do it ;)

Nick

papabaer

8:33 pm on Jun 14, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Great tip Nick!

Not only is that an elegant method, but there is a possibility of adding increased value to the links when spidered. SE spiders may assign greater weight to various page elements, headings for instance, <h1> almost certainly. If this is infact true, wouldn't it be logical to assume that LIST ITEMS might imply greater importance as well? Just speculation... I'm sure we will get some SEO opinions on this one! ;)

ciml

3:40 pm on Jun 15, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Web Content Accessibility Guidelines: [w3.org]
10.5 Until user agents (including assistive technologies) render adjacent links distinctly, include non-link, printable characters (surrounded by spaces) between adjacent links. [Priority 3]
Techniques for checkpoint 10.5

I assume that <BR> isn't printable, but must admit that I've been lax at times. I like Nick's approach, but would it work with the dumber screen readers?

chris_f

4:36 pm on Jun 15, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Screen Reader? What's a screen reader and where can I find more information?

tedster

6:09 pm on Jun 15, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Screen readers are browsers that synthesize speech instead of creating a visual display - they let visually impaired users browse the web.

Here's a simulator:
[webaim.org...]

Nick_W

6:16 pm on Jun 15, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Nice.

Screen readers and text only browsers like Lynx are very important. Remember the trouble the Olympic site got into for not providing alt text?

For me, web design is often about preparing for stuff that will happen very little: like a blind user hitting a site. It's easy to accomadate, better for everyone and genrally makes for a better breed of web site.

Nick

Joellyn

1:26 pm on Jun 18, 2002 (gmt 0)

10+ Year Member



Another link for screen reader information is www.section508.gov. I was looking through some of their online learning and there was a link to a screen reader simulation and also some examples of how they read pages. It was a real eye-opener for me.