Какие цвета использовать для доступности?

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

Я пытался найти некоторую доступность цветов стандартизации, но ничего не нашел. Есть ли какие-то советы или стандарты для этого? Если так, то кто они?

Если вы начинаете с нуля, основной целью является соотношение контрастности, соответствующее размеру шрифта и его весу. Более крупные и жирные шрифты нуждаются в гораздо более низком контрасте. Это очень важно для логотипов и любого изображения, содержащего текст, поскольку инструмент масштабирования браузера не обязательно увеличивает изображения настолько, чтобы сделать текст более четким.

Кроме того, вам лучше сделать контраст выше, чем минимальные отношения. Обычно я начинаю с цветов, которые хочу использовать в дизайне, внедряю, а затем проверяю цвета с помощью такого инструмента, как анализатор контрастности цвета Chrome extension. Затем я внесу небольшие изменения, чтобы получить хороший контраст и по-прежнему цвета, которые я хочу использовать. Webaim.org имеет много информации и хороший инструмент для анализа . Кроме того, я рекомендую прочитать рекомендации W3C .

Я хочу показать вам расширение, которое поможет людям, любящим слепые, видеть нормальные цвета. http://colorblind.tech/ это сайт расширения, и это прямая ссылка на расширение: https://chrome.google.com/webstore/detail/colorblind-dalton/afcafnelafcgjinkaeohkalmfececool Проверенная работа