A11y

Если вы сейчас не поняли о чем это - это про accessibility. Цифра 11 обозначает 11 пропущенных букв между A и y. А само сокращение - подход к проектированию интерфейсов, цель которого сделать функционал и контент доступным для максимального количества людей.

У этого подхода конечно есть документация - на английском и сложно читаемая, но я как любой человек с ограниченным количеством часов в сутках не стала заниматься мазохизмом и просто прочитала краткую выжимку из неё.

Есть и более дружелюбные ресурсы по теме. Например, у МТС хороший сайтик об этом. В целом достаточно просто расписаны базовые правила по контрасту элементов, со ссылками на полезные ресурсы.

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

На практике я уже успела попользоваться плагином в Фигме, который показывает, как твой макет будет видеть человек, который не отличает некоторые/все цвета, так как недавно проектировала дашборд, где цвета были не фиксированные и хотелось сделать обоснованный правильный выбор.

Кому-то это всё покажется мелкими деталями и последними пунктами в списке приоритетов, но на мой взгляд это показывает внимание к реальным пользователям и надежность продукта. Ну и для меня очень ценно, что я как проектировщик могу об этом позаботиться.