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

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

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

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

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

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

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

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

Тем не менее, вы можете:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

У некоторых посетителей сайта могут быть нарушения зрения или слуха. Вы можете обеспечить доступность медиафайлов, предоставив альтернативные варианты (например, расшифровки и аудиоописания) — это облегчит таким посетителям доступ к контенту, его понимание и просмотр. Подробнее об альтернативах медиафайлам.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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