If two anchors are adjacent to one another, a screen reader will gag. You can avoid this by making sure each link is separated by a space, a character, and another space. Some people do this by placing a "|" in between links:
The HTML looks like this:
<a href="http://www.trace.wisc.edu/">Trace Research and Development</a> | <a href="http://www.ataccess.org/">Alliance for Technology Access</a> |
For some reason, I happen to cringe at a "|" between links, but that's just me. If I've got a series of links on a page, I just put them in a list. Unfortunately, screen readers seem to stumble on links separated by only a <br> tag or <p> tag. I get around this by putting my links in a definition list like this:
<dl>
<dt><a href="http://www.trace.wisc.edu/">Trace Research and Development</a>
<dt><a href="http://www.ataccess.org/">Alliance for Technology Access</a>
<dt><a href="http://www.isc.rit.edu/~easi/">Equal Access to Software and Information</a>
</dl>
Which, of course, will look like this:
- Trace Research and Development
- Alliance for Technology Access
- Equal Access to Software and Information
See? I told you this was easy. If you take responsibility for the accessibility of your design, you can only stand to improve your pages because you must logically consider the placement of every element in your document.
And if you're curious how well your pages already hold up, check your HTML at The Bobby, an HTML validation service set up by the Center for Applied Special Technology.
