|
|
|
|
Older browsers, especially screen readers, can't differentiate between hyperlinks when the links appear side by side. Use a text character such as the "|" character, a comma or the space " " character to separate adjacent links. Images or bulleted or numbered lists are also good choices for separating links. You should do this, for example, if you use a string of text links at the bottom of the screen to provide a way of navigating the site. If you don't separate the links, screen readers may read them as one long unintelligible string. For example, you have a list of four hyperlinks in a line: "Home About Us Contact Us Search". An older screen reader would see this as one hyperlink called "HomeAboutUsContactUsSiteSearch" and would try to read that title aloud. This would sound like nonsense and, even worse, make it impossible to navigate the site. |
More information An overview of the accessibility guidelines Don't make pop-ups or other windows appear Make sure that the label is properly positioned for all form controls Provide a linear text alternative for all tables Include place-holding characters in edit boxes and text areas Include non-link, printable characters (surrounded by spaces) between adjacent links |
