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

Плагины дают возможность проверить дизайн на соответствие стандарту WCAG, а также генерировать палитры, которые отвечают требованиям контрастности 
Дарья Райт
Дарья Райт
Ведущий редактор в «Оди» в 2022–2024 годах

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

Stark

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

Contrast 

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

Contrast Grid 

A11y — Color Contrast Checker — проверяет доступность цветового контраста и его соответствие требованиям уровня WCAG AA и/или AAA. Также позволяет быстро скорректировать цвета до нужных значений

A11y — Color Contrast Checker

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

Adee Comprehensive Accessibility Tool

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

Axe for Designers 

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

Color Blind

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

Contrast Description

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

Low Vision

zebra — с легкостью проверяет контрастность цветов

zebra

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

Able

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

Caravage

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

HCL Easy

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

Accessible Colour Palettes
Поделиться
Отправить
Запинить

Обсуждение