По некоторым оценкам, до 10% мужского и 0,4% женского населения в мире страдает от некоторых форм цветовой слепоты. Наиболее распространенная форма — Дальтонизм (Протанопия), врожденное нарушение цветового зрения, при котором человек не отличает красный цвет от зеленого. Существует также такие формы как сине-желтая цветовая слепота и полная цветовая слепота.
Хорошие веб дизайнеры проводят много времени настраивая сайты для обеспечения нормального восприятия веб страниц пользователями с различными браузерами и с устройствами для чтения с экрана. Такая работа предполагает множество тестов, хаков и бессонных ночей и все это для небольшого процента пользователей. Конечно доступность очень важна, поэтому это стоит того. Почему бы не попробовать сделать несколько шагов вперед и убедиться что вашим безупречным дизайном могут пользоваться люди с ограниченными возможностями.
Цветовая слепота
Вот несколько утилит, которые помогут вам туда продвинутся:
- Sim Daltonism. Это симулятор цветовой слепоты для пользователей Mac OS X. Утилита показывает область вокруг указателя мыши, так как ее видят пользователи с той или иной формой слепоты.
- Colorblind Web Page Filter. Онлайн сервис, позволяющий ввести адрес страницы и посмотреть как будет выглядеть вся страница в зависимости от формы цветовой слепоты.
- Color Oracle. Утилиту можно использовать для тестирования не только веб страниц, но и других интерфейсов. Результат можно сохранить в виде изображения.
- ColorDoctor. Утилита аналогичная Color Oracle, но имеет ограниченную область.
- Sphere. Онлайн сервис имитирующий 9 видов цветовой слепоты.
Контраст
В большинстве случаев вся работа по улучшению зрительного восприятия сводится к подбору и использованию в дизайне контрастных цветов. На Go MediaZine есть хорошая статья с примерами.
- Colour Contrast Check. Удобный сервис для выбора основного цвета и цвета фона.
- Contrast Analyser. Утилита для подбора контрастирующих цветов. Программа также показывает как выбранные вами цвета буду выглядеть для пользователей с дефектами зрения.
Оригинал: Accessibility Basics: Testing Your Page For Color Blindness.
Обсуждение: