Специальные возможности: подготовка сайта для программ чтения с экрана
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:
- Выберите Настройка в верхней панели редактора.
- Выберите Мастер спецвозможностей.
- Выберите значок Другие действия в правом верхнем углу мастера.
- Выберите Дополнительная настройка.
- Выберите Автоматическое размещение DOM.
- Отключите переключатель на панели.
- Выберите Отключить во всплывающем окне.
- Выберите значок Слои в левом нижнем углу редактора.
- Проверьте список и удалите лишние элементы. Сюда входят повторяющиеся элементы, которые не используются на вашем сайте и могут запутать пользователей программы чтения с экрана.
- Расположите оставшиеся элементы в нужном порядке путем перетаскивания.
в правом верхнем углу мастера.
в левом нижнем углу редактора.Примечание:
- Навигация по сайту с помощью клавиши Tab позволяет перемещаться только по интерактивным элементам, а не по статическим элементам, таким как текст. Если вы хотите проверить программу чтения с экрана на статических элементах, таких как текст, следуйте инструкциям в справочном руководстве к программе чтения с экрана, чтобы узнать, как правильно перемещаться по веб-сайту с помощью клавиатуры.
- Закрепленные элементы автоматически размещаются в конце последовательности табуляции. Если вы хотите изменить порядок отображения элемента при табуляции, мы рекомендуем вам открепить элемент и разместить его в хедере.
Следующие шаги:
- Откройте мобильный редактор и повторите те же шаги.
- Вернитесь к контрольному списку доступности, чтобы продолжить работу над доступностью сайта.