0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#3 in Accessibility

A11y

Text color accessibility

by Kelly Gorr

users
315K
likes
4.7K
saves
182K
comments
20
Open in Figma
FreeWorks inFigma Design
Price
Free
Latest version
v11 · Feb 3, 2020
First published
Jul 17, 2019
Publisher
Kelly Gorr
On this page
Overview

About A11y

A11y is a free Figma plugin published by Kelly Gorr in 2019. It works in Figma Design and has 315,417 users and 4,702 likes on the Figma Community. It ranks #3 in Accessibility on our lists.

In the developer's words

Ensure your text is readable for users by adhering to WCAG (Web Content Accessibility Guidelines) standards.

This plugin checks the color contrast ratio of all visible text in a frame, and it provides feedback on whether it meets WCAG’s AA and/or AAA level compliance. It also provides color sliders that allow users to adjust the colors and understand how the corresponding contrast ratio changes in real-time.

Currently only supports single, 100% solid fills. Working on some known issues with background layer detection (this is due to currently only supporting the aforementioned).

Changelog

What's new

Version 11 · released Feb 3, 2020

  • Republishing to MSFT space, disabling comments while we work on bugs.
  • 11/18/21
  • Transferring ownership to Microsoft employee
Trust

Permissions and privacy

Network access

This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where A11y ranks

Compare

A11y alternatives

  1. 1

    Stark

    by Stark

    577K users10KFree

    Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff

    View details
  2. 2

    Contrast

    by Alex Carr

    515K users8.3KFree

    Quickly check and scan for contrast issues on gradients, images, blends, and fills.

    View details
  3. 3

    UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites

    by Aurélien Grimaud

    92K users814Free + $8/mo upgrade

    Color Palettes that meet WCAG Guidelines and Operations (tailored for individuals)

    View details
  4. 4

    Color contrast

    by Aleksandra Walczak

    82K users474Free

    Color contrast checker

    View details
  5. 5

    Contrast

    by Roman Nurik

    72K users341Free

    Quickly run a visual contrast report on your design.

    View details
  6. 6

    Contrast Checker

    by Lucas Amorim

    54K users186Free

    Check contrast in your UI design

    View details
FAQ

A11y FAQ

What does A11y do?

Text color accessibility. It's a Figma plugin by Kelly Gorr that runs in Figma Design.

Is A11y free?

Yes. A11y is free to install and run from the Figma Community, with no paid tier listed.

How do I install A11y?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to A11y?

By user count, the closest alternatives are Stark, Contrast by Alex Carr and UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites. Compare all of them on the best Figma plugins for accessibility.

For developers

Built this plugin?

Use this page as a landing page for A11y: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

A11y on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/a11y/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="A11y on figmaplugins.co" width="220" height="48"></a>