Design System Contrast Review
Created by
Stas Persiianenko
Review brand color tokens and UI states for WCAG AA and AAA text contrast before publishing an accessible design system.
Color Contrast Checker (WCAG)automation-lab/color-contrast-checker
Foreground
Background
Ratio
AA Normal
+5 fieldsTextNumberBooleanListObject
Input
🎨 Color pairs(required)
Foreground color:#1f2937+3
Background color:#ffffff+3
Output fields
Foreground
Background
Ratio
AA Normal
AA Large
AAA Normal
AAA Large
AA UI
Error
Sign up on Apify01
Create your Apify account to access the Color Contrast Checker (WCAG).
Start the run02
The Actor will start running based on the input automatically.
Receive the output03
Monitor the progress in real-time. You will be notified as soon as your dataset is complete and ready for review.
Integrate into your workflow04
The final output is delivered in JSON, CSV, or Excel format, ready to be plugged into your workflow.
