Adee - Accessibility Tools, Contrast Check & Code Generator

About this plugin

Adee Accessibility Plugin Features for Figma

Color Contrast Checker: Allows users to assess and adjust the contrast between text and background colors to ensure they meet accessibility standards, essential for readability by users with visual impairments. Features include swiping layers and colors, a live preview, and the ability to undo changes and apply them to designs. It also facilitates sharing of contrast test results with team members.

Colorblind Automatic Checker and Simulation: Automatically checks and simulates how individuals with different types of color blindness perceive colors. This feature supports visualizing eight forms of color blindness, including a black and white simulation, and allows designers to compare modes and views. Results can be shared with the team, enhancing collaboration and ensuring that designs are accessible to a broader audience.

Alt Text Generator: Automates the creation of alternative text for images in SVG, PNG, and JPG formats. It automatically detects image formats and allows users to specify the purpose of the image (informative/decorative), include image titles and descriptions, and suggest relevant HTML tags. This tool supports bulk operations and sharing capabilities, crucial for making content accessible to visually impaired users.

Touch Target Check: Ensures interactive elements such as buttons and links meet size standards for touch interaction across various devices, including Apple and Android devices, based on guidelines from Nielsen and WCAG. It provides a detailed testing interface and smart suggestions to meet these standards, ensuring designs are accessible on touch devices.

Accessibility HTML Generator: Converts design elements into HTML code that incorporates best practices in web accessibility, including semantic structures and ARIA roles. This tool aids in enhancing the usability of designs for users relying on assistive technologies.

Accessibility Checklist: Offers a comprehensive list of accessibility standards and guidelines to review against the design, ensuring all elements comply with best practices and helping designers maintain accessibility throughout their projects.

Contact us: [email protected]

Website: adee.co