Должен ли я повторять имя человека в альтернативном тексте <img>, если имя уже есть в исходном коде под изображением?
-
23-09-2019 - |
Вопрос
если у меня уже есть имя человека под изображением или над ним, следует ли мне использовать то же имя в тексте 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 обычно должен:
Будьте точны и эквивалентны, представляя одно и то же содержание и функцию изображения.
Будьте лаконичны.Это означает, что правильное содержание (если оно есть) и функция (если есть) изображения должны быть представлены максимально кратко.Обычно требуется не более нескольких слов, хотя редко бывает уместно одно-два коротких предложения.
НЕ быть избыточным и не предоставлять ту же информацию, что и текст, в контексте изображения.
НЕ используйте фразы «изображение…» или «изображение…» для описания изображения.Обычно пользователю очевидно, что это изображение.И если изображение передает контент, обычно пользователю не обязательно знать, что это изображение передает контент, а не текст.Если тот факт, что изображение является фотографией или иллюстрацией и т. д.является важным содержанием, возможно, будет полезно включить его в альтернативный текст.