Когда приемлемо оставлять текст alt пустым на HTML-изображении (если когда-либо)?

До сих пор я понял, что требуется атрибут alt, и его не следует оставлять пустыми. Это, похоже, подтверждается в существующих вопросах, таких как этот.

Однако при чтении HTML-спецификации сегодня я заметил следующее:

Одно изображение может иметь другой подходящий альтернативный текст в зависимости от контекста.

В каждом из следующих случаев используется одно и то же изображение, но alt текст разный каждый раз. Изображение - герб Каружский муниципалитет в кантоне Женева в Швейцарии.

Здесь он используется как дополнительный значок:
<p>I lived in <img src="carouge.svg" alt=""> Carouge.</p>

Далее показаны другие примеры с различным текстом alt, но в этом (и еще в нескольких примерах) текст alt отсутствует.

В следующей статье говорится (подчеркивание мое):

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

Можно ли использовать alt=""? Если да, когда это приемлемое использование? Если изображение не нуждается в тексте alt, должно ли оно быть фоновым изображением CSS?

Примечание. Это основано на HTML-стандарте HTML WHATWG, а не спецификации W3C HTML5.

Ответ 1

Когда оставить атрибут `alt` пустым

Обычно требуется атрибут alt; однако есть несколько случаев, когда спецификация HTML говорит, что это нормально оставить содержимое атрибута alt пустым. Атрибут alt является текстовым эквивалентом изображения, что означает, что он должен быть пустым, если значение изображения уже инкапсулировано окружающим текстом.

Графическое представление окружающего текста (ссылка)

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

Примеры включают блок-схемы или графики, которые повторяют окружающий текст.

Если заголовок должен использоваться, этот заголовок должен быть включен как элемент title или с помощью <figcaption>. alt следует использовать, если график может быть описан по информации, недоступной в другом месте на странице. Спектр говорит следующее о том, почему этого повторения следует избегать:

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

Декоративные изображения (ссылка)

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

Группы изображений, которые образуют увеличенное изображение (ссылка)

Без ссылок

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

С ссылками

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

Когда опустить атрибут `alt` полностью

В некоторых случаях альтернативный текст не может быть известен или не нужен, и в этих случаях alt="" является неточным, потому что это означает, что изображение ничего не добавляет. Спецификация HTML предупреждает:

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

Однако он подтверждает пару случаев, когда alt может быть опущен.

Неизвестно `alt` (ссылка)

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

В этих случаях использование атрибута title или <figcaption> требуется. Хотя могут быть неизвестны точные детали изображения, должен быть включен какой-то пояснительный текст. В этом случае <figcaption> является предпочтительным, поскольку

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

Известные получатели (получатели), которые могут просматривать изображения (ссылка)

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

Приложение: Как насчет фоновых изображений CSS?

Если изображение не является содержимым, возможно, это фоновое изображение. Для разбивки обоснования <img> vs. background-image, проверьте Когда использовать IMG или фоновое изображение CSS?