Использование Мастера спецвозможностей

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

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

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

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

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

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

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

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

Порядок объектной модели документа (DOM) сайта определяет порядок «чтения» элементов на странице.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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