Какая польза от добавления пустого alt=? и какой альт следует использовать этот alt= или alt= ?

В других ответах указаны требования стандарта. Вот практический пример:

Учитывая пустой замещающий текст, lynx отобразит:

Given a missing alt attribute, lynx will render:

имя файла.jpg

Вы не хотите, чтобы в вашем контенте были разбросаны нерелевантные имена файлов.

Чтобы проверить ваш XHTML. Alt является обязательным атрибутом изображений.

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

P.S. Если у вас есть декоративные элементы, такие как теневые компоненты, определенные украшения, вы можете добавить их не с изображениями, а в качестве фона CSS, таким образом избегая необходимости писать альтернативный текст и очищая разметку от неконтентных вещей.

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

Атрибут alt должен быть указан для элементов IMG и AREA. Это необязательно для элементов INPUT и APPLET.

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

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

Разработчики должны обратиться к разделу о специальных возможностях для получения информации о том, как обрабатывать случаи опущенного альтернативного текста.

— спецификация HTML 4. Раздел 13.8. Как указать альтернативный текст

Я также добавлю это как ответ (первоначально комментарий к другому ответу), поскольку это имеет смысл сделать это.

Изображения, используемые для стилизации страницы (и, следовательно, не имеющие реального использования «alt»), должны быть вставлены с помощью CSS и background-image и его родственников, а не с помощью разметки. Таким образом, вы делаете два хороших дела одновременно. Вы сохраняете свой дизайн в своих таблицах стилей и не допускаете несемантичный код на свою страницу.

Хотя я действительно думаю, что движение «семантика — это бог» не смогло увидеть ошибку div и span и присущую им двусмысленность, я все же думаю, что div с фоновым изображением лучше, чем тег img для стилизации.