🎨 TheWCAG Color Contrast Checker - Your complete accessibility companion Instantly check if your color combinations meet WCAG 2.2 accessibility standards. Whether you're designing websites, reviewing content, or ensuring compliance, this extension makes contrast checking fast and effortless. ✨ KEY FEATURES 🔍 EYEDROPPER TOOL Pick any color directly from any webpage with a single click. Uses Chrome's native EyeDropper API for pixel-perfect color selection. 📊 INSTANT CONTRAST ANALYSIS See your contrast ratio immediately with clear WCAG compliance indicators: • Pass/Fail badges for AA and AAA levels • Normal and large text requirements • Real-time calculations as you type 💡 SMART COLOR SUGGESTIONS Don't meet the requirements? Get instant color alternatives that do! Our suggestions use the OKLCH color space to preserve your color's character while adjusting only the lightness needed for compliance. 📱 FULL PAGE SCANNER Analyze every text/background combination on any webpage at once. Quickly identify all contrast issues with a visual report showing: • Total failures, warnings, and passes • Click any result to jump to that element • Export results as JSON or CSV for reports 📜 COLOR HISTORY Never lose a color combination! Automatically saves your checked colors so you can quickly reuse them. ⚙️ CUSTOMIZABLE SETTINGS • Dark mode support • Set default WCAG level (AA or AAA) • Configure for normal or large text • Export/import your data • Manage history size 🛠️ DEVELOPER TOOLS PANEL Access the full contrast checker directly in Chrome DevTools (F12 > WCAG Contrast tab) for seamless integration into your workflow. 📋 MULTIPLE COLOR FORMATS Enter colors in any format you prefer: • HEX: #FF5500 or FF5500 • RGB: rgb(255, 85, 0) • HSL: hsl(20, 100%, 50%) • Named colors: red, navy, orange 📖 WCAG REQUIREMENTS REFERENCE WCAG Level AA: • Normal text: 4.5:1 minimum contrast • Large text (18pt+ or 14pt bold): 3:1 minimum contrast WCAG Level AAA: • Normal text: 7:1 minimum contrast • Large text: 4.5:1 minimum contrast 🔒 PRIVACY FOCUSED • All data stored locally on your device • No tracking or analytics • No data sent to external servers • Open source - review our code anytime 🌐 BROWSER SUPPORT Works on Chrome 95+, Edge 95+, and other Chromium browsers. Note: Cannot access Chrome Web Store or chrome:// pages (browser security restriction that applies to all extensions). 💻 OPEN SOURCE This extension is completely open source. View, contribute, or fork the code: https://github.com/WOLFIEEEE/TheWCAG-Extension 📚 LEARN MORE Visit https://thewcag.com for comprehensive WCAG guidelines and accessibility resources. --- Perfect for: • Web designers checking color accessibility • Developers ensuring WCAG compliance • Content creators reviewing readability • Accessibility auditors scanning websites • Anyone who wants better color contrast! Download now and make the web more accessible, one color at a time!