CompliQ - Accessibility Simulator

About

A powerful Chrome extension that helps developers and designers visualize and test web accessibility issues in real-time.

Features

Color Blindness Simulation

Visualize how your website appears to users with different types of color blindness:

- Protanopia (red-green color blindness, red weakness)
- Deuteranopia (red-green color blindness, green weakness)
- Tritanopia (blue-yellow color blindness)
- Achromatopsia (complete color blindness, monochromacy)

Keyboard Navigation Highlight

- Highlights the currently focused element when navigating with the keyboard
- Helps identify focus visibility issues that affect keyboard-only users
- Instantly spot elements with poor focus states

Screen Reader Preview

- Shows how screen readers interpret different elements on the page
- Displays information about ARIA roles, labels, and properties
- Identifies elements with missing accessibility attributes

Low Vision Simulation

- Simulates how users with visual impairments see your website
- Helps identify text size, contrast, and readability issues
- Tests content legibility under different visual conditions

Accessibility Testing

- Automatically checks for common accessibility issues
- Generates an accessibility score based on WCAG guidelines
- Provides actionable feedback to improve accessibility