Недавно получил сообщение от посетителя сайта: «Почему у вас список ссылок таким бледным цветом. Чтобы труднее было найти и разглядеть? Почти ничего не видно. Приходится выделять текст мышкой, чтобы прочитать. Дурдом».
Вообще знаю, что контраст важен, и учитываю это при подборе цветов. В данном случае ссылки действительно были бледными, но всё-таки я открывал сайт на нескольких устройствах, и везде различал слова без особого напряжения. Выходит, делать «на глаз» нельзя.
Может быть проблема контраста затрагивает маленький процент пользователей, и не стоит на нее обращать внимание? Попробуем оценить:
- Контрастность ЖК-дисплеев за несколько лет падает вдвое. Думаю, что устройств с возрастом 4—5 лет сейчас используется достаточно много.
- В режиме экономии батареи на мобильных устройствах подсветка дисплея ослабевает.
- Доля Оперы Мини уже больше 11%, значит, доля посетителей с телефонов еще выше. У телефонов характеристики дисплеев хуже, чем у ноутбуков.
- Внешние условия. Например, солнечный свет ухудшает картинку. Иногда приходится работать с неудачным углом обзора.
- Близорукость ухудшает восприятие. Можно предположить, что это затрагивает 20% пользователей.
- Дальтонизм ухудшает восприятие.
Как видно, проблема масштабная, и пренебрегать ее решением не следует.
Отдельно скажу про дальтонизм, о котором мало что знал. Оказалось, что наиболее распространенные случаи — неспособность различать красный и зеленый. Явление затрагивает до 10% пользователей. Измененные палитры можно посмотреть здесь. Самые частые расстройства: Deuteranomaly (недостаточно зеленого), Protanomaly (недостаточно красного), Protanopia (нет красного), Deutanopia (нет зеленого).
Насколько я понял, в большинстве случаев у дальтоников не возникнет неожиданных проблем с контрастом. Но посмотрите, что происходит с синим цветом в варианте Protanopia. А ведь это вполне может оказаться цветом ссылок.
В итоге пришел к выводу, что у 2% дальтоников могут возникнуть проблемы с контрастом.
Есть много инструментов для работы над accessibility. Мне приглянулось расширение для Firefox WCAG Contrast checker. Оно умеет и контраст оценивать, и цвета для дальтоников.
Дмитрий Сергеев, 26 лет, разрабатываю сайты на Drupal, управляю интернет-проектами
Комментарии
Тормоз, 11.05.2011 17:10
Мне вот любопытно, как точно определили, что видит дальтоник?
Тормоз, 11.05.2011 17:16
Наверно калибровочные пластинки разных цветов, ставят их рядом и просят человека определить - одинаковые они для него или нет.
pashko, 11.05.2011 20:51
У меня аномальная трихромазия. От дальтонизма это отличается лишь тем, что большинство цветов я всётаки вижу, но делаю это неважно. Скажем зелёный и коричневый для меня одинаковы. Аналогично с желтым и салатовым. Ещё иногда розовый с голубым путаю.
Пробивается эта штука элементарно. Тесты не цветовосприятие. Куча точек и нужно чтото рассмотреть (число, буква, фигура). Я в лучшем случаю четверть могу разглядеть.
Тормоз, 11.05.2011 22:36
Мда, неприятная штука. Сам несколько лет назад с удивлением узнал, что людей с цветовыми расстройствами довольно много, оказывается.
Так что Дмитрий актуальную тему поднимает, нужно это учитывать. А ещё я в книжке "Экономичный WEB-дизайн", кажется, читал, что есть даже стандарт какой-то, при выполнении условий которого можно быть уверенным, что сайт будет доступен для большинства людей с ограниченными возможностями. Это касается и полной слепоты, и глухоты и т. п.
В частности, если человек глухой, сайты ему проговаривает специальная программа, и она с разными интонациями произнесёт слова, например, заключённые в strong и b.
Тормоз, 11.05.2011 22:37
А, так Дима даже написал название этого стандарта в статье. WCAG - http://www.w3.org/TR/WCAG10/
Xann, 11.05.2011 18:05
Что видят дальтоники, тоже самое только цвета серые. У меня есть друг который не может отличить 2цвета зеленый и черный а так весь спектр пожалуйста