Убедитесь, что страница доступна для пользователей с цветовой слепотой

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

На демонстрационной веб-странице тестирования специальных возможностей различные состояния пожертвования используют цвет в качестве единственного средства дифференциации:

• Зеленый означает, что большое количество пожертвований было получено.
• Желтый цвет означает, что средний объем пожертвований был получен.
• Красный означает, что было получено небольшое количество пожертвований.

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

Чтобы проверка, подходит ли веб-страница людям с цветовой слепотой:

1. Откройте веб-страницу в новом окне или на вкладке, например на демонстрационной веб-странице тестирования специальных возможностей.

2. Щелкните правой кнопкой мыши в любом месте веб-страницы и выберите пункт Проверить. Или нажмите клавишу F12. DevTools откроется рядом с веб-страницей. По умолчанию панель Быстрого просмотра открыта в нижней части devTools.

3. Если панель быстрого просмотра еще не открыта, нажмите клавишу ESC , чтобы открыть панель быстрого просмотра (если фокус находится на средствах разработки). На панели Быстрого просмотра нажмите кнопку Дополнительные инструменты (+) и выберите средство отрисовки .

4. Прокрутите вниз до раскрывающегося списка Эмуляция недостатков зрения и выберите Protanopia (без красного цвета). Протанопия снижает чувствительность к красному свету, что затрудняет дифференцировать зеленый, красный и желтый:

   

5. Чтобы удалить имитацию, в раскрывающемся списке Эмуляция недостатков зрения выберите Нет эмуляции.

См. также

• Эмулировать недостатки зрения . Определяет элементы в раскрывающемся списке Эмулировать недостатки зрения , включая Protanopia, Deuteranopia, Tritanopia и Achromatopsia.