Web Accessibility

Background Graphics Example

Allow for sufficient contrast between colors on a page and ensure that information conveyed by the use of color is understandable without color.

If you use a background graphic, make sure that the user is still able to read all the text on the page. Avoid busy or very colorful background graphics unless you can supply sufficient color contrast with the text color.

Example

Compare Light and Dark Background Images with Light and Dark Text
Background: Black with subtle white texturing.
Text Color: Light colors should be used on a dark background.
Light colors, like white, produce a good color contrast on this background. Red, however, does not make a very good contrast. Because the background does not have a lot of color variation, it makes light colors like yellow easy to read. This pink is a little too dark for this background. Light blue really stands out on a dark background contrast. Dark blue is almost swallowed by this background.
Background: Light blue with a subtle white texture.
Text Color: This light background does better with dark text.
Dark colors, like black, produce a good color contrast on this background.Yellow, however, does not make a very good contrast. Even dark colors like Red can be difficult to read on a light background. This pink is a little too light for this background. Dark blue really stands out on a light background contrast. Light blue is almost swallowed by this background.

Compare Actual Background and Text Colors Used on Websites
Background: Light blue, green, and pink in a pixalated pattern
Text Color: Blue
My philosophy is that people like music that they can relate to in some way. It may be the melody, the rhythm, the lyrics, harmonies, instrumentation, or even theoretical part of the music that draws a person to a particular style of music.
Background: Red and black "rug-like" texture
Text Color: White
Easter is the most revered festival in the Church calendar of Orthodox Christians. It is celebrated for three days. Typical of this holiday is the dying of eggs. Eggs are dyed on Thursday or Saturday of the Holy Week. The eldest woman in the house has the privilege of dying the eggs. Making Easter cakes was introduced in Bulgaria as late as the 1920’s.

Compare Busy Backgrounds with Various Text Colors
Background: Varigated blue pebbles.
Text Color: Varies


Black White Yellow Green Red Blue Pink Grey

 

Background: Varigated with varied patterns
Text Color: Varies


Pink Grey Black Yellow Green Red White Blue

 

Portions of this website are used with permission from Penn State University.

Web Accessibility

925.424.1655

Page last modified: January 31, 2007