14 плагинов Figma для проверки доступности дизайна ?

Подборка плагинов, которые помогут проверить дизайн на доступность: цветовосприятие, контраст заголовков, стандарты WCAG и т.д.

1. Stark

Помогает проверить макет на доступность и проводить UX-тестирования

2. Contrast

Проверяет доступность цветового контраста любых элементов в макете.

3. Contrast Grid

Проверяет контрастность нескольких сочетаний цветов переднего плана и фона на соответствие минимальному контрасту WCAG

4. A11y — Color Contrast Checker

Проверяет доступность цветового контраста и его соответствие требованиям уровня WCAG AA и/или AAA.

5. Adee Comprehensive Accessibility Tool

Комплексный инструмент для тестирования доступности. Можно смоделировать 8 режимов того, как будут видеть ваш дизайн люди с различными формами дальтонизма

6. Axe for Designers

Инструмент, который помогает дизайнерам создавать проекты, отвечающие стандартам контрастности и доступности

7. Color Blind

Позволяет моделировать дизайн на основе выбранного типа нарушения цветового восприятия

8. Contrast Description

Быстро добавляет информацию о коэффициенте контрастности WCAG в стили цветов для удобства использования прямо на панели цветов

9. Low Vision

Симулятор, который тестирует пользовательский интерфейс на соответствие различным типам нарушений зрения

10. zebra

Проверяет контрастность цветов

11. Able

Позволяет быстро проверить контраст между двумя выбранными слоями прямо в Figma

12. Caravage

Проверяет, насколько дизайн соответствует стандарту WCAG

13. HCL Easy

Позволяет быстро подобрать цветовые палитры, отвечающие требованиям контрастности

14. Accessible Colour Palettes

Подборка цветовых пар в Figma с учётом стандарта доступности ААА