WCAG Plugin

About this plugin

This plugin enhances the accessibility of digital designs by integrating accessibility guidelines directly into your design processes and systems. The WCAG Plugin offers three key features:

🔎 Guideline Search - Quickly find relevant guidelines as a conversation starter and to ensure your designs are providing an equitable experience for all users.

🗂️ Notation Cards - Annotate Figma design files with WCAG guideline cards to increase your knowledge of accessibility requirements and best practices.

🔧 Utility Tokens - Import accessibility utility tokens as Figma variables to ensure accessible design decisions across various design elements and components.

Free and open-source:

This plugin is free and open-source, driven by a community of passionate contributors dedicated to making digital design more accessible for everyone.

Roadmap:

We are incredibly grateful for the enthusiastic support and feedback from our community. Your input has been invaluable in shaping the future of this plugin. Here’s what’s coming next:

New in Version 4:

• Filter by Version: Easily find guidelines based on specific WCAG versions.
• Filter by Level: Quickly access guidelines categorized by conformance levels (A, AA, AAA).

Ideas Added to our Backlog:

• Plain Language Explanations (WCAG Quotes): Simplified, user-friendly interpretations of the WCAG guidelines to enhance understanding and accessibility for all.
• Interactive Tutorials: Step-by-step guides and interactive walkthroughs to help users apply accessibility guidelines directly in their designs.
• Customizable Notation Cards: Allow users to add custom notes and highlight specific guidelines directly within Figma.
• Community Showcase: A platform to highlight exemplary accessible designs created by the community, fostering inspiration and sharing best practices.
• Localized Guideline Support: Provide translations and culturally relevant examples of WCAG guidelines to support a global user base.

We need your ideas and feedback:

Stay involved by visiting our Feedback page to share your thoughts and ideas. Together, we can continue to improve and make digital design more inclusive.