<figure>
<img src="workshop.jpg" alt="Дизайнер создаёт структуру страницы">
<figcaption>Планирование интерфейса.</figcaption>
</figure>alt передаёт смысл изображения, когда его нельзя увидеть. figcaption даёт видимую подпись.
УРОК 04 ИЗ 120
Доступные изображения
Опишите значимые изображения для тех, кто их не видит.
ШАГ 1 · ИЗУЧИТЕ
Как это работает
Alt передаёт смысл изображения, figcaption добавляет контекст.
<img src="workshop.jpg" alt="изображение">Слово «изображение» не передаёт содержание или назначение визуального элемента.
ШАГ 2 · ПРИМЕНИТЕ
Ваше задание
Заполните alt и используйте figure с figcaption.
index.htmlHTML
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ
Что должно пройти
0%не проверено
- ○Изображение находится в figure.
- ○У изображения заполнен alt.
- ○У figure есть подпись.
Объясните логику решения
Описывайте полезную информацию, а не очевидные детали. Если изображение и подпись едины, объедините их в figure.