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

Question

В чем преимущество добавления null alt = ""? это только для того, чтобы пройти валидацию или имеет больше оснований

а как надо писать?

вот так, без пробела

alt=""

или это с одним пробелом

alt=" "

Answer 1

Для проверки вашего XHTML. Alt является обязательным атрибутом на изображениях.

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

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

Answer 2

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

При наличии пустого альтернативного текста lynx будет отображать:

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

filename.jpg

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

Answer 3

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

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

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

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

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

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

Answer 4

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

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

Хотя я и думаю, что "семантика - это бог" - движение не смогло увидеть ошибку, которая является div и span, и присущую им неоднозначность, но я все же думаю, что div с background-image лучше тега img для моделирование.