Поделиться через

Эмулировать недостатки зрения

  • Статья

Чтобы лучше удовлетворить потребности пользователей с дефицитом цветового зрения (цветовая слепота) или размытым зрением, Microsoft Edge DevTools позволяет моделировать нечеткое зрение и определенные недостатки цветового зрения. Средство Эмуляции недостатков зрения имитирует следующие категории:

Дефицит цветового зрения Подробно
Размытое зрение Пользователю трудно сосредоточиться на мелких деталях.
Протанопия Пользователь не может воспринимать красный свет.
Deuteranopia Пользователь не может воспринимать зеленый свет.
Тританопия Пользователь не может воспринимать синий свет.
Ахроматопсия Пользователь не может воспринимать какой-либо цвет, что сводит весь цвет к оттенку серого.

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

Открытие средства отрисовки

Чтобы имитировать, как пользователь с недостатком зрения будет видеть вашу веб-страницу, используйте средство отрисовки :

  1. Чтобы открыть Средства разработки, щелкните веб-страницу правой кнопкой мыши и выберите пункт Проверить. Или нажмите клавиши CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS). Откроется devTools.

  2. В devTools на панели действий выберите вкладку Отрисовка . Если эта вкладка не отображается, нажмите кнопку Дополнительные инструменты (значок ") . Откроется средство отрисовки .

  3. Прокрутите вниз до раздела Эмулировать недостатки зрения :

    Раздел Эмулировать нарушения зрения в средстве отрисовки

  4. Щелкните раскрывающийся список Нет эмуляции и выберите нужный параметр. Окно браузера имитирует выбранный недостаток зрения на отображаемой веб-странице:

    Окно браузера с измененными цветами на веб-странице для имитации недостатка выбранного цветового зрения

Использование меню "Команда"

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

  1. Нажмите клавиши CTRL+SHIFT+P (Windows, Linux) или COMMAND+SHIFT+P (macOS), чтобы открыть меню Command.

  2. Введите эмуляцию, выберите тип недостатка зрения, который вы хотите имитировать, а затем нажмите клавишу ВВОД.

    Меню команд, показывающее различные типы недостатков зрения

См. также