Должен ли я повторить имя человека в альтернативном тексте <img>, если имя уже в источнике под изображением? - PullRequest
7 голосов
/ 27 января 2010

если у меня уже есть имя человека под / над изображением, тогда я должен использовать то же имя в тексте 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 в обоих условиях? изображение не имеет ссылки.

Ответы [ 7 ]

11 голосов
/ 27 января 2010

Да.

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

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

3 голосов
/ 28 января 2010

Нет ... и Да !

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

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

3 голосов
/ 28 января 2010

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

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

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

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

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

EDIT : Хорошо, я думаю, что меня неправильно поняли. Я не говорил, что он не должен использовать здесь атрибут alt.

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

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

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

Alt-Attribute - это альтернатива , когда изображение не отображается , а не описание (у нас есть description для этого).

3 голосов
/ 27 января 2010

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

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

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

    George Washington George Washington
1 голос
/ 27 января 2010

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

1 голос
/ 27 января 2010

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

0 голосов
/ 14 марта 2017

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

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

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


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

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

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

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

  • НЕ используйте фразы "image of ..." или "graphic of ..." для описания изображения. Для пользователя обычно очевидно, что это изображение. И если изображение передает контент, обычно нет необходимости, чтобы пользователь знал, что это изображение передает текст, а не текст. Если факт, что изображение является фотографией или иллюстрацией и т. Д., Является важным содержанием, может быть полезно включить это в альтернативный текст.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...