Додавання альтернативного тексту до зображень: найкращі практики

Допоміжні технології, такі як екранні читання, використовують альтернативний текст, також відомий як альтернативний текст, для опису зображень людям, які сліпі або мають слабкий зір. Альтернативний текст також з'являється замість зображень, коли вони не можуть завантажуватися належним чином через низьку пропускну здатність Інтернету, і коли хтось приховує зображення на веб-сайті, щоб зменшити когнітивне навантаження.

Webex Events дозволяє додавати альтернативний текст до зображень на всій нашій платформі, щоб кожен міг справедливо брати участь у всіх заходах. У цій статті показано, як додати альтернативний текст до зображень, а також наведено поради та ресурси для написання ефективного альтернативного тексту.

Навіщо додавати альтернативний текст до зображень?

Написання ефективного альтернативного тексту - це гідна навичка, яку потрібно вивчити. Однак практика робить досконалість, і намагатися набагато краще, ніж взагалі нічого не робити. Ми настійно рекомендуємо додавати альтернативний текст до кожного зображення або позначити зображення як декоративні, де це доречно. Якщо ви нічого не зробите, ваш контент буде недоступний для найрізноманітніших користувачів. Аналогічно, екранні зчитувачі замість цього читатимуть ім'я файлу зображення, що може призвести до неприємного та неприємного досвіду користувача.

Поради щодо альтернативного тексту

Перш ніж ми дізнаємось, як додати альтернативний текст на платформі Webex Events, у цьому розділі висвітлено кілька різних типів зображень, описано поради щодо написання альтернативного тексту та надаються ресурси з Ініціативи веб-доступності (WAI), щоб допомогти вам дізнатися більше.

Види образів

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

Інформативні зображення - Зображення з інформацією, яка допомагає зрозуміти концепцію, яка передається на сторінці. Якщо людина не бачить зображення, вона втрачає ключову інформацію. Ці зображення потребують альтернативного тексту.
Декоративні зображення - зображення, які не додають додаткової інформації до того, що передається на сторінці, наприклад фонове зображення. Ці зображення можуть бути позначені як декоративні.
Функціональні зображення - Зображення, які також посилаються на інші напрямки. Ці зображення потребують альтернативного тексту, який включає призначення посилання. Наприклад, якщо у вас є зображення банера, яке внутрішньо посилається на функцію спонсорів, додайте цю інформацію до свого альтернативного тексту, щоб люди знали, чого очікувати.
Зображення тексту - З ображення, що містять інформативний текст. Повідомлення, передане таким зображенням, має мати текстовий еквівалент, зазвичай написаний альтернативним текстом.

Поради щодо написання альт-тексту

Тримайте свій альтернативний текст коротким. Ми рекомендуємо не більше 1-2 речень, а платформа Webex Events обмежує альтернативний текст до 250 символів.
Опишіть зображення в контексті з його оточенням. Запитайте себе: «Яку важливу інформацію люди повинні знати про цей образ?» Ваша мета - надати текстовий еквівалент того, що передає зображення.
Якщо ваше зображення містить текст, це повідомлення також має існувати у текстовому форматі, або в альтернативному текстовому полі, або в сусідньому описі. Наприклад, у вас може бути зображення банера, яке містить деяку інформацію про сеанс. Екранні зчитувачі не можуть читати текст, вбудований у зображення, тому альтернативний текст є чудовим місцем для додавання текстового еквівалента.
Не починайте альтернативний текст з «Зображення». Екранні зчитувачі часто оголошують зображення, тому писати «Зображення» зайве.
Позначення зображення як декоративного вказує програмі зчитування екрана ігнорувати зображення та переходити через нього. Позначте зображення як декоративні, якщо:
- Зображення не додає жодної додаткової інформації чи контексту.
- Зображення описано у сусідньому тексті, а додавання альтернативного тексту в іншому випадку буде дубльованим. Наприклад, зображення профілю з назвою «Сторінка Серена» у тексті безпосередньо під ним не потребує альтернативного тексту з написом «Зображення профілю Серени Пейдж», і його можна позначити декоративним.

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

WAI має багато ресурсів, які допоможуть вам написати чіткий та корисний альтернативний текст.

Де я можу додати альтернативний текст у подіях Webex?

Майже з будь-яким зображенням, яке ви завантажуєте на платформу Webex Events, ви можете додати альтернативний текст або позначити зображення як декоративне. Виняток з цього становлять зображення профілю, які автоматично позначаються декоративними для вас. 😸

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

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

Як додати альтернативний текст на платформі Webex Events

Завантажуючи зображення на платформу Webex Events, натисніть кнопку Додати альтернативний текст на кроці «Попередній перегляд».

The Add alt text button in the Preview modal.

У модалі «Додати альтернативний текст» введіть короткий опис зображення в текстовому полі Alt, до 250 символів. Якщо зображення декоративне і не додає ніякої інформативної цінності, просто поставте прапорець «Зображення декоративне», не додаючи альтернативний текст.
1. У наступному прикладі зображення містить текст, який говорить: «Основний спікер Джанет Уотсон. Кафедра сталої енергетики для всіх, ООН Energy. «, тому ми додали цей точний текст до поля альтернативного тексту.

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 у верхньому правому куті зображення, вводять альтернативний текст для зображення, торкніться Готово, а потім О пуб лікувати.