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