Рекомендуется ли включать теги alt на все изображения
...включая декоративные изображения, такие как стрелки навигации и кнопки социальных сетей?
Я понимаю, что мои "изображения контента" должны быть alt
помечены соответствующим образом. Но должен ли я также помечать декоративные изображения?
2 answers
Для всех изображений, встроенных на страницу с использованием <img>
, требуется атрибут alt=""
, независимо от целей пользовательского интерфейса или фактического содержимого страницы. Единственное исключение - для изображений, которые не имеют значения для страницы, но вам все равно следует использовать атрибут alt, но вы можете оставить его пустым.
Как правило, вы не хотели бы использовать <img>
для элементов пользовательского интерфейса, потому что вы теряете преимущество свободы CSS и тот факт, что вы можете использовать CSS-спрайты, которые быстрее загружаются и обслуживаются.
Спецификация HTML четко отвечает на этот вопрос в разделе Требования к предоставлению текста в качестве альтернативы изображениям:
- Для декоративных изображений см. Чисто декоративное изображение, которое не добавляет никакой информации
- Для стрелок навигации (обычно они не являются украшением) см. Изображения Значков
- Для кнопок социальных сетей (обычно они не являются украшением) см. Ссылка или кнопка, содержащая ничего, кроме образа и Логотипы, знаки отличия, флаги или эмблемы.
В общем случае каждое изображение должно иметь атрибут alt
( с двумя исключениями ), и иногда значение alt
должно быть пустым (alt=""
). Речь идет не только о лучших практиках, это требование. Если вы не будете следовать ему, ваш HTML-код не только недействителен, но, скорее всего, также недоступен.
Легко проверить и понять, какое изображение нуждается в каком виде из alt
содержимого: отключите изображения и проверьте свою страницу. Если вы все еще можете делать все, что могли бы делать с изображениями (например, посещать все ссылки), если вы все еще понимаете все, что могли бы понять с изображениями (например, назначение кнопки, значение боковой панели), и если вы не находите бессмысленный/запутанный контент, который не добавляет ничего важного (например, "горизонтальная красная линия"), вы, вероятно, делаете это правильно.