WPMozo Add-ons and tools for WordPress, Block Editor, Elementor and WooCommerce Explore add-ons
DiviExtended Premium Divi child themes and plugins View Divi Plugins
⚡ Design & CSS · Client-side · No data sent to server
Website Contrast Checker
Paste your page HTML and see contrast ratios for every key element type: headings, body text, links, buttons, and nav. WCAG AA and AAA results per element.
Open any webpage, view source (Ctrl+U or Cmd+U), select all, copy, and paste here. Inline styles and <style> blocks are analyzed fully. External stylesheet links will not load (they are on another server), so include any relevant <style> blocks for best results.
Paste page HTML above and click Analyze to see contrast ratios for every key element type.
| Element | Sample text | Text | Background | Ratio | AA | AAA |
|---|
Large text (H1-H3, or computed font size ≥24px, or ≥18.67px bold): AA threshold 3:1, AAA 4.5:1. Normal text: AA 4.5:1, AAA 7:1.
100% private. Your HTML is rendered in a hidden sandboxed frame inside your browser. Nothing is uploaded, sent to a server, or logged.