Передовой опыт использования атрибутов изображения

Question

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

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

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

Answer 1

В спецификации HTML 5 есть огромный раздел .

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

Answer 2

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

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

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

Answer 3

С w3.org :

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

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

Answer 4

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

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

Answer 5

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

Answer 6

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

Answer 7

Атрибут

Alt используется с тегом img .

Alt означает Alternate

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

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

Нажмите, чтобы узнать больше

Answer 8

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

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

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

Answer 9

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

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

Answer 10

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

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