Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The A11y plugin for Figma stands out as one of the most widely used plugins. It guarantees text legibility for users by following the Web Content Accessibility Guidelines (WCAG).

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

GoodPROS: the ability to evaluate the contrast ratio of your entire Figma artboard. This preview offers insights into how your design will appear on your website or app.

CONS: Depending on how a layer is constructed, this plugin may encounter limitations in accessing all the text, potentially leading to misleading results.

Able

Able plugin adds colour seamlessly integrates color contrast and colour color blindness to considerations into your workflow with as little minimal effort as possible. Open Simply open Able, and we it will automatically compare the contrast between the two layers you selectchoose. This way, allows you can to keep Able open and casually easily select layers to compare without re-running or updating the plugin!Good: I can see for comparison without the need to rerun or update the plugin.

PROS: It shows the font size option Badalso has a link to the color contrast guideline.

CONS: You need to should select only two layers , not rather than the entire artboard, as this can save you unnecessary effort.

...

Color Blind

You can use the colour blind plugin to get an accurate and real-time simulation of your designs based on the type of disorder you have selected.

...