20. Do not use transparent colors around images with text.

Persons with weak eyes sometimes display their screens by reversing black and white. There are instances when the characters cannot be deciphered when the background color in images with characters in them is transparent.

Example and Implementation

Do not use transparent colors around text in images.

Can be read with normal settings, but...

Bad example: Text with transparency around the characters is difficult to read on screens which have black and white reversed

Good example: No transparent color around the characters in the image

21. Key images (charts, graphs) should have an accompanying outline on the same page or a link to a page with details.

When the comments attached to key images (charts, graphs) are lengthy, placing it in the alt attribute makes it difficult to read and reference. Because the alt attribute text is displayed in the tooltip control, people who have trouble using a mouse or slight sight impairments have difficulty grasping the content.

Example and Implementation

• Use a text description in the same HTML file.

Good example: Good example: Display graph description in text.