Back to the main menu.

Color Example


When colors are used as the sole method for identifying screen elements or controls, persons who are color-blind, blind, or have low vision may find the web page unusable.

Using color to enhance identification of important features is a useful technique. However, some other method of identification, such as text labels, must be combined with the use of color. Beware of using color to not only indicate emphasized text, but also to indicate an action. For example, a web page that directs a user to "press the green button to start" should also identify the green button in some other way than simply by color.


Press the green button to start and red button to cancel.

this is the green button

this is the red button


source code for above :

<img src="button-green.gif" alt="this is the green button">

<img src="button-red.gif" alt="this is the red button">