Accessibility Advisor

About this plugin

You’ve been asked to check a huge file for accessibility. There’s no time to open every frame, inspect every text layer, and look up contrast ratios by hand. You need to see what passes and what fails, fast, so you can fix the issues and get it shipped.

Accessibility Advisor runs that check for you.

Select your layers and run a scan; it finds text and icons, measures colour contrast and size, and shows pass/fail/warning against WCAG criteria so you can fix issues before handoff.

For complex foregrounds and backgrounds, gradients, images, blending, patterns, and effects, it uses the dominant colour so contrast is calculated from the closest reference point of what users actually see, not just the first solid fill.

Features

1. Scan your selection for text and icon
2. Run color contrast and font size checks
3. WCAG 2.0, 2.1, and 2.2 with AA and AAA levels
4. Preview images of the tested text and icons
5. Works with gradients, opacity, image fills, blending modes, and effects
6. Dominant color detection for gradients, opacity, image fills, blending modes, and effects
7. Filter results by pass or fail and jump to any node in the document
8. View foreground and background colors in HEX, RGB, HSL, or HSB
9. Small-text warnings for font sizes that may hurt readability

Pro features

1. Set maximum icon size (px) for icon detection

Made by Ben Walsh - Product Designer

Licensed under Community Free Resource License