Accessibility Advisor

About this plugin

Accessibility AdvisorAccessibility 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 checksWCAG-aligned validationColor contrastText readabilityTarget sizing (for touch devices)Component structure issuesAdvisory guidance beyond WCAGHighlights practical best practices inspired by:Apple Human Interface GuidelinesMaterial DesignReal-world accessibility patternsThese cover things not explicitly defined in WCAG but commonly recommended in modern interfaces.Context-aware analysisAccessibility is not one-size-fits-all.Accessibility Advisor adapts checks based on where your design lives:Web DesktopWeb MobileiOSAndroidTV / Large ScreenCustomFor example:Mobile → tap targets and touch spacingDesktop → pointer usabilityTV → large text, focus states, low-density layoutsOnly relevant checks run for each context, reducing false positives.Precise issue localizationPinpoints the exact element causing the issueClear explanationsActionable fixesBuilt-in educationEach 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.