Perception - Accessibility & Color 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 effectsFilter results by pass or fail and jump directly to any nodeRe-test individual results without re-running the full scanView foreground and background colors in HEX, RGB, HSL, or HSBSmall-text warnings for font sizes that may hurt readabilityMultiple selections in a single runDetail page breaking down what was tested (NEW)Manual color overrides from the detail page (NEW)Free planPreview images of every tested nodePro planSet maximum icon size (px) for icon detectionOn the roadmapThese features are planned and in active development:APCA support - test against the perceptual contrast algorithm alongside WCAGTouch target sizesPersistent 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