Accessibility Advisor

About this plugin

Accessibility Advisor

Accessibility Advisor is a context-aware accessibility plugin for Figma that helps designers evaluate accessibility at the component level, not just individual elements.

Most tools check text or colors in isolation. But real accessibility issues often emerge from how elements work together inside a component or screen. Accessibility Advisor analyzes the entire component and provides clear, actionable guidance directly in your design workflow.

The goal is simple:

catch accessibility issues while designing, not after handoff.

What it checks

WCAG-aligned validation

1. Color contrast
2. Text readability
3. Target sizing (for touch devices)
4. Component structure issues

Advisory guidance beyond WCAG

Highlights practical best practices inspired by:

1. Apple Human Interface Guidelines
2. Material Design
3. Real-world accessibility patterns

These cover things not explicitly defined in WCAG but commonly recommended in modern interfaces.

Context-aware analysis

Accessibility is not one-size-fits-all.

Accessibility Advisor adapts checks based on where your design lives:

1. Web Desktop
2. Web Mobile
3. iOS
4. Android
5. TV / Large Screen
6. Custom

For example:

1. Mobile → tap targets and touch spacing
2. Desktop → pointer usability
3. TV → large text, focus states, low-density layouts

Only relevant checks run for each context, reducing false positives.

Precise issue localization

1. Pinpoints the exact element causing the issue
2. Clear explanations
3. Actionable fixes

Built-in education

Each result links to the relevant WCAG reference so you can understand the “why,” not just the warning.

Accessibility Advisor is actively evolving. Feedback from real design workflows directly shapes new features and improvements.

If something feels unclear or incorrect, I’d love to hear from you.