KWCAG A11y Inspector

KWCAG A11y Inspector helps web developers and accessibility professionals verify KWCAG 2.1 and WCAG 2.2 compliance.

✨ Key Features

• Real-time Element Inspection
- Measure interactive elements in pixels and millimeters
- Validate KWCAG 2.1.3 (minimum 6mm diagonal)
- Validate WCAG 2.5.8 Level AA (24×24px minimum)
- Validate WCAG 2.5.5 Level AAA (44×44px minimum)

• Color Contrast Checker
- Calculate luminance contrast ratios
- WCAG 1.4.3 compliance (AA: 4.5:1, AAA: 7:1)
- Real-time validation during inspection

• Manual Calculator
- Convert pixel dimensions to millimeters
- Verify design mockups
- Test static images and non-DOM elements

🎯 How to Use

1. Click the extension icon to activate inspector
2. Hover over elements to see measurements
3. Right-click → "Open Manual Calculator" for manual input
4. Press ESC to pause/resume

⚙️ Customizable Settings

- Monitor size and screen resolution
- Border color, style, and thickness
- Display toggles (contrast check, box model)

🔒 Privacy First

- No data collection
- All calculations performed locally
- Open source code available on GitHub

Perfect for accessibility audits, WCAG compliance testing, and web development workflows.