Back to Plugins
Adee Comprehensive Accessibility Tool

Adee Comprehensive Accessibility Tool

Adee accessibility testing tool checks color contrast, simulates color blindness, tests touch size,

accessibilitydesignalt textcontrastinclusive designcontrast checkercolorwcagcolor blindaccessible designdesign systemux testingweb mobile designa11y

Plugin Preview

Adee Comprehensive Accessibility Tool preview

About this plugin


Adee is a comprehensive and powerful accessibility testing tool. You can test color contrast and apply changes, simulate 8 color blind simulations and generate them, test touch target sized to make sure they meet the various device standards and share test results with your team! ... and more!


Features:

  • Alt Text Generator

✓ Generate Alt Text for Svg, Png, Jpg images

✓ Automatic image format detection.

✓ Add the following information to generate Alt Text:

◦ Whether the image is Informative / Decorative

◦ Image Title

◦ Image Description

◦ Code/Tag recommendations

✓ Bulk adds, remove, reorder and update

✓ generate and share with the team


  • Touch Target Size Standard checker

✓ Check your touch targets have correct size based on the following criteria:

Apple touch devices

Android touch devices

Nielsen

WCAG

★★★ And smart suggestion to meet the standards and requirements! to make sure your design is accessible on touch devices.


How it works:

-       Select touch target size tab (hand icon)

-       From the first dropdown menu > Select the device you want to test your touch target size in

-       From the second drop down menu > Select your touch target (such as a button, link, or any other type of hyperlinks)

-       Then a table shows the test results and recommended standard sizes for your design to make sure it's accessible on touch devices


Check Adee touch target detailed instructions!


  • Colorblind Simulator

✓ Simulate 8 different forms of

    color-blindness

✓ Modes and views comparison

✓ Colorblind Generator

✓ Black and White simulation

✓ Share the test results with your team


Check Adee Colorblind simulator detailed instructions!


  • Comprehensive Contrast Checker

✓ Based on WCAG guideline.

You can:

✓ Easily Adjust Your Color Contrast

✓ Swipe Layers and Colors

✓ Live preview

✓ Easily Undo to Original Color

✓ Apply changes to your design

✓ Access to your saved/global colors

✓ Share the test results with your team


Check Adee contrast checker detailed instructions!


  • Share!

✓ Generate report and share them with your team!


Check Adee's terms and condition

Plugin Details

Version42
CreatedJanuary 13, 2021
Last UpdatedDecember 22, 2023
CategoryAccessibility tools
CreatorAdee
Stats14938 installs, 572 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma