Безопасный цвет: создавайте доступные цветовые палитры на основе рекомендаций WCAG

В прошлом месяце участники WordPress утвердили стандарты кодирования специальных возможностей для основного руководства. Весь новый и обновленный код должен соответствовать рекомендациям уровня AA WCAG 2.0 .

Поскольку ядро ​​WordPress уверенно продвигается в направлении доступности, его новые рекомендации устанавливают планку для тем, плагинов и веб-сайтов, созданных на основе платформы. Контраст текста и фона, важный фактор удобочитаемости, является одним из самых простых мест для начала работы. Требования к цвету WCAG 2.0 рекомендуют коэффициент контрастности 4,5 для мелкого текста или 3 для крупного текста, который составляет 24 или 18 пикселей полужирным шрифтом.

Color Safe — это удобное веб-приложение, которое помогает дизайнерам выбирать сочетания цветов, соответствующие рекомендациям WCAG 2.0 для людей с разными зрительными способностями. Вы вводите цвет фона, семейство шрифтов, размер и вес текста, и инструмент создает палитру безопасных вариантов цвета текста.

Палитру можно сортировать по основным цветовым группам, а выбор можно просмотреть в верхней части экрана. По умолчанию генератор использует рекомендации уровня AA. Если вы создаете веб-сайт компании или правительства, для которого требуются спецификации AAA, вы можете выбрать его из раскрывающегося списка, и все цвета, сгенерированные в палитре, будут соответствовать требованиям.

Color Safe был создан инженером Salesforce UX Дониэль Берг и дизайнером продуктов Адрианом Раппом , чтобы помочь дизайнерам включить специальные возможности в процесс проектирования. Инструмент избавляет от догадок, связанных с соблюдением рекомендаций WCAG, и упрощает визуальное изучение доступных цветовых комбинаций.