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

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

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

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

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

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

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

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

Однако вы можете:

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

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

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

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

Помощник предложит изменить название страницы, если тег заголовка содержит «New page» (значение по умолчанию для новых страниц) или «Copy of» (значение по умолчанию, если создать копию страницы).

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

Совет: точные теги заголовков страниц также являются важной частью 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).
Однако некоторая часть контента на этих страницах может потребовать ручной проверки или исправления. Кроме того, некоторые страницы сайта не сканируются или не поддерживаются помощником.

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

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

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