FigmaNavi
WCAG Accessibility Checker
Plugin Preview
About this plugin
FigmaNavi checks your design's accessibility against WCAG
2.1/2.2 guidelines.
Features:
• Contrast Checker - Calculate text/background contrast
ratios (4.5:1 / 7:1)
• Target Size - Verify touch target dimensions (24×24px /
44×44px)
• Alt Text - Manage alternative text for images
• Heading Structure - Check H1-H6 hierarchy
• Focus Order - Set and visualize keyboard navigation order
• Vision Simulator - Preview designs for color vision
deficiencies
Compliance:
WCAG 2.1 / 2.2 Level A / AA / AAA
Scan entire pages to quickly identify accessibility issues
in your designs.
Plugin Details
| Version | 1 |
|---|---|
| Created | January 30, 2026 |
| Last Updated | January 30, 2026 |
| Category | Accessibility tools |
| Creator | koki |
| Stats | 6 installs, 3 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/index.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥