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

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

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

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

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

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

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

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

   

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

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

См. также

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