A11Y and Guru: Adding Alt Text to Guru Cards

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

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

Следуя рекомендациям, указанным в версии 2.1 Рекомендаций по доступности веб-сайтов, мы регулярно тестируем наше приложение и проводим аудиты доступности каждые шесть месяцев или при значительном обновлении, таком как возможность добавлять альтернативные описания к изображениям, найденным в Картах.

Изображение бренда Guru, показывающее Карту с людьми на зум-встрече

Почему альтернативные описания важны

Альтернативные описания, или "альтернативный текст," влияют на опыт пользователя. Зрячие читатели могут увидеть изображение и понять, как оно связано с контентом. Альтернативные описания важны, потому что они помогают предоставить контекст для тех, кто использует вспомогательные технологии, такие как программы чтения экрана или обновляемые дисплеи Брайля. Они также приносят пользу читателям, которые могут не иметь доступа к быстрому интернету, позволяя им отключить изображения для улучшения загрузки страницы без утраты контекста.

Как работает альтернативный текст в Guru

Добавление соответствующих описаний также помогает соблюдать законы доступности на глобальном уровне. Эти законы ссылается на Web Content Accessibility Guidelines, согласно которым для любого контента, не являющегося текстовым, должны предоставляться текстовые альтернативы.

Редактор Guru Card поддерживает несколько методов добавления альтернативных описаний к изображениям на карточках Guru. Один из методов - использование markdown, который включает написание нескольких строк кода для завершения задачи. Другой метод - использование интегрированных модальных окон. При добавлении изображения на вашу Guru Card появится всплывающее меню. В этом меню вы увидите кнопку "Alt text". Нажмите на нее, и появится модальное окно, позволяющее добавить альтернативное описание.

Анимация, показывающая, как добавить альтернативный текст к изображениям на карточках Guru

Почему альтернативные описания улучшают общедоступные знания

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

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

CTA, который говорит "Поиск предприятия + вики + интранет"

Советы по написанию эффективных альтернативных описаний

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

  • Избегайте практики наслоения ключевых слов для увеличения SEO для общедоступных карточек Guru.
  • Принимайте во внимание цель изображения. Подумайте, почему изображение включено на странице и какую информацию оно несет. Это поможет вам написать эффективное альтернативное описание.
  • Убедитесь, что описания являются краткими и точными, обычно не более предложения или двух, чтобы дать достаточно подробностей для создания точной картины тематики изображения, таких как цвета и другая актуальная информация.
  • Убедитесь, что описания являются краткими и точными, обычно не более предложения или двух, предоставляя при этом достаточно деталей для точного представления темы изображения, таких как цвета и другая соответствующая информация.
  • Избегайте субъективного языка и ненужных деталей, которые не придают ценности. Кроме того, имя файла изображения не следует использовать, поскольку оно может не предоставить полезной информации или быть описательным.
  • Наконец, в качестве окончательного шага проверьте свой альтернативный текст, чтобы убедиться, что он правильно произносится вслух и передает задуманное значение.

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

Следуя рекомендациям, указанным в версии 2.1 Рекомендаций по доступности веб-сайтов, мы регулярно тестируем наше приложение и проводим аудиты доступности каждые шесть месяцев или при значительном обновлении, таком как возможность добавлять альтернативные описания к изображениям, найденным в Картах.

Изображение бренда Guru, показывающее Карту с людьми на зум-встрече

Почему альтернативные описания важны

Альтернативные описания, или "альтернативный текст," влияют на опыт пользователя. Зрячие читатели могут увидеть изображение и понять, как оно связано с контентом. Альтернативные описания важны, потому что они помогают предоставить контекст для тех, кто использует вспомогательные технологии, такие как программы чтения экрана или обновляемые дисплеи Брайля. Они также приносят пользу читателям, которые могут не иметь доступа к быстрому интернету, позволяя им отключить изображения для улучшения загрузки страницы без утраты контекста.

Как работает альтернативный текст в Guru

Добавление соответствующих описаний также помогает соблюдать законы доступности на глобальном уровне. Эти законы ссылается на Web Content Accessibility Guidelines, согласно которым для любого контента, не являющегося текстовым, должны предоставляться текстовые альтернативы.

Редактор Guru Card поддерживает несколько методов добавления альтернативных описаний к изображениям на карточках Guru. Один из методов - использование markdown, который включает написание нескольких строк кода для завершения задачи. Другой метод - использование интегрированных модальных окон. При добавлении изображения на вашу Guru Card появится всплывающее меню. В этом меню вы увидите кнопку "Alt text". Нажмите на нее, и появится модальное окно, позволяющее добавить альтернативное описание.

Анимация, показывающая, как добавить альтернативный текст к изображениям на карточках Guru

Почему альтернативные описания улучшают общедоступные знания

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

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

CTA, который говорит "Поиск предприятия + вики + интранет"

Советы по написанию эффективных альтернативных описаний

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

  • Избегайте практики наслоения ключевых слов для увеличения SEO для общедоступных карточек Guru.
  • Принимайте во внимание цель изображения. Подумайте, почему изображение включено на странице и какую информацию оно несет. Это поможет вам написать эффективное альтернативное описание.
  • Убедитесь, что описания являются краткими и точными, обычно не более предложения или двух, чтобы дать достаточно подробностей для создания точной картины тематики изображения, таких как цвета и другая актуальная информация.
  • Убедитесь, что описания являются краткими и точными, обычно не более предложения или двух, предоставляя при этом достаточно деталей для точного представления темы изображения, таких как цвета и другая соответствующая информация.
  • Избегайте субъективного языка и ненужных деталей, которые не придают ценности. Кроме того, имя файла изображения не следует использовать, поскольку оно может не предоставить полезной информации или быть описательным.
  • Наконец, в качестве окончательного шага проверьте свой альтернативный текст, чтобы убедиться, что он правильно произносится вслух и передает задуманное значение.
Опробуйте мощь платформы Гуру на практике - пройдите интерактивный тур по нашему продукту
Пройти экскурсию