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

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

  • Статья

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

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

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

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

  3. В средствах разработки на панели действий нажмите кнопку Дополнительные инструменты (значок ") и выберите Отрисовка.

  4. В средстве отрисовки прокрутите страницу до раздела Эмулировать недостатки зрения .

  5. В разделе Эмуляция недостатков зрения выберите Размытое зрение:

    Имитация размытой страницы

    Моделирование размытого зрения показывает, text-shadow что в верхнем меню свойство CSS затрудняет чтение текста пунктов меню (таких как Home и Adopt a Pet).

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

См. также