Атрибут alt очень полезен, потому что с помощью него пользователи скринридеров могут понять, что изображено на картинке. Но мы можем использовать alt по другому, а именно на основе текста из заголовка дополнить его, добавив больше деталей о изображении. Например, если у нас карточка товара, в которой заголовок-название товара и изображение, то в alt можно описать внешние характеристики товара. Не делайте так <header>
<h3>adidas Originals Superstar</h3>
<img src="picture.jpg" alt="adidas Originals Superstar">
</header> Можно сделать так <header>
<h3>adidas Originals Superstar</h3>
<img src="picture.jpg" alt="кроссовки с логотипом adidas с 3 полосками, классическим усиленным носком и тонкой подошвой">
</header>
Атрибут alt очень полезен, потому что с помощью него пользователи скринридеров могут понять, что изображено на картинке.
Но мы можем использовать alt по другому, а именно на основе текста из заголовка дополнить его, добавив больше деталей о изображении. Например, если у нас карточка товара, в которой заголовок-название товара и изображение, то в alt можно описать внешние характеристики товара.
Не делайте так
<header>
<h3>adidas Originals Superstar</h3>
<img src="picture.jpg" alt="adidas Originals Superstar">
</header>
Можно сделать так
<header>
<h3>adidas Originals Superstar</h3>
<img src="picture.jpg" alt="кроссовки с логотипом adidas с 3 полосками, классическим усиленным носком и тонкой подошвой">
</header>