Специальные возможности: об индикаторах фокуса (визуальных индикаторах)
2 мин.
При работе над специальными возможностями сайта вы можете увидеть настройку, называемую индикаторами фокуса. Это синие прямоугольники, которые появляются вокруг интерактивных элементов, таких как кнопки и ссылки, когда посетители используют клавиатуру для навигации по опубликованному сайту.
Откуда Wix берет информацию?
- Мы даем рекомендации в соответствии с Руководством по обеспечению специальных возможностей веб-контента (WCAG), разработанным Консорциумом Всемирной паутины (W3C).
- Эта статья основана на критерии видимости фокуса (2.4.7).
Почему важны индикаторы фокуса
Некоторые посетители перемещаются по сайтам с помощью клавиши Tab на клавиатуре. Индикаторы фокуса отображают текущее положение клавиши Tab, чтобы посетители точно знали, где они находятся на странице.
Если эти индикаторы не включены, посетители сайта могут не иметь возможности перемещаться по странице или контенту сайта. Таким образом, индикаторы фокуса являются важной частью специальных возможностей сайта.
Индикаторы фокуса на сайте Wix
Индикаторы фокуса автоматически включены на всех сайтах, созданных в Wix.
Индикатор разработан так, чтобы подходить к большинству цветовых сочетаний сайта. Однако он менее заметен на кнопках с белой заливкой на синем фоне. Поэтому мы рекомендуем проверить цвет элементов сайта, чтобы все посетители могли видеть индикатор.
Как проверить индикатор фокуса на сайте?
Чтобы проверить, как выглядит индикатор фокуса, откройте опубликованный сайт или превью сайта и перемещайтесь по странице с помощью клавиши Tab на клавиатуре.
Включение индикаторов фокуса
При проверке опубликованного сайта в редакторе Wix вы можете заметить, что индикатор фокуса не появляется. Если вы ранее отключили индикаторы фокуса, вам будет предложено включить их в Помощнике по специальным возможностям.
Работаете в Редакторе Studio или редакторе Harmony?
Индикаторы фокуса всегда включены на сайтах, которые вы создаете в Редакторе Studio или Harmony, поэтому вам не нужно проверять эту настройку.
Чтобы включить визуальные индикаторы:
- Перейдите в редактор.
- Нажмите Настройки в верхней части и выберите Помощник по специальным возможностям.
- Нажмите Сканировать сайт в панели справа в редакторе.
- Перейдите на вкладку Обнаруженные проблемы.
- Откройте выпадающий список На уровне сайта и нажмите Показать индикаторы фокуса.
- Включите переключатель Добавить визуальные индикаторы.
- Нажмите Применить.
Примечание:
После включения индикаторов фокуса в редакторе Wix их невозможно отключить.
Следующий шаг:
Вернитесь к Контрольному списку специальных возможностей, чтобы продолжить работу над доступностью сайта.