Почему ругается валидатор?

Question

[CAMOBAP4UK]

Всем здрасте. Почему ругается валидатор на тег alt ?

Answer 1

[xmoonlight]

alt - для img-тега.

Answer 2

[Максим]

Может быть атрибут role подойдёт - именно он укажет что это банер или что то ещё : sauron.org.ua/post/823

Comments

[CAMOBAP4UK]

Возможно стоит попробовать

Answer 3

[Кирилл Никитин]

Как там и написано — атрибут alt не используется на div'ах. Его ставят на тег img, что бы роботы поисковиков знали о чём картинка. Ну и люди, если картинка не загрузилась, или пользователь слеп и использует голосовых помощников.

Comments

[CAMOBAP4UK]

а как тогда добавить правильно ? попробовал

[Кирилл Никитин]

CAMOBAP4UK, использовать на теге img.

<img class="header__main-illustration" alt="Черный квадрат" src="вашакартинка">

либо

<div class="header__main-illustration">
  <img alt="Черный квадрат" src="вашакартинка">
</div>

[CAMOBAP4UK]

Кирилл Никитин, картинка прописана в css и лежит в папке изображения

[Кирилл Никитин]

CAMOBAP4UK, тогда alt не нужен вообще.

[CAMOBAP4UK]

Кирилл Никитин, А если изображение не загрузилось , но нужно что бы было подписано что это именно то ?

[Кирилл Никитин]

CAMOBAP4UK, картинки в css — это элемент дизайна, картинки в разметке — самостоятельные информационные единицы. Ну, можете подпись рядом оставить в теге span и повесить на него стиль только для роботов и ридеров, display или visibility.

[CAMOBAP4UK]

Кирилл Никитин, Понял , спасибо

[Кирилл Никитин]

CAMOBAP4UK, нет проблем, но смотрите, не все ридеры видят контент со стилями display и visibility. Лучше, если это прямо нужно, просто и аккуратненько в уголочке написать что-то типа — на фотографии черный квадрат.