Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* High contrast body text — ratio ≈ 12:1 */ body { background: #ffffff; color: #212121; } /* Sufficient contrast for links — ratio ≈ 5.9:1 */ a { color: #1558d6; } /* Danger colour that passes on white — ratio ≈ 5.1:1 */ .error-text { color: #c62828; } /* Never rely on colour alone — add an icon */ .field-error { color: #c62828; border-left: 4px solid #c62828; } .field-error::before { content: "⚠ "; } /* High-contrast mode overrides */ @media (prefers-contrast: more) { body { background: #000; color: #fff; } a { color: #6af; } .btn { border: 2px solid #fff; } }
Result
Open