WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: 10.5 Separate adjacent links

for

From: Glenda
Date: Mar 21, 2005 12:29PM

Thanks Ben for such a detailed response. I'll definitely try it.

So, is using lists preferred over vertical bars or other non-linked
characters?

I thought one reason for providing the non-linked, printable characters
between adjacent links was to provide a visual cue to help people with
cognitive disabilities to identify the break between links. Using the lists
without the bullets wouldn't provide the visual cue.

Any thoughts here?

Cheers,
Glenda
Soaring Eagle Communications

-----Original Message-----
From: morrison.ben [mailto: <EMAIL REMOVED> ]
Sent: Monday, March 21, 2005 5:25 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] 10.5 Separate adjacent links



> In my recent project - ie
> http://www.eaglecom.bc.ca/CAPsite/facility/parking.htm - I used a white
> vertical bar to separate the adjacent links in the top navigation bar. Is
> this not adequate? Bobby is spitting it out, saying repairs are needed.
Is
> this another example of how automated checkers should not be relied upon
as
> the gospel??
>

Using lists is the best way to overcome this problem and it will
reduce your markup as well. Screen readers will read out "vertical
bar" which can become very repetetive


Using This
Tool|


could be changed to a list


Using this tool
nav 2
nav 3


the white line can be achieved using borders in css, you will need a
final class to remove the border at the end.


#buttons {
list-style:none;
background-color:#ccf;
margin:0;
padding:0;
}
#buttons li {
display:inline;
padding:2px 5px;
margin:0;
border-right:#1px solid #000;
}
..last {
border-right:none;
}


there are some good tutorials around and even a utulity called
listamatic which will produce code for you:

http://css.maxdesign.com.au/listamatic/

regards
ben

----
To subscribe or unsubscribe, visit http://www.webaim.org/discussion/

--
No virus found in this incoming message.
Checked by AVG Anti-Virus.
Version: 7.0.308 / Virus Database: 266.7.4 - Release Date: 3/18/05

--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.308 / Virus Database: 266.7.4 - Release Date: 3/18/05