A11Y and Guru: Adding Alt Text to Guru Cards

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

Ми всі чули вислів "Картинка варта тисячі слів." Ніщо не може бути точніше, ніж коли мова йде про включення зображень в картки Guru. Це підтримується нашою вірою в те, що знання, яке вам потрібно для виконання своєї роботи, повинно знайти вас. Ця віра стосується користувачів з усіма когнітивними та фізичними можливостями, і ми прагнемо зробити Guru максимально доступним та інклюзивним.

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

Зображення бренду Guru, яке показує картку з людьми на зустрічі у Zoom

Чому важливі альтернативні описи

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

Як працює альтернативний текст у Guru

Додавання відповідних описів також допомагає дотримуватися світових законів про доступність. Ці закони посилаються на Керівництво з доступності веб-контенту, де зазначається, що для будь-якого контенту, що не є текстовим, слід надавати текстові альтернативи.

Редактор картки Guru підтримує декілька методів для додавання описів альтернатив до зображень на картках Guru. Один з методів полягає у використанні markdown, що передбачає написання кількох рядків коду для завершення завдання. Інший метод полягає у використанні інтегрованих спливаючих модалок. Під час додавання зображення на вашу картку Guru з'явиться спливаюче меню. У цьому меню ви побачите кнопку «Альтернативний текст». Клацніть на неї, і з'явиться модальне вікно, що дозволить вам додати опис альтернативного тексту.

Анімація, яка показує, як додати альтернативний текст до зображень на картках Guru

Чому описи альтернативи підвищують загальні знання

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

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

CTA, яка говорить "Enterprise search + wiki + intranet"

Поради щодо написання ефективних описів альтернатив

Створення ефективних описів альтернатив для зображень є важливою частиною зроблення картки Guru доступною для всіх користувачів. Ось кілька кращих практик, які слід мати на увазі при створенні цих описів:

  • Уникайте практики переповнення ключовими словами для підвищення SEO для загальних карток Guru.
  • Розгляньте мету зображення. Запитайте себе, чому зображення включене на сторінку і яку інформацію воно передає. Це допоможе вам написати ефективний опис альтернативи.
  • Переконайтеся, що описи є стислими і точними, зазвичай не більше ніж одне-два речення, надаючи при цьому достатньо деталей, щоб намалювати точну картину предметної області зображення, такими як кольори та інша відповідна інформація.
  • Переконайтеся, що описи є лаконічними та точними, зазвичай не більше ніж речення або два, надаючи водночас достатньо деталей для точного представлення предмета зображення, таких як кольори та інша відповідна інформація.
  • Уникайте суб'єктивної мови та непотрібних деталей, які не додають вартості. Крім того, ім'я файлу зображення не повинно використовуватися, оскільки воно може не надавати жодної корисної інформації або бути описовим.
  • Нарешті, як останній крок, протестируйте свій альтернативний текст, щоб переконатися, що він читається правильно і передає задумане значення.

Ми всі чули вислів "Картинка варта тисячі слів." Ніщо не може бути точніше, ніж коли мова йде про включення зображень в картки Guru. Це підтримується нашою вірою в те, що знання, яке вам потрібно для виконання своєї роботи, повинно знайти вас. Ця віра стосується користувачів з усіма когнітивними та фізичними можливостями, і ми прагнемо зробити Guru максимально доступним та інклюзивним.

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

Зображення бренду Guru, яке показує картку з людьми на зустрічі у Zoom

Чому важливі альтернативні описи

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

Як працює альтернативний текст у Guru

Додавання відповідних описів також допомагає дотримуватися світових законів про доступність. Ці закони посилаються на Керівництво з доступності веб-контенту, де зазначається, що для будь-якого контенту, що не є текстовим, слід надавати текстові альтернативи.

Редактор картки Guru підтримує декілька методів для додавання описів альтернатив до зображень на картках Guru. Один з методів полягає у використанні markdown, що передбачає написання кількох рядків коду для завершення завдання. Інший метод полягає у використанні інтегрованих спливаючих модалок. Під час додавання зображення на вашу картку Guru з'явиться спливаюче меню. У цьому меню ви побачите кнопку «Альтернативний текст». Клацніть на неї, і з'явиться модальне вікно, що дозволить вам додати опис альтернативного тексту.

Анімація, яка показує, як додати альтернативний текст до зображень на картках Guru

Чому описи альтернативи підвищують загальні знання

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

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

CTA, яка говорить "Enterprise search + wiki + intranet"

Поради щодо написання ефективних описів альтернатив

Створення ефективних описів альтернатив для зображень є важливою частиною зроблення картки Guru доступною для всіх користувачів. Ось кілька кращих практик, які слід мати на увазі при створенні цих описів:

  • Уникайте практики переповнення ключовими словами для підвищення SEO для загальних карток Guru.
  • Розгляньте мету зображення. Запитайте себе, чому зображення включене на сторінку і яку інформацію воно передає. Це допоможе вам написати ефективний опис альтернативи.
  • Переконайтеся, що описи є стислими і точними, зазвичай не більше ніж одне-два речення, надаючи при цьому достатньо деталей, щоб намалювати точну картину предметної області зображення, такими як кольори та інша відповідна інформація.
  • Переконайтеся, що описи є лаконічними та точними, зазвичай не більше ніж речення або два, надаючи водночас достатньо деталей для точного представлення предмета зображення, таких як кольори та інша відповідна інформація.
  • Уникайте суб'єктивної мови та непотрібних деталей, які не додають вартості. Крім того, ім'я файлу зображення не повинно використовуватися, оскільки воно може не надавати жодної корисної інформації або бути описовим.
  • Нарешті, як останній крок, протестируйте свій альтернативний текст, щоб переконатися, що він читається правильно і передає задумане значення.
Досвідчіть силу платформи Guru особисто – пройдіть наш інтерактивний тур продуктом
Поїхали в тур