Perception - Accessibility & Contrast Testing

About this plugin

You've been asked to run an accessibility audit on a file with hundreds of components. Perception does it for you. Select any frames, components, or layers and scan - it finds text and icon elements, measures colour contrast against WCAG criteria, and gives you a pass/fail breakdown you can action before handoff.For complex foregrounds and backgrounds - gradients, images, blending modes, patterns, and effects - Perception uses dominant colour detection to calculate contrast from what users actually see, not just the first solid fill.What it checksScan any selection for text and icon contrast failuresWCAG 2.0, 2.1, and 2.2 - AA and AAA compliance levelsDominant colour detection for gradients, opacity, image fills, blending modes, and effectsPreview images of every tested nodeFilter results by pass or fail and jump directly to any nodeRe-test individual results without re-running the full scanView foreground and background colours in HEX, RGB, HSL, or HSBSmall-text warnings for font sizes that may hurt readabilityMultiple selections in a single runPro planSet maximum icon size (px) for icon detectionOn the roadmapThese features are planned and in active development:Manual color overridesAPCA contrast mode - test against the perceptual contrast algorithm alongside WCAGPersistent results - save test data to the canvas and reopen it laterMade by Ben Walsh - a product designer who has worked on design systems at Pearson, Zego, and others. Built for designers who care about getting accessibility right, not just ticking a box. More tools at designsystemtools.com