WCAG Color Contrast Checker

About this plugin

Select any element with a background and foreground fill from your Figma design, and the plugin will:

1. Check if colors meet accessibility standards (WCAG AA and AAA)
2. Provide accessible color suggestions while maintaining your design's aesthetics
3. Guide you through text size and UI component requirements
4. Explain accessibility concepts in clear, simple terms

Perfect for:

1. Designers checking design accessibility
2. Teams working on compliant user interfaces
3. Anyone wanting to make their designs more inclusive

Features:

1. Real-time contrast analysis
2. Smart color suggestions
3. Educational guidance on WCAG standards
4. Easy-to-understand results and recommendations

This tool helps ensure your designs are not just beautiful, but accessible to all users.