## 01. Иллюстрация рюкзака и бутылки

Роль: Информативная иллюстрация.

Обоснование: Изображение показывает расположение рюкзака и бутылки перед прогулкой, которое не описано в окружающем тексте.

Alt:

```
alt="Жёлтый рюкзак стоит на скамейке, красная бутылка закреплена снаружи в боковом кармане справа."
```

Дополнительный текст: Не требуется. Краткий alt передаёт существенную информацию о расположении предметов. Указывать, что иллюстрация нарисована, необязательно.

## 02. Схема обработки заявки

Роль: Информативная схема последовательности действий.

Обоснование: Изображение содержит три этапа обработки заявки и их порядок, которые больше нигде на странице не представлены.

Alt:

```
alt="Схема обработки заявки: отправка заявки, проверка данных, подтверждение."
```

Дополнительный текст: Не требуется. Все три этапа и их последовательность переданы в alt. Схема не содержит дополнительных условий, развилок или пояснений.

## 03. Кнопка открытия поиска

Роль: Функциональное изображение внутри кнопки.

Обоснование: Иконка лупы является единственным содержимым кнопки, поэтому её alt должен передавать назначение действия, а не описывать внешний вид значка.

Alt:

```
alt="Открыть поиск по сайту"
```

Дополнительный текст: Не требуется. Поскольку HTML кнопки менять нельзя и других доступных названий у неё нет, alt вложенного изображения обеспечивает понятное название действия. Нельзя использовать «Найти» или «Выполнить поиск», поскольку нажатие только открывает поле поиска.

## 04. Абстрактные волнистые линии

Роль: Декоративное изображение.

Обоснование: Цветные волнистые линии и точки служат исключительно визуальным оформлением раздела и не сообщают информации о материалах.

Alt:

```
alt=""
```

Дополнительный текст: Не требуется. Пустой alt позволяет вспомогательным технологиям пропустить изображение, не отвлекая читателя от списка статей.

## 05. Плашка «Доставка бесплатно»

Роль: Декоративное, дублирующее текст изображение.

Обоснование: Надпись на изображении полностью повторяет доступный HTML-текст «Доставка бесплатно» и не добавляет новых сведений.

Alt:

```
alt=""
```

Дополнительный текст: Не требуется. Условия доставки уже доступны скринридеру в обычном тексте карточки. Повторение надписи в alt вызвало бы ненужное дублирование.

## 06. Столбчатая диаграмма заявок по каналам

Роль: Информативная диаграмма с количественными данными.

Обоснование: Изображение позволяет сравнить число заявок по трём каналам за четыре месяца, но содержит слишком много точных значений для одного краткого alt.

Alt:

```
alt="Столбчатая диаграмма количества заявок по каналам с января по апрель 2026 года. Сайт лидирует во все месяцы. Точные значения приведены в таблице ниже."
```

Дополнительный текст: Требуется. Непосредственно под изображением следует разместить видимый текст с основными выводами и доступную HTML-таблицу со всеми значениями.

Текст под диаграммой:

### Заявки по каналам за январь–апрель 2026 года

Данные учебные и вымышленные.

Во все четыре месяца больше всего заявок поступало через сайт, меньше — по телефону, ещё меньше — через офис. Количество заявок через сайт выросло со 120 в январе до 180 в апреле, хотя в марте наблюдалось снижение относительно февраля. Через телефон наибольшее количество заявок поступило в марте (90), а через офис — в апреле (60).

### Количество заявок по месяцам

| Месяц   | Сайт | Телефон | Офис |
| ------- | ---- | ------- | ---- |
| Январь  | 120  | 80      | 40   |
| Февраль | 150  | 75      | 50   |
| Март    | 135  | 90      | 45   |
| Апрель  | 180  | 85      | 60   |

Способ размещения: Под изображением разместить приведённый текст и настоящую HTML-таблицу с элементами `<table>`, `<caption>`, `<thead>`, `<tbody>`, `<th>` и `<td>`. Названия месяцев оформить заголовками строк с `scope="row"`, названия каналов — заголовками столбцов с `scope="col"`.

Так читатель сможет получить как общую картину изменений, так и точные значения всех 12 столбцов независимо от возможности воспринимать диаграмму визуально.