Атрибут атрибута alt alt

Question

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

Должен ли он описать изображение или должен ли он предоставить осмысленный текст замены для экранных считывателей (и людей, у которых отключены изображения)?

Например, если у меня есть короткая биография человека на моем веб-сайте и включает в себя их небольшую фотографию, действительно ли имеет смысл для людей с ослабленным зрением иметь «фотографию Джона Смита» для чтения?

Answer 1

HTML-5 спецификации имеет huge section по этому вопросу.

В принципе, атрибут alt должен быть тем, что было бы там как текст, если бы вы не использовали изображение вообще. Если ваше изображение является чисто декоративным, вы можете использовать alt="".Описание относится к атрибуту title.

Answer 2

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

Answer 3

Это должно быть все, что помогает пользователю, если изображение не отображается.

Btw «особенность», когда вы наведите курсор мыши на изображение в IE, и всплывающая подсказка показывает, что ALT - это неправильное поведение ALT. Предполагается, что для этого используется название.

Answer 4

первый хит на google для этого [img alt accessibility] дает Рассмотрите, как выглядит страница или звучит, когда изображения не отображаются. Затем напишите для каждого изображения текст, который лучше всего подходит для замены (Guidelines on alt texts in img elements)

Answer 5

Кратко описать изображение, как если бы вы разговаривали со слепым человеком. Довольно просто.

Я уверен, что это значение атрибута используется Google для индексации поиска изображений.

Answer 6

От w3.org:

Хотя альтернативный текст может быть очень полезным, он должен обращаться с осторожностью. Авторы должны соблюдать следующие правила:

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

Answer 7

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

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

Фотография Джона Смита может быть заменен с описанием Джона Смита, или описание события с места и т.д.

Answer 8

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

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

Answer 9

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

Если у вас нет этого текста, как вы думаете, они возьмут изображение? «Фото Джона Смита и его жены»? «Фото Джона Смита, принявшего его« Оскар »? «Фото Джона Смита, убивающего JFK»? «Фото Джона Смита лежало мертвым во внутреннем дворике после того, как его убил его любимый слон»?

Если это фотография Джона Смита, да, скажите так. Если это что-то еще, скажите так.

Answer 10

Атрибут Alt используется с img тег.

Alt означает Alternate

Он используется для краткого описания изображения.

Он отображается на экране в случае браузера не может загрузить изображение

Click to Know more