Редактор Wix Harmony: использование Помощника по специальным возможностям

Индикаторы фокуса — это синие рамки, которые появляются вокруг интерактивных элементов, например кнопок или ссылок, когда посетители перемещаются по опубликованному сайту с помощью клавиатуры.

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

Функция «Перейти к основному содержимому» позволяет посетителям, использующим клавиатуру для навигации, пропустить верхние разделы сайта, например меню и заголовки страниц, и сразу перейти к основному содержимому страницы.

Ссылки «Перейти к основному содержимому» важны для специальных возможностей сайта, поскольку позволяют посетителям быстро перейти к нужной информации. Подробнее о функции «Перейти к основному содержимому».

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

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

Если вы добавили на сайт Wix Multilingual, основной язык, выбранный при настройке, нельзя изменить.

Однако можно:

Порядок объектной модели документа (DOM) на сайте определяет порядок выбора и чтения элементов страницы, то есть порядок, в котором программы чтения с экрана озвучивают элементы и в котором они выделяются при нажатии клавиши Tab.

На порядок DOM также влияет направление письма языка сайта. Рекомендуем упорядочить DOM с помощью Помощника, чтобы порядок чтения элементов соответствовал их визуальному расположению. Подробнее о порядке DOM и специальных возможностях.

Примечание: эта задача отображается, только если порядок DOM не соответствует направлению письма языка сайта.

Тег заголовка страницы — это заголовок, который поисковые системы обычно показывают для этой страницы в результатах поиска. Он формируется из названия страницы и названия сайта.

Помощник предлагает изменить название страницы, если тег заголовка содержит текст «Новая страница» (назначается по умолчанию новым страницам, добавленным на сайт) или «Копия» (назначается по умолчанию копиям страниц).

Теги заголовков страниц предоставляют посетителям, использующим вспомогательные технологии, важную информацию о содержании страницы. Чтобы посетителям было удобнее работать с сайтом, заголовки страниц должны быть:

Совет: точные теги заголовков страниц также важны для SEO сайта.

Теги заголовков — это элементы HTML-кода сайта, которые определяют иерархию и структуру текстового содержимого страницы. Теги заголовков располагаются сверху вниз: от заголовка 1 (H1) до заголовка 6 (H6), после которых следует текст абзаца (P).

Вспомогательные технологии используют теги заголовков, чтобы определять порядок содержимого страницы. Например, программы чтения с экрана сначала зачитывают содержимое H1, затем H2, H3 и т. д.

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

Многие теги заголовков можно настроить в Помощнике по специальным возможностям. Однако некоторые элементы пока не полностью интегрированы с Помощником, поэтому их необходимо настроить вручную.

Альтернативный текст (Alt-текст) — это текстовое описание изображения на веб-странице.

Некоторые посетители могут использовать для навигации по сайтам вспомогательные технологии, например программы чтения с экрана. Они зачитывают посетителям содержимое сайта, включая Alt-текст.

Поэтому Alt-текст — важная часть сайта. Благодаря ему посетители, использующие такие технологии, могут получить доступ к содержимому и понять, что изображено на картинке.  Подробнее об Alt-тексте и специальных возможностях.

Контрастность цветов — это показатель разницы в воспринимаемой яркости двух цветов. Она выражается соотношением от 1:1 (контраст отсутствует) до 21:1 (высокая контрастность). Высокая контрастность облегчает просмотр и чтение содержимого сайта.

Требуемый коэффициент контрастности цветов зависит от типа элемента и  уровня Руководства по обеспечению доступности веб-контента (WCAG), которому вы хотите соответствовать:  AA (минимальное требование) или  AAA (расширенный уровень):

Контрастность большей части содержимого сайта можно настроить в Помощнике по специальным возможностям. Однако некоторые элементы пока не полностью интегрированы с Помощником, поэтому их необходимо настроить вручную. Подробнее о настройке контрастности цветов.

Примечание: сейчас в Помощнике по специальным возможностям требуется соответствие только уровню AA.

У некоторых посетителей сайта могут быть особенности здоровья, влияющие на зрение и/или слух. Чтобы сделать медиафайлы доступными, добавьте альтернативные варианты, например текстовые расшифровки и аудиоописания. Так посетителям будет проще получить доступ к содержимому, понять его и ознакомиться с ним. Подробнее об альтернативных вариантах для медиафайлов.

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

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

Текст и элементы со ссылками на другие страницы, разделы или сайты должны быть максимально информативными. Например, «Подробнее о нашем последнем исследовании» понятнее, чем «Подробнее». Если ссылка запускает действие, например отправку формы, это также должно быть понятно из ее текста. Ознакомьтесь с рекомендациями по обеспечению доступности веб-контента (WCAG) о назначении ссылок

Информация, передаваемая с помощью цвета, должна сопровождаться другими обозначениями, например узорами, стилями шрифта и значками. Например, текст ссылки следует подчеркивать, а данные на графиках — обозначать разными узорами или текстурами. Ознакомьтесь с рекомендациями по обеспечению доступности веб-контента (WCAG) об использовании цвета.

Текст на изображениях, например на фотографиях вывесок или слоганов, невозможно прочитать с помощью программ чтения с экрана. По возможности рекомендуем заменять такие изображения обычным текстом.

Если текст на изображении является важной частью контента сайта или необходим для передачи информации, добавьте его в описание изображения (Alt-текст). Подробнее о тексте на изображениях.

Некоторые видео- и аудиоплееры могут автоматически запускаться при загрузке страницы. Это может отвлекать и сбивать посетителей с толку, а также мешать работе вспомогательных технологий. Например, автоматически запущенный аудиоплеер может заглушить программу чтения с экрана.

Поэтому рекомендуем предоставить посетителям возможность остановить или приостановить воспроизведение, а также отключить звук. Подробнее о добавлении элементов управления

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

В ряде стран специальные возможности сайта являются требованием законодательства. Даже если в вашем регионе такого требования нет, рекомендуем добавить соответствующее заявление. Оно показывает стремление владельца сайта или клиента сделать сайт доступным для всех посетителей.  Подробнее о заявлениях о специальных возможностях.

На сайте могут быть проблемы с контрастностью цветов, которые Помощник не выявляет. Чтобы весь контент сайта был четким и видимым для посетителей, рекомендуем вручную проверить контрастность контента и при необходимости изменить ее.

Помощник сканирует большую часть контента сайта. Сюда входят обычные страницы сайта и страницы бизнес-решений, например страница календаря в Wix Bookings.
Однако некоторые материалы на этих страницах может потребоваться проверить или исправить вручную. Кроме того, Помощник не сканирует или не поддерживает некоторые страницы сайта.

Помощник по специальным возможностям не поддерживает:

Мы рекомендуем проверить эти страницы и приложения по нашему контрольному списку, чтобы узнать, как сделать их более доступными.

После использования Помощника по специальным возможностям можно продолжить улучшать доступность сайта для посетителей несколькими способами: