Алгоритм Lyft с открытыми исходными кодами ColorBox для создания доступных цветовых систем

Lyft открыла исходный код своего цветового алгоритма для создания доступной цветовой системы. Команда разработчиков компании также упаковала алгоритм в виде веб-инструмента под названием ColorBox . Это позволяет любому легко создавать наборы цветов с доступными коэффициентами контрастности, как указано в стандартах WCAG 2.0 .

«Мы сделали доступность краеугольным камнем нашей новой цветовой системы», – сказал дизайнер Lyft Кевин Арнотт. «Мы хотели избавиться от необходимости вручную проверять цветовой контраст с помощью сторонних инструментов, и нам нужно было упростить создание доступных продуктов для всех».

В сообщении Арнотта « Повторное приближение к цвету » описывается, как его команда создала алгоритм и почему это было необходимо. По мере роста команды дизайнеров и инженеров Lyft стало очевидно, что названия и выбор цветов не согласованы для всех их продуктов. Поскольку тысячи людей создают продукты, основанные на цвете, масштабирование цветовой системы становится жизненно важным.

Lyft использовал то, что они уже сделали с присвоением и выбором цвета, и создал алгоритм, который стандартизировал бы переход от светлого к темному по цветовым оттенкам. В результате каждый цвет 0–50 доступен (4,5: 1) на черном и каждый цвет 60–100 доступен (4,5: 1) на белом.

ColorBox – это захватывающий и мощный инструмент, с которым можно поиграть. Он имеет входы для количества шагов, оттенка, насыщенности и яркости. Каждый вход также имеет различные предустановленные параметры кривой, предлагая больший контроль над изменением оттенка и насыщенности цветов.

«Этот алгоритм позволяет нам удалить все зависимости, которые у нас были ранее при выборе цвета, поэтому, если у нас есть новый дизайнер, работающий над этим, или мы меняем инструменты или мониторы, у нас все равно будет тот же результат», – сказал Арнотт. «Этот алгоритм также позволяет нам быстро изменять или масштабировать цвет по мере необходимости».

Кажется, что многим компаниям и проектам с открытым исходным кодом не хватает экспертов по доступности, поэтому инструмент, нацеленный на то, чтобы сделать доступные цветовые системы более доступными, является долгожданным вкладом. Алгоритм цвета JavaScript является открытым исходным кодом на GitHub (Apache 2.0 лицензии) и может быть изменен для конкретных потребностей любого проекта.