Почему Alt-текст важен и как правильно его написать
Продуктивность

Почему Alt-текст важен и как правильно его написать

Alt-текст – это важный инструмент доступности, который позволяет людям визуально читать изображения. Вот что вам нужно знать об альт-тексте и о том, как его писать

Если у вас есть сайт или вы часто публикуете информацию в социальных сетях, вы знаете, что alt-текст – это очень распространенная функция, которая еще больше подчеркивает важность доступности в цифровом пространстве

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

Почему Alt-текст важен?

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

Это также помогает не только людям с ограниченными возможностями. Люди с низкой пропускной способностью также могут испытывать трудности с просмотром изображений на сайте, поэтому alt-текст – это практическое решение широко распространенной проблемы

Более того, описательный alt-текст, как объясняют советы Google Search Central по изображениям, важен для ботов, пытающихся проиндексировать ваше изображение и веб-страницу. Какой бы визуальный объект вы ни определяли, чем точнее он будет обозначен, тем лучше Google поймет и доставит его людям, выполняющим релевантный поиск

Включение различных видов медиа на вашем сайте является одним из лучших SEO-методов для повышения рейтинга SERP, но обогащение их четким текстом alt, который также содержит ключевые слова, еще лучше

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

Как Alt Text используется сегодня

Инструменты альтернативного текста доступны на различных цифровых платформах и часто сочетаются с другими мощными решениями, чтобы предоставить слабовидящим пользователям наилучшие возможности

Альтернативный текст делает сайты более дружелюбными и наглядными

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

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

Различные приложения предлагают альт-текст для большего числа пользователей

Приложения тоже приветствуют alt-текст, лучший пример – социальные сети. Добавить alt-текст к фотографиям на Facebook стало проще, чем когда-либо, и то же самое относится к любой платформе с визуальными элементами, от Instagram до YouTube

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

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

Такие популярные приложения, как Microsoft PowerPoint и Google Sheets, разработаны для помощи слабовидящим, когда это необходимо. Помимо возможности добавлять описания изображений, которые служат в качестве alt-текста, справочный центр Slack предлагает советы по использованию приложения с помощью программы для чтения с экрана

Альт-текст и программы чтения экрана больше всего помогают людям с ослабленным зрением

Технология чтения с экрана хорошо работает вместе с alt-текстом, чтобы дать слепым и слабовидящим зрителям лучшее представление о том, что показывают их мониторы. Например, Microsoft Narrator – это встроенный инструмент, который зачитывает текст, описывает изображения, обобщает веб-страницы и даже сообщает дату и время

Но растущий рынок программ для чтения с экрана предлагает гораздо больше вариантов. Если вам нравятся легкодоступные приложения в браузере, в Google Chrome есть готовые программы на выбор, такие как Screen Reader и Pericles, последняя также доступна в Firefox и Microsoft Edge

Начните исследовать, и вы найдете множество отличных альтернатив Microsoft Narrator для пользователей с ослабленным зрением. А alt-текст на изображениях играет важную роль в том, чтобы помочь таким людям работать комфортно и с большей независимостью

Что делает Alt-текст лучшим?

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

Вот наши главные советы, которые следует помнить при добавлении alt-текста к визуальным изображениям, стремясь к ясности и релевантности

1. Альт-текст должен быть разборчивым

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

Так будут думать и программы чтения с экрана, и боты Google, а не только люди. Лучший текст alt – это связное предложение, которое может понять и человек, и алгоритм

2. Держите Alt-текст кратким, но подробным

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

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

Недостаточно, чтобы текст alt гласил: “новое офисное кресло . Добавьте контекст, например, “офисный работник расслабляется в своем черном эргономичном кресле от название бренда. Не стесняйтесь использовать сложноподчиненные предложения, если это помогает— просто убедитесь, что все уместно, связно и грамматически правильно

3. Опишите образ, не указывайте на него

Распространенная ошибка при написании alt-текста – начинать его со слов “image/picture of… Программы чтения с экрана мгновенно определяют определенные элементы как изображения, поэтому представление их в таком виде является излишним

Сразу переходите к описанию содержимого элемента. Если это круговая диаграмма, то о чем она? Если это видео, то какова его тема, кто его создал и так далее?

4. Добавьте ключевые слова естественным образом

Ключевые слова в вашем alt-тексте учитываются в SEO, но есть правила. Просто написание текста для обновления полезного контента Google требует, чтобы вы ставили на первое место своих читателей, а не свою открываемость

Когда дело доходит до добавления ключевых слов в alt-текст, они должны выглядеть естественно. Поисковые системы, программы чтения с экрана и их пользователи будут лучше понимать изображения, а Google с меньшей вероятностью будет избегать их индексирования

В принципе, впихивание ключевых слов в изображения – это верный способ пометить ваш контент как спам, поэтому, помимо естественной интеграции, вам нужно быть осторожным с частотой их использования

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

5. Будьте избирательны в выборе Alt-текста

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

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

Изучите функции доступности помимо Alt Text

Alt-текст – это простой, но жизненно важный инструмент, позволяющий сделать ваш контент более доступным. Дополните свои визуальные элементы соответствующими описаниями, и вы и ваши зрители извлечете выгоду

Чтобы поднять доступность на новый уровень, познакомьтесь с другими доступными решениями, от программного обеспечения для голосового управления до оборудования, которое может поддерживать людей с ограниченными возможностями

Об авторе

Алексей Белоусов

Привет, меня зовут Филипп. Я фрилансер энтузиаст . В свободное время занимаюсь переводом статей и пишу о потребительских технологиях для широкого круга изданий , не переставая питать большую страсть ко всему мобильному =)

Комментировать

Оставить комментарий