Знать, когда Alt-текст должен оставаться пустым
В последней задаче вы узнали, что включение атрибута alt
в теги img является обязательным. Однако иногда изображения сгруппированы с надписью, уже описывающей их, или используются только для украшения. В этих случаях alt
текст может показаться излишним или ненужным. В ситуациях, когда изображение уже объясняется текстовым контентом или не добавляет значения для страницы, img
прежнему нуждается в атрибуте alt
, но его можно установить в пустую строку. Вот пример: <img src="visualDecoration.jpeg" alt="">
Фоновые изображения обычно подпадают под «декоративную» метку. Тем не менее, они обычно применяются с правилами CSS и, следовательно, не являются частью процесса чтения расшифровок экрана. Заметка
Для изображений с надписью вы можете захотеть включить текст alt
, так как он помогает поисковым системам вносить в каталог содержимое изображения.
Camper Cat закодировал каркас страницы для части блога своего сайта. Он планирует добавить визуальный разрыв между двумя статьями с декоративным изображением самурайского меча. Добавьте атрибут alt
в тег img
и установите его в пустую строку. (Обратите внимание, что изображение src
не связано с фактическим файлом - не беспокойтесь, что на дисплее нет мечей.)