axe for Designers: A Free Accessibility Plugin

About this plugin

axe for Designers: A Free Accessibility Plugin

Are you exhausted from dealing with endless back and forth with developers, messy handouts, and accessibility issues in your designs? Introducing axe for Designers, a Figma accessibility plugin supported by AI/ML, developed by Deque, a market leader in digital accessibility.

With features like A11y Scan (previously auto scan), wcag Color Contrast Checker, Focus Order, Annotations, and more, you can quickly and easily identify any accessibility issues before your design goes into production. And if you're already in the middle of a project, our tool can help you analyze and fix accessibility issues that have cropped up.

Best of all, you can use our Figma accessibility plugin for free!!

Introducing axe for Designers' features

Ensure your designs meet WCAG compliance standards with a single click. Make design-to-dev handoffs more effective by seamlessly bridging the gap between design and development with the axe for Designers. Consider integrating this website accessibility plugin to ensure all users can access your content effortlessly.

Annotations: Communicate your design intent effectively to developers by adding explicit accessibility annotations. Refine your design intent effortlessly with the axe for Designers' Edit Annotation feature, ensuring precise communication and reducing rework. Tags for developers facilitate smoother handoffs.

• Extensive Annotation Stamps: Access a comprehensive set of annotation stamps, including automated developer tags, with short recommendations and detailed documentation for developers.

• AI/ML Driven Auto-annotations: Explore the auto-annotation feature, which automatically scans and annotates form controls like buttons, radio buttons, checkboxes, and labels.

Automated Accessibility Scan:

Receive real-time suggestions for design improvements for color contrast, text readability, and more, making your designs inclusive for all users.

Color Contrast Checker:

Looking for a WCAG color contrast checker? Easily assess contrast ratios and ensure your designs adhere to AA or AAA requirements. Explore accessible color palettes to enhance your design's inclusivity.

Touch Targets Size:

Confirm that touch targets in your designs are user-friendly and accessible to everyone.

Inappropriate or Missing Headings Hierarchies:

Run checks on your designs to ensure heading hierarchies are appropriately structured for accessibility.

Focus Order:

Optimize user navigation and enhance accessibility in your designs with the axe for Designers' Focus Order feature, ensuring a seamless experience for all.

Dashboard View:

Save and share reports seamlessly. Access your dashboard directly from the plugin or log in to dashboard to view reports, product documentation, and other accessible design resources.

Users Testimonials:

“This plugin is the best thing to happen to Figma. It's awesome! I've been using Axe for over 5 years now and it's so great to be able to get even a fraction of that suite inside of Figma. Keep up the great work!”

- Bryce Watson, Head of Design, Yoke

"Thank you so much for making this! I was used to baking in accessibility annotations as part of a design system, but this is a more powerful way to annotate for accessibility. The plugin explains more about each "type" of annotation, enabling designers to learn more as they work and facilitating more productive conversations between designers and engineers."

- Sarah Bonville, Senior Product Designer, Accessibility. Khan Academy

“My experience with the Axe for Designers plugin has been great. It helps designers quickly check and annotate designs, allowing for more accurate accessibility details earlier in the design and development processes.”

- Adam Wertel UI/UX Lead, Spreedly

Learn more !