WCAG 1.4.1 (Use of Color) Testbed

Examples of color use on a typical website to check for accessibility compliance.

Form Submission Feedback

Your form has been successfully submitted!

Success! Your email has been added to our newsletter list.

Sales Data Visualization

Sales for the Last Quarter

Poor performance (Red)

Good performance (Green)

Red: Poor performance
Green: Good performance

Form Input Feedback

Interactive Elements

Button States

Progress Indicators

Progress Bar

75% Complete

Required Form Fields

Required Field

Data Visualization with Patterns

Data Chart

Revenue: 80% (Striped Pattern)

Expenses: 60% (Dotted Pattern)

Form Validation Feedback

Status Message Example

Warning: Your password will expire in 3 days!

Sales Data Visualization

Violating Chart Example

Form Input Feedback

Progress Indicators

Violating Progress Bar

Required Form Fields