CompliQ - Accessibility Simulator

Simulate accessibility issues like color-blindness, keyboard navigation, and screen readers to build inclusive web experiences.

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