header-logo
Узнайте как использовать Wix для создания своего сайта и бизнеса.
Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.
Управляйте подписками, планами и счетами.
Управляйте своим бизнесом и общайтесь с пользователями.
Узнайте, как приобрести, подключить или перенести домен на свой сайт.
Получите инструменты для развития вашего бизнеса и присутствия в интернете.
Повышайте свою видимость с помощью инструментов SEO и маркетинга.
Получайте расширенные функции, которые помогут вам работать более эффективно.
Находите решения, узнавайте об известных неполадках или свяжитесь с нами.
placeholder-preview-image
Совершенствуйте навыки с помощью наших курсов и учебных статей.
Получайте рекомендации по веб-дизайну, маркетингу и многому другому.
Узнайте, как увеличить органический трафик из поисковых систем.
Создайте собственный сайт на нашей полнофункциональной платформе.
Найдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image

Специальные возможности: подготовка сайта для программ чтения с экрана

3 мин.
Некоторые посетители сайта для навигации по сайту могут использовать вспомогательные технологии, такие как программы чтения с экрана. Программы чтения с экрана — это приложения, которые используют люди с нарушениями зрения. Такие программы сканируют контент сайта, а затем «зачитывают» его посетителю. Посетители, использующие программы чтения с экрана, также обычно используют клавишу табуляции для навигации по сайту, поскольку не видят, куда нажимать.
Порядок DOM вашего сайта — это порядок, в котором программы чтения с экрана и клавиша Tab выделяют и / или «читают» контент на странице. Он должен следовать логическому порядку, чтобы посетители получили наилучшее впечатление от вашего сайта, а также могли понять его контент и насладиться им.
Примечание:
Некоторые посетители могут не использовать программу чтения с экрана, но использовать клавишу Tab для навигации по сайту, например, те, у кого есть проблемы с мобильностью. Поэтому мы рекомендуем всегда следить за правильностью порядка DOM вашего сайта.

Порядок DOM вашего сайта

DOM — это порядок элементов на сайте. Он особенно важен, когда посетители сайта используют программы чтения с экрана и / или клавишу Tab, поскольку они должны иметь возможность перемещаться по сайту в логическом порядке. Например, сначала должно быть меню сайта, затем остальные элементы в хедере, потом заголовок страницы, контент страницы и т. д. Если порядок DOM неверный, это может привести к тому, что программа чтения с экрана / клавиша Tab будет пропускать контент или хаотично перемещаться по странице.
Wix автоматически устанавливает порядок DOM. Последовательность выстраивается на основе визуального порядка элементов; слева направо и сверху вниз. При разработке инструментов специальных возможностей мы тестируем наши продукты с помощью следующих программ чтения с экрана:
  • Windows + Firefox или Chrome: NVDA (бесплатная программа)
  • iOS + Safari: Voiceover (встроенная программа для чтения)
Это означает, что мы создали автоматический порядок DOM вашего сайта с учетом функций вышеупомянутых приложений. Вы можете проверить автоматический порядок DOM сайта, используя клавишу Tab или программу чтения с экрана на опубликованном сайте.

Изменение порядка объектов в модели DOM

Если вы протестируете порядок DOM вашего сайта и заметите, что порядок нелогичный, вы можете вручную изменить его в Мастере спецвозможностей. Мастер — это инструмент, который сканирует ваш сайт, выявляет потенциальные проблемы со специальными возможностями и предоставляет действенные решения для их устранения. Кроме того, вы также можете использовать мастер специальных возможностей для изменения дополнительных настроек доступности на сайте.
Важно:
Если порядок табуляции на вашем сайте логичен, вам не нужно ничего делать. Изменение порядка, когда он уже правильный, может вызвать проблемы у посетителей, использующих программы чтения с экрана и / или клавишу Tab.

Чтобы изменить настройки DOM:

  1. Выберите Настройка в верхней панели редактора.
  2. Выберите Мастер спецвозможностей.
  3. Выберите значок Другие действия в правом верхнем углу мастера.
  4. Выберите Дополнительная настройка.
  5. Выберите Автоматическое размещение DOM.
  6. Отключите переключатель на панели.
  7. Выберите Отключить во всплывающем окне.
  8. Выберите значок Слои в левом нижнем углу редактора.
  9. Проверьте список и удалите лишние элементы. Сюда входят повторяющиеся элементы, которые не используются на вашем сайте и могут запутать пользователей программы чтения с экрана.
  10. Расположите оставшиеся элементы в нужном порядке путем перетаскивания.
Примечание:
  • Навигация по сайту с помощью клавиши Tab позволяет перемещаться только по интерактивным элементам, а не по статическим элементам, таким как текст. Если вы хотите проверить программу чтения с экрана на статических элементах, таких как текст, следуйте инструкциям в справочном руководстве к программе чтения с экрана, чтобы узнать, как правильно перемещаться по веб-сайту с помощью клавиатуры.
  • Закрепленные элементы автоматически размещаются в конце последовательности табуляции. Если вы хотите изменить порядок отображения элемента при табуляции, мы рекомендуем вам открепить элемент и разместить его в хедере.
Следующие шаги: