Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!-- Check contrast with browser DevTools or WebAIM Contrast Checker --> <!-- Poor contrast: fails WCAG AA --> <p style="color:#aaa; background:#fff;">Light gray on white (1.6:1 — FAIL)</p> <!-- Good contrast: passes WCAG AA --> <p style="color:#595959; background:#fff;">Dark gray on white (7:1 — PASS)</p> <!-- Do not rely on color alone --> <span style="color:red;">Error</span> <!-- color only --> <span><svg aria-hidden="true">✗</svg> Error</span> <!-- icon + color -->
Result
Open