Solution to Exercise 1: Text & Colors

This paragraph was actually an image. Neither its size or color could be easily changed to suit a user's needs. A screen reader could not read it.

Text in this paragraph was set to exactly 12 pixels using style sheets. It could not be easily resized using Internet Explorer's Text Size settings (in the View menu). Setting font-size to 80% gives an equivalent default size and enables easy resizing.

Smiley face:

Arrows:

Habla español?

"C'est la vie" or "je ne sais quoi."

Accessibility Guidelines for Text & Colors

Rules listed in red and marked with an * are particularly important for screen readers:

• * Avoid using images to display text
• Avoid using absolute sizes for fonts
• * Avoid using ASCII art
• * Specify the language of text
• * Do not convey information with color alone
• Use contrasting colors for text and backgrounds