Define Background, Text, and Link Colors to Avoid Whiteouts

It’s easy to change the background color of your page, but if you don’t also define the foreground color and link colors, it’s likely that some users will not be able to view your page. Inevitably there are users who set their browser page foregrounds and backgrounds to use unusual color combinations, such as white text on a black background (and don’t check the “override” button in their preferences). When these users view the following page, they will experience a “whiteout” condition:

 	This is a page with only the background color defined.

This whiteout occurs because your page background color of white overrides their page background color of black, but you have not defined a text color, so it remains the user’s choice of white. Since it is white text on a white background, nothing is visible.

To prevent whiteouts, define all the colors for your page in the BODY statement:

Share the Post:
Share on facebook
Share on twitter
Share on linkedin


Recent Articles: