esha734 - 5:00 am on May 6, 2006 (gmt 0) Example Solution: Cheers.
I got the same message when using Bobby. I asked an administrator what it meant and a possible solution.
This is his reply:
"Although you've defined space around those hyperlinked images in you CSS, if you don't have a style-sheet display, the images would have no space between them. That is why it is being flagged. It is a Priority 3 error, so take that into your consideration. Here is a little exerpt on white space:
White space between links is not much of an issue for screen readers these days, but it is an issue for
some browsers, particularly text browsers. With some text browsers, you cannot tell where one link
ends and the other begins, if the elements are adjacent. This is true even if the link is an image, where the text representation (Alt text) of the image in the link can still make it hard to tell one link from another. This is the rationale behind the WCAG Checkpoint 10.5 and why the accessibility check flags some adjacent links as errors. While you expect that a line break in a text browser should mean that there is one link per line and that it should be pretty clear which link is which, testing shows that vertically adjacent links still present problems. Until this situation changes, the accessibility check will not accept <br> as a separator. Consider it part of Watchfire's careful accessibility guideline conformance.
Place a separator character, such as a pipe, in a <span style="visibility:hidden"> tag. The <span> tag
will prevent the character from being displayed on screen. However, in browsers that need the separator
character, it will appear since those browsers generally do not support CSS. That makes it possible
to meet the accessibility need without impacting design, and the accessibility check will accept this
A technique I personally like is to have [ ] characters around the link, and you could use CSS to not display the [ or ] characters. But if a browser without CSS sees the page, they will be shown. Example: [Link 1] [Link 2] [Link 3]"
This is what I've used that works:
<li><span style="visibility:hidden">[</span><a name="top"></a><a href="#maincontent" title="go directly to main content">Skip to Main Content</a><span style="visibility:hidden">]</span></li>