Употреба на цвят

Какво изисква критерият

Когато смисълът на даден елемент от потребителския интерфейс зависи от цвета му — червено съобщение за грешка, зелена точка „налично”, синя връзка в основния текст, цветна линия на диаграма — този смисъл трябва да се предава и по друг начин, освен чрез цвят. Критерият не забранява цвета, а забранява използването само на цвят. Приблизително 1 на 12 мъже и 1 на 200 жени имат някаква форма на нарушено цветовъзприемане; освен това едноцветните разпечатки, затъмнените екрани и средата с ярка светлина рутинно заличават цветовите разграничения.

Как да се изпълни изискването

• Подчертавайте връзките в рамките на абзаци с текст. Само различен цвят не е достатъчен — това е класическата грешка по 1.4.1.
• Съчетавайте всеки цвят за статус с етикет или икона: червено с текст „Грешка”, зелено с отметка, жълто с триъгълник за предупреждение.
• Отбелязвайте задължителните полета на форма едновременно с цвят (звездичка в червено) и с текстов индикатор („задължително”).
• За диаграми използвайте различни стилове на линиите (плътна, прекъсната, пунктирана) или символи в точките с данни, а не само цвят.
• Индикаторите за статус „наличен / зает / отсъстващ” да съчетават цвят с форма на иконата (запълнен кръг, кух кръг, тире).
• При валидиране на форма невалидното поле трябва да има съобщение за грешка в допълнение към червената рамка.

Чести грешки

• Връзки в основния текст, показани само с малко по-различен нюанс на синьото, без подчертаване. Потребителите с червено-зелена цветна слепота не виждат разлика.
• Звездички за задължителни полета, показани в червено без aria-required и без етикет „задължително”.
• Диаграми с пет серии, разграничени само с цвят — при разпечатване в сиви нюанси линиите стават неразличими.
• Грешки, стилизирани само с червена рамка, без текст за грешка.
• Индикатори „онлайн / офлайн”, при които се променя само цветът, без промяна на форма или етикет.
• Кръгови диаграми с парчета с подобна яркост, обозначени само в легендата с цвят.

Защо е важно

Това е най-цитираната грешка сред критериите 1.4.x и е една от най-лесно поправимите при проектирането — добавете подчертаване, добавете икона, добавете етикет. Последващото поправяне е по-трудно, тъй като цветовата палитра на марката често е изградена около сигнализиране само с цвят. Инструментите Qualibooth, axe и Lighthouse не винаги могат да открият това автоматично, затова грешката излиза при ръчна проверка.