Добавление альтернативного текста к изображениям: лучшие практики

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

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

Зачем добавлять альтернативный текст к изображениям?

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

Советы по альтернативному тексту

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

Типы изображений

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

Информативные изображения — изображения, содержащие информацию, которая помогает понять концепцию, изложенную на странице. Если человек не видит изображение, он упускает ключевую информацию. Для этих изображений нужен альтернативный текст.
Декоративные изображения — изображения, которые не добавляют дополнительной информации к изображению на странице, например фоновое изображение. Эти изображения можно пометить как декоративные.
Функциональные изображения — изображения, которые также ссылаются на другие места назначения. Для этих изображений нужен альтернативный текст с указанием цели ссылки. Например, если у вас есть изображение баннера с внутренними ссылками на функцию «Спонсоры», включите эту информацию в альтернативный текст, чтобы люди знали, чего ожидать.
Изображения текста — изображения, содержащие информативный текст. Сообщение, передаваемое на подобном изображении, должно иметь текстовый эквивалент, обычно написанный альтернативным текстом.

Советы по написанию альтернативного текста

Текст с альтернативным текстом должен быть кратким. Рекомендуется использовать не более 1-2 предложений, а платформа Webex Events ограничивает альтернативный текст до 250 символов.
Опишите изображение в контексте с окружающей средой. Спросите себя: «Какую важную информацию люди должны знать об этом изображении?» Ваша цель — предоставить текстовый эквивалент изображению.
Если изображение содержит текст, сообщение также должно содержаться в текстовом формате: в текстовом поле alt или в соседнем описании. Например, у вас может быть изображение баннера с некоторой информацией о сеансе. Программы чтения с экрана не могут читать текст, встроенный в изображение, поэтому альтернативный текст — отличное место для добавления текстового эквивалента.
Не начинайте альтернативный текст со слова «Изображение от». Программы чтения с экрана часто анонсируют изображения, поэтому писать «Изображение» нет необходимости.
Пометка изображения как декоративного означает, что программа чтения с экрана должна игнорировать изображение и не обращать на него внимания. Отметьте изображения как декоративные, если:
- Изображение не добавляет никакой дополнительной информации или контекста.
- Изображение описано в соседнем тексте, в противном случае добавление альтернативного текста означало бы дублирование. Например, изображение профиля с надписью «Serena Page» в тексте под ним не нуждается в альтернативном тексте с надписью «Изображение профиля Серены Пейдж», и его можно пометить как декоративное.

Альтернативные текстовые ресурсы

В WAI есть множество ресурсов, которые помогут вам написать понятный и полезный альтернативный текст.

Где можно добавить альтернативный текст в Webex Events?

Практически к любому изображению, загружаемому на платформу Webex Events, можно добавить альтернативный текст или пометить изображение как декоративное. Исключение составляют изображения профиля, которые автоматически помечаются как декоративные. 😸

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

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

Как добавить альтернативный текст в платформу Webex Events

При загрузке изображения на платформу Webex Events нажмите кнопку Добавить альтернативный текст на этапе «Предварительный просмотр».

The Add alt text button in the Preview modal.

В модальном окне «Добавить альтернативный текст» введите краткое описание изображения в текстовом поле Alt длиной до 250 символов. Если изображение декоративное и не добавляет информативности, просто поставьте галочку в поле «Изображение декоративное», не добавляя альтернативный текст.
1. В следующем примере изображение содержит текст с надписью «Основной докладчик Джанет Уотсон. Председатель по устойчивой энергетике для всех, Энергетика ООН. «, поэтому мы добавили именно этот текст в текстовое поле alt.

The example just described in the Add alt text modal.

Нажмите «Сохранить».
Нажмите «Загрузить», чтобы закончить.

Имейте в виду, что на платформе Webex Events невозможно редактировать замещающий текст на изображении. Если вам нужно изменить альтернативный текст, необходимо повторно загрузить изображение и добавить обновленный альтернативный текст в процессе загрузки, как описано выше.

Как участники добавляют альтернативный текст изображения к сообщению на стене

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

Web Appпользователи нажимают кнопку «Добавить альтернативный текст» на этапе «Предварительный просмотр», добавляют альтернативный текст или отмечают изображение как декоративное, нажимают кнопку «Сохранить», а затем «Загрузить».

The add alt text modal on the Web App. The alt text says,

Пользователи мобильного приложения просто нажмите кнопку +Alt в правом верхнем углу изображения, введите альтернативный текст для изображения, нажмите Готово, затем Опубликовать.