Color and Contrast in PowerPoint

Presentations rely heavily on visual design, but color choices affect accessibility. Information must be perceivable without relying solely on color, and text must have sufficient contrast with slide backgrounds.

What This Means

When you use color to convey meaning (like red for "stop" or green for "go"), you must also provide another way to understand that information. Additionally, all text should be easily readable against its background.

Why It Matters

• Presentations are often viewed in varying lighting conditions
• Projectors can wash out colors, reducing contrast
• 8% of men have color blindness and can't distinguish certain colors
• Good contrast ensures readability for all audiences

Common Violations

PPTX-05-001: Information Conveyed by Color Alone {#PPTX-05-001}

What's Wrong: A slide uses color as the only method to convey information, without any other visual or textual indicator.

Impact: Serious - Colorblind users cannot perceive the information.

Common Examples:

• Red/green coding for positive/negative without labels
• Color-coded charts without patterns or labels
• "Items in blue are optional" without another indicator
• Traffic light status indicators using only colors

How to Fix:

Add Text Labels:

• Include status text: "Approved," "Rejected," "Pending"
• Label chart elements directly
• Add legends with both color and text

Use Shapes and Patterns:

• Combine color with different shapes
• Add patterns to chart segments
• Use icons alongside colors

Example Fix:

Before (color only):

• Green circle = On Track
• Yellow circle = At Risk
• Red circle = Delayed

After (color + text/symbols):

• Green checkmark + "On Track"
• Yellow warning triangle + "At Risk"
• Red X + "Delayed"

PPTX-05-002: Text Has Insufficient Contrast {#PPTX-05-002}

What's Wrong: Text doesn't have enough contrast with the slide background, making it difficult to read.

Impact: Serious - Low contrast text is hard to read, especially on projectors.

WCAG Requirements:

• Normal text: At least 4.5:1 contrast ratio
• Large text (18pt+ or 14pt+ bold): At least 3:1 contrast ratio

Common Problems:

• Light text on light backgrounds
• Dark text on dark backgrounds
• Text over busy background images
• Decorative templates with poor contrast

How to Check:

1. Squint at the slide - can you still read everything?
2. View on a projector - text should remain clear
3. Use a contrast checker tool with exact color values

How to Fix:

Change Text Color:

1. Select the text
2. Go to Home > Font Color
3. Choose a color with higher contrast

Change Background:

1. Go to Design > Format Background
2. Choose a solid color that contrasts well
3. If using images, add a semi-transparent overlay

Safe Color Combinations:

• Black text on white background
• White text on dark blue or black background
• Dark gray text on white
• Yellow text on dark backgrounds (use sparingly)

Colors to Avoid:

• Light gray on white
• Yellow on white
• Light blue on white
• Any low-contrast pairing on projected slides

Presentation-Specific Considerations

Projector Display

• Projectors often reduce contrast
• Test on the actual display device when possible
• Increase contrast beyond minimum requirements
• Avoid subtle color differences

Room Lighting

• Slides may be viewed in various lighting
• Bright rooms wash out light colors
• Dark rooms make low contrast harder
• Design for the worst-case scenario

Slide Backgrounds

Solid Colors (Best):

• Most accessible option
• Predictable contrast
• Professional appearance

Gradients (Use Carefully):

• Ensure text has good contrast throughout
• Avoid placing text where gradient changes significantly
• Test readability across the entire slide

Image Backgrounds (Challenging):

• Add semi-transparent overlay behind text
• Use text boxes with solid backgrounds
• Avoid placing text over busy areas

Color and Charts

Charts often use color to distinguish data:

Make Charts Accessible:

1. Use patterns in addition to colors
2. Label data points directly
3. Include a clear legend
4. Use high-contrast color combinations

Testing Chart Colors:

1. Print in grayscale
2. Check if all segments are distinguishable
3. Verify labels are readable

Using Theme Colors

PowerPoint themes control colors throughout:

1. Go to Design > Variants > Colors
2. Choose a theme with good contrast
3. Or create a custom theme

Creating Accessible Custom Theme:

1. Go to Design > Variants > Colors > Customize Colors
2. Choose text/background colors with high contrast
3. Test all combinations that might appear together
4. Save the theme for consistent use

Testing Your Slides

Grayscale Test:

1. Print or export slides in grayscale
2. Review if all information is clear
3. Check chart and diagram readability

Projector Test:

1. Display slides on a projector
2. Walk to the back of the room
3. Verify text is readable
4. Note any color issues

Contrast Checker:

1. Note the exact color codes
2. Use WebAIM Contrast Checker
3. Verify all text meets minimum ratios

Best Practices

Do:

• Use high-contrast color combinations
• Add text labels to color-coded elements
• Test on projector or external display
• Use solid backgrounds when possible
• Design for worst-case viewing conditions

Don't:

• Use color as the only differentiator
• Place text over busy background images
• Use light text on light backgrounds
• Assume room conditions will be ideal
• Trust your monitor's display for final review

Additional Resources

• Microsoft: Make your PowerPoint presentations accessible
• W3C WCAG 1.4.1 Use of Color
• W3C WCAG 1.4.3 Contrast (Minimum)
• WebAIM Contrast Checker