Какой альтернативный текст лучше всего подходит для программ чтения с экрана, например «улыбающийся малыш»?

Question

Что было бы хорошо написать ALT текст для фотографии ребенка, который улыбается и сидит в саду?

Это

alt="Photo of smiling kid sitting in the garden"

или это

alt="Photo of smiling kid"

или это

alt="Smiling kid sitting in the garden"

или это

alt="Smiling kid"

Моя цель состоит в том, чтобы задать этот вопрос, я хочу знать, должны ли мы включать «Фото ...» в каждый альтернативный текст и Как много мы должны описать фотографию в альтернативном тексте.

Answer 1

Это зависит от контекста, но сделайте его максимально коротким, не пропуская важную информацию. Как пользователь программы чтения с экрана, мне нравится короткий альтернативный текст, который подходит к сути, поэтому мне не приходится слушать множество бессмысленных описаний. alt = "Фотография улыбающегося ребенка" слишком длинная. Jaws объявляет о том, что она читает изображение, поэтому alt = "улыбающийся ребенок" будет лучше, поскольку в нем сохраняются два слова, которые мне не нужно слушать. важно в теге alt. Например, если факт, что ребенок находится в саду, не важен, не помещайте его в тег alt. Если тот факт, что ребенок находится в саду, является важной информацией, которую должен знать читатель затем поместите его в тег alt.

Answer 2

Как правило, альтернативный текст должен быть тем, что вы бы сказали, если бы читали страницу кому-то по телефону.

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

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

Покойный, великий Алан Флавелл написал отличную статью на эту тему , которую я считаю необходимой для чтения.

Answer 3

Почему бы не следовать стандартам? Руководство WCAG 2.0 «1.1.1 Нетекстовый контент» гласит, что для контента (например, изображений), который используется для декоративных или форматирующих целей, он должен быть реализован таким образом, чтобы вспомогательные технологии (например, программы чтения с экрана) могли его игнорировать. Если «улыбающийся малыш» декоративен, используйте пустой атрибут alt = "".

http://www.w3.org/WAI/WCAG20/quickref/#text-equiv-all

Answer 4

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