БЛОГ

Чому і для кого потрібно робити альтернативний текст?

На картинці розміщені емодзі незрячої людини та емодзі клавіатури. Поруч написи: чому і для кого потрібно робити альтернативний текст?

Навіщо робити опис зображення? Це і є альтернативний текст? Для кого його створюють? Де можна його додати?

Читайте про це в матеріалі від «Доступно.UA».  А також користуйтеся підказками про те, як коректно написати альтернативний текст.

Що таке альтернативний текст?

Альтернативний текст (alt-текст) — це короткий опис змісту зображення, який допомагає людям із порушеннями зору отримати ту ж інформацію, що й інші користувачі.

Альтернативний текст озвучують скрінрідери — програми, які відтворюють інформацію на екрані. Завдяки ним незрячі люди можуть взаємодіяти з цифровим контентом. Наприклад, читати статті, заповнювати форми та користуватися соціальними мережами.

У соцмережах, адмінках вебсайтів, текстових документах, застосунках для створення презентацій — всюди в налаштуваннях можна додати альтернативний текст до картинок. Після цього alt-текст побачить тільки скрінрідер.

Навіть в Gmail є можливість прописувати альтернативний текст для вкладених зображень. А Microsoft Word або Google Docs дозволяють додавати alt-текст ще на етапі створення документа — він збережеться при експорті в PDF.

Скріншот, на якому показано віконце із альтернативним текстом доданим до картинки у налаштуваннях Facebook.

Чому альтернативний текст залишають в дописах, а не приховують у налаштуваннях?

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

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

Також опис зображення може містити переклад тексту, написаного на картинці іноземною мовою.

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

Як створити альтернативний текст?

Чітко опишіть, що зображено на картинці. Наприклад: велосипедист їде вздовж узбіччя.

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

Якщо вам відомий контекст, і він важливий для розуміння фото, можете додати кілька деталей. Наприклад: баскетболістка кидає м’яч, це триочковий кидок Аліни Ягупової, який потрапив у номінацію на найкращий момент в баскетбольній Євролізі.

Приклад альтернативного тексту до картинки, яка потребує додаткового контексту. Опис зображення: на малюнку темний силует дитини, яка несе великий синій рюкзак у формі будинку з пророслим корінням. Дитина залишає чорні сліди. Роботу створили на початку повномасштабного вторгнення. Автор малюнку - арт студія «Аґрафка».
  • Альтернативний текст зазвичай містить до 150 символів — цього достатньо для опису зображення. 
  • Якщо на картинці є текст, його обов’язково дублюють в опис зображення.
  • Графічні елементи, створені виключно для дизайну, описувати не треба.
  • Всі інфографіки, схеми та таблиці, подані як картинки, мають бути доповнені альтернативним текстом.
Приклад альтернативного тексту до фото, на якому є напис. Чоловік із заплющеними очима підняв голову до сонця. Текст на фото: знайди час на відпочинок від гаджетів.

Що зміниться, якщо ви почнете додавати альтернативний текст?

Всі люди мають право отримувати доступ до інформації та розуміти додаткові сенси, закладені в зображення. Тому альтернативний текст —  важливий інструмент, який робить цифровий світ доступнішим. 

До того ж, це позитивно впливає на SEO-оптимізацію. Якщо ви будете додавати alt-текст до картинок, це сприятиме вищій видимості вашого сайту в пошукових системах.

Читайте також: Як коректно допомогти людям з порушеннями зору

❗️ Всі картинки, подані в матеріалі, також мають альтернативний текст — ми додали його в налаштуваннях адмінки.

❗️ Ні написи на самих картинках, ні підписи під картинками не є альтернативним текстом. 

Сподобалась стаття? Підтримайте нас, щоб таких матеріалів з’явилось ще більше.

Найменування отримувача: ГО ДОСТУПНО.ЮА
Код отримувача: 41769847
Рахунок отримувача: UA373052990000026009046710358
Назва банку: АТ КБ «ПРИВАТБАНК»

💚 Підтримати через Patreon чи Portmone.

Scroll to Top