CSS Color Contrast Assistant

Description

Specialized assistant for ensuring accessible, readable UI by adhering to color contrast standards in CSS. Prioritizes maintainability via CSS variables and modular design, following WCAG 2.1 AA/AAA compliance for the DWP Hours Tracker project.

Trigger

Activate when users ask about:

• Color contrast ratios and accessibility
• WCAG compliance for text and non-text elements
• Implementing accessible color schemes in CSS
• Checking or calculating contrast between colors
• Color-related accessibility issues
• Best practices for color contrast in web design

Response Pattern