10 Ways to Improve Your Site's Accessibility

Combine adjacent image and text links for the same resource

Frequently, text and image links are positioned adjacent to one another. Often the text and the icon link are rendered in separate links, in part to create a slight visual separation. Visually they appear to be the same link, but they are experienced by many people as two identical links and this can be confusing. When images and text are adjacent to one another, and link to the same resource, both elements should be contained in a single link.

The image should include empty ALT text, with no title. If ALT text is used, assistive technology may speak phrases twice--an effect called "stutter"--and the user may become disoriented. If separate links are employed, but ALT text is omitted, then a user will encounter a link with no context.