Эта статья была переведена с английского с помощью машинного перевода.
Вспомогательные технологии, такие как программы чтения с экрана, используют alt-текст, также известный как альтернативный текст, для описания изображений для людей со слабым зрением или слепых. Alt-текст также появляется вместо изображений, когда они не могут нормально загрузиться из-за низкой пропускной способности интернета, и когда кто-то скрывает изображения на веб-сайте, чтобы уменьшить когнитивную нагрузку.
Webex Events позволяет добавлять альтернативный текст к изображениям на всей нашей платформе, чтобы каждый мог равноправно участвовать во всех мероприятиях. В этой статье показано, как добавлять альтернативный текст к изображениям, а также приведены советы и ресурсы по написанию эффективного альтернативного текста.
Зачем добавлять альтернативный текст к изображениям?
Написание эффективного альтернативного текста — это стоящий навык, которому стоит научиться. Однако практика ведет к совершенству, и попытка гораздо лучше, чем ничего не делать вообще. Мы настоятельно рекомендуем добавлять альтернативный текст к каждому изображению или отмечать изображения как декоративные, где это уместно. Если вы ничего не сделаете, ваш контент будет недоступен для широкого круга пользователей. Аналогично, программы чтения с экрана вместо этого будут читать имя файла изображения, что может привести к разочаровывающему и неприятному пользовательскому опыту.
Советы по альтернативному тексту
Прежде чем мы научимся добавлять замещающий текст на платформе Webex Events , в этом разделе рассматриваются несколько различных типов изображений, приводятся советы по написанию замещающего текста и предоставляются ресурсы от Инициативы по обеспечению доступности веб-сайтов (WAI), которые помогут вам узнать больше.
Типы изображений
Существуют различные типы изображений, которые требуют различных типов alt-текста. Ниже приведены распространенные типы изображений, которые вы можете добавить в различные части платформы:
Информативные изображения — изображения с информацией, помогающие понять концепцию, изложенную на странице. Если человек не видит изображение, он упускает ключевую информацию. Этим изображениям нужен альтернативный текст.
Декоративные изображения - изображения, которые не добавляют никакой дополнительной информации к тому, что передается на странице, например, фоновое изображение. Эти изображения можно пометить как декоративные.
Функциональные изображения — изображения, которые также ссылаются на другие пункты назначения. Эти изображения нуждаются в альтернативном тексте, который включает цель ссылки. Например, если у вас есть изображение баннера, которое ссылается на функцию «Спонсоры», включите эту информацию в свой альтернативный текст, чтобы люди знали, чего ожидать.
Изображения текста - Изображения, содержащие информативный текст. Сообщение, переданное в изображении, таком как это, должно иметь текстовый эквивалент, обычно написанный в альтернативном тексте.
Советы по написанию альтернативного текста
Сделайте свой альтернативный текст кратким. Мы рекомендуем не более 1-2 предложений, а платформа Webex Events ограничивает альтернативный текст 250 символами.
Опишите изображение в контексте с его окружением. Спросите себя: «Какую важную информацию люди должны знать об этом изображении?» Ваша цель — предоставить текстовый эквивалент того, что передает изображение.
Если ваше изображение содержит текст, то это сообщение также должно существовать в текстовом формате, либо в поле alt text, либо в смежном описании. Например, у вас может быть изображение баннера, которое содержит некоторую информацию о сеансе. Программы чтения с экрана не могут читать текст, встроенный в изображение, поэтому alt text — отличное место для добавления текстового эквивалента.
Не начинайте alt-текст с "Image of". Программы чтения с экрана часто объявляют изображения, поэтому писать "Image of" не нужно.
Отметка изображения как декоративного сообщает экранному читателю, что изображение нужно игнорировать и пройти мимо него. Отметьте изображения как декоративные, если:
Изображение не добавляет никакой дополнительной информации или контекста.
Изображение описано в смежном тексте, и добавление alt-текста в противном случае было бы дублированием. Например, изображение профиля с именем 'Serena Page' в тексте непосредственно под ним не нуждается в alt-тексте, который гласит "Изображение профиля Serena Page", и его можно пометить как декоративное.
Ресурсы альтернативного текста
WAI предлагает множество ресурсов, которые помогут вам написать понятный и полезный альтернативный текст.
Где можно добавить альтернативный текст в Webex Events?
Почти к любому изображению, которое вы загружаете на платформу Webex Events , вы можете добавить альтернативный текст или пометить изображение как декоративное. Исключением являются изображения профиля, которые автоматически помечаются для вас как декоративные. 😸
💡 Помните, что вы можете добавить alt-текст к изображению только при ручной загрузке непосредственно на платформе. В настоящее время невозможно добавить alt-текст при импорте данных.
В Event App» участники могут добавлять альтернативный текст к изображениям, которые они публикуют на стене.
Как добавить альтернативный текст на платформе Webex Events
При загрузке изображения на платформу Webex Events нажмите кнопку Добавить альтернативный текст на этапе «Предварительный просмотр».
В модальном окне «Добавить альтернативный текст» введите краткое описание изображения в поле «Альтернативный текст» длиной до 250 символов. Если изображение декоративное и не несет никакой информативной ценности, просто установите флажок «Изображение декоративное», не добавляя альтернативный текст.
В следующем примере изображение содержит текст: «Основной докладчик Джанет Уотсон. Председатель по устойчивой энергетике для всех, Энергетика ООН», поэтому мы добавили именно этот текст в поле альтернативного текста.
Нажмите «Сохранить» .
Нажмите «Загрузить» , чтобы завершить.
💡 Помните, что невозможно редактировать альтернативный текст на изображении на платформе Webex Events . Если вам нужно изменить альтернативный текст, необходимо повторно загрузить изображение и добавить обновленный альтернативный текст во время процесса загрузки, как описано выше.
Как участники добавляют альтернативный текст изображения к посту на стене
Участники, загружающие изображение как часть публикации на стене, могут добавить альтернативный текст перед публикацией на стене.
Пользователи веб-приложения нажимают кнопку «Добавить альтернативный текст» на этапе «Предварительный просмотр», добавляют альтернативный текст или отмечают изображение как декоративное, нажимают « Сохранить» , а затем «Загрузить» .
Пользователям мобильного приложения просто нажмите кнопку +Alt в правом верхнем углу изображения, введите альтернативный текст для изображения, нажмите « Готово» , а затем «Опубликовать» .
Теперь вы знаете об alt text! Почему бы не узнать больше о том, как можно сэкономить время с помощью форм совместной работы ?
Вопросы? Напишите нам в чате или напишите на support@socio.events