По некоторым оценкам, до 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.
Обсуждение: