Должен ли я повторять имя человека в альтернативном тексте <img>, если имя уже есть в исходном коде под изображением?

StackOverflow https://stackoverflow.com/questions/2144701

Вопрос

если у меня уже есть имя человека под изображением или над ним, следует ли мне использовать то же имя в тексте ALT?

альтернативный текст http://easycaptures.com/fs/uploaded/227/6990285751.jpg

<p><img width="125" height="157" alt="George Washington" 
src="media/gw.jpg"><span>George Washington</span><p>


<p><span>George Washington</span>
<img width="125" height="157" alt="George Washington" src="media/gw.jpg"><p>

Должен ли я повторить <span> в alt в обоих состояниях?изображение не имеет ссылки.

Это было полезно?

Решение

Да.

ALT Text важен для программ чтения с экрана и тому подобного.Текст «рядом» с изображением не имеет большого значения для этих программ.

Еще немного информации от W3C на предмет.

Другие советы

Нет.Дублированный контент бесполезен.Если изображение просто иллюстрирует что-то, что уже существует в обычном текстовом контенте, оно должно иметь пустой атрибут alt.

В качестве полезного теста используйте браузер Lynx для просмотра страницы.Если это выглядит глупо, значит, альтернативный текст неправильный.

Вот как это отображается, если вы дублируете замещающий текст (скопируйте/вставите из вашего примера):

    George Washington George Washington

Нет ...и да!

  • Нет, я считаю, что вам не следует просто повторить текст.
  • Однако вы должен увидеть ALT атрибут как возможность предоставить (короткое) описание изображения, например«Портрет Джорджа Вашингтона, холст, масло, около 1790 года».

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

Нет. Альтернативный текст отображается в виде альтернатива для изображения, когда его невозможно отобразить.

Вот выдержка из спецификации, которая довольно проста:

  • Не указывайте нерелевантный альтернативный текст при включении предназначенных изображений.
    например, для форматирования страницы,
    alt = ”Red Ball» был бы неуместным для изображения, которое добавляет красный шарик для украшения заголовка или абзаца.В таких случаях альтернативный текст должен быть пустой строкой ("").Авторы в любом случае рекомендуют избегать использования
    изображения для форматирования страниц;таблицы стилей
    вместо этого следует использовать.
  • Не указывайте бессмысленный альтернативный текст (например, «фиктивный текст»).Мало того, что это разочарует пользователей, это будет замедлить пользовательские агенты, которые должны преобразовать текст в речь или вывод Брайля.Воспроизвести терминалы, пользователи, чьи браузеры не поддерживают формы, визуальные пользователи, тех, кто использует речевые синтезаторы, те, кто настроил своего графического пользователя
    агентам не отображать изображения и т. д.

Итак, здесь довольно ясно сказано: не повторять. «Красный мяч» в первом случае можно заменить на «Джорджа Вашингтона».

Вот хорошая статья о том, как правильно использовать атрибут alt: Альтернативные атрибуты

РЕДАКТИРОВАТЬ:Хорошо, я думаю, меня неправильно поняли.Я не говорил, что здесь нельзя использовать атрибут alt.

Мы говорим здесь о программах чтения с экрана и специальных возможностях, верно?Я согласен, что имидж важен для нас.Но предназначено ли это для того, чтобы ослепить людей?Или это просто украшение текста?

Помните, вопрос был в том, повторить имя в атрибуте alt. И я говорю «Нет».Когда изображения не отображаются, отображается альтернативный текст.Я бы сделал это так:

<p><img src="george.jpg" alt="Image of " />George Washington</p>

Альтернативный атрибут – это альтернатива, когда изображение не отображается а не описание (у нас есть description для этого).

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

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

Я собираюсь использовать alt="" здесь.

Пожалуйста, ознакомьтесь с этой статьей, в которой приведены очень хорошие примеры:http://webaim.org/techniques/alttext/

Цитата из этой статьи:


Атрибут alt обычно должен:

  • Будьте точны и эквивалентны, представляя одно и то же содержание и функцию изображения.

  • Будьте лаконичны.Это означает, что правильное содержание (если оно есть) и функция (если есть) изображения должны быть представлены максимально кратко.Обычно требуется не более нескольких слов, хотя редко бывает уместно одно-два коротких предложения.

  • НЕ быть избыточным и не предоставлять ту же информацию, что и текст, в контексте изображения.

  • НЕ используйте фразы «изображение…» или «изображение…» для описания изображения.Обычно пользователю очевидно, что это изображение.И если изображение передает контент, обычно пользователю не обязательно знать, что это изображение передает контент, а не текст.Если тот факт, что изображение является фотографией или иллюстрацией и т. д.является важным содержанием, возможно, будет полезно включить его в альтернативный текст.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top