Blindsight: Accessibility & Contrast Auditor
by rizkydwi hidayat
Accessibility, WCAG, Audit, Inclusive Design, Blind Test,
Installs
2
Likes
3
Users
6
Views
18
Preview
About this plugin
Accessibility is the foundation of inclusive design. Blindsight is a powerful assistant that helps designers verify that their products are usable by everyone, including those with visual impairments.
Key Features:
Real-time Contrast Auditing: Automatically scan text nodes to detect failures against WCAG AA (4.5:1) or AAA (7.0:1) standards.
Color Blindness Simulation: Test your designs using color matrices for Protanopia (Red-Blind), Deuteranopia (Green-Blind), and Tritanopia (Blue-Blind) to ensure readability for all users.
Precise Color Suggestions: Receive intelligent, color-hue-aware suggestions to fix contrast issues without sacrificing your design's aesthetic.
Canvas Reporting: Export your audit results directly onto the Figma canvas for clear documentation and easier collaboration with your development team.---------------------------------------How to Use:
Select a Frame: Open the Blindsight plugin and select any Frame, Component, or Instance on your canvas.
Configure Preferences:
Test Focus: Choose "All Vision Types" for standard contrast checks, or select a specific color blindness simulation.WCAG Target: Toggle between AA (4.5:1) or AAA (7.0:1) standards based on your project requirements.
Run Audit: Click the "Scan & Run Audit" button to analyze your design.
Review & Fix: View the PASS/FAIL results. For failed text, the plugin will provide a "Suggestion" with a color value that meets your chosen contrast ratio.
Export to Canvas: Click "Export Result to Canvas" to generate a visual report card that can be handed off to developers or used for design reviews.
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility