WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Pipe characters and screenreaders

for

From: Jared Smith
Date: Dec 4, 2008 12:55PM

On Thu, Dec 4, 2008 at 11:29 AM, Moore, Michael
< <EMAIL REMOVED> > wrote:
> This character is frequently used to separate adjacent links

A grouping of adjacent links sure sounds like an unordered list to me.
With CSS, you can linearize the list and either replace the 'bullet'
with a pipe character image (which will not be read), add a pipe
character background images, or display a border between the list
elements. You get the same visual affect, but without the screen
reader issues. Plus, you get a more semantically correct, more easily
navigable structure in your document.

Jared Smith
WebAIM