[an error occurred while processing this directive] [an error occurred while processing this directive] [an error occurred while processing this directive] [an error occurred while processing this directive]
   wise-women



[an error occurred while processing this directive]homeback about/faq features tutorials resources members search
features
 

Previous | Next

 

Achieve Accessibility with Dreamweaver

By Virginia DeBolt

Color and Contrast

The Web Content Accessibility Guidelines 1.0 has two priorities for color:

  1. Ensure that all information conveyed with color is also available without color - for example from context or markup.
  2. Ensure that foreground and background color combinations provide sufficient contrast when viewed by someone having color deficits or when viewed on a black and white screen.

Dreamweaver does not have any built-in mechanism to check color contrast. Here are some helpful sources on the web.

Mozilla's Web Developer Tools will allow you to quickly check a page with the colors or the CSS disabled to see if it works in black and white. Be aware that just because it works in black and white, it doesn't necessarily mean that you have enough contrast for certain color combinations.

The recommendation is to use more than just a color cue. For example, instead of saying "Required fields are in red" you could say "Required fields are marked with a red star." You have two cues: the star and the red color.

Previous | Next

 

 




 

current

Learning Podcasting by Carolyn Wood.


previous

Complete list of past tutorials.

 

Printable version of this page

Link to us


Join the discussion lists

 
 
passionate about the web