AI Alt-текст · Beta
AI пише alt за змістом сторінки — і проставляє його без правок у коді
Зображення без alt — найпоширеніше порушення доступності у вебі. AI пише опис за змістом сторінки, і він з’являється на сайті сам, без правок у вашому коді.
Входить в Автофікс. Окремо купувати не треба.
Як це працює
Чотири кроки, і жоден із них не вимагає доступу до вашого коду.
- 1
Виявлення в реальному браузері
Скрипт бачить зображення на сторінці, яку відкрив живий відвідувач. Тому в роботу потрапляють і ті сторінки, до яких краулер ніколи не дійшов би — картки товарів, результати пошуку, сторінки за фільтром.
- 2
Контекст сторінки, а не сама картинка
Разом із зображенням модель отримує заголовок, сусідній текст, підпис, посилання, у якому воно стоїть, і мову сторінки. Тому опис пояснює роль зображення тут, а не перелічує, що на ньому намальовано.
- 3
Генерація
Vision-модель повертає одну коротку фразу до 100 знаків вашою мовою. Один кредит — одна генерація; перегенерація теж списує кредит.
- 4
Підстановка на сайті
Готовий опис віддається наступним відвідувачам тим самим скриптом, що й решта виправлень Автофікса. У вашому коді не змінюється нічого.
Чесно про першого відвідувача
Зображення, яке ніхто ще не відкривав, опису не має — воно саме в цей момент і виявляється. Опис бачить уже наступний відвідувач. Для сторінок, що потрапили в скановану вибірку, опис готовий заздалегідь.
Чому це не підпис до картинки
Модель працює за інструкцією, написаною під WCAG, а не під красивий опис. Ось що в ній прописано.
- 01
Суть, а не зовнішній вигляд
Опис передає, що зображено і навіщо воно тут. Кольори, форми, кількість об’єктів і фон — ні.
- 02
Без «На зображенні…»
Скрінрідер уже сказав користувачу, що це зображення. Повторювати це в alt — красти час.
- 03
Іконка = її функція
«Відтворити відео», а не «синій трикутник у колі». Геометрію користувачеві знати не треба.
- 04
Людина = дія або роль
Що людина робить, а не як виглядає. Без статі, віку й зовнішності, якщо вони не є змістом.
- 05
Не повторює сусідній текст
Якщо поруч є заголовок або підпис, опис не переказує їх удруге.
- 06
Коротко
До 100 знаків, одна фраза. Довгий alt скрінрідер читає цілком, і його неможливо пропустити.
Скільки генерацій входить
Кредити прив’язані до тарифу Автофікса й дійсні на весь час підписки — не згорають щомісяця.
| Розмір сайту | Генерацій |
|---|---|
| до 50 | 100 |
| до 500 | 500 |
| до 5,000 | 1,000 |
| до 50,000 | 3,000 |
| до 250,000 | 4,000 |
| Пробний період | усі зображення на 3 сторінках |
Коли кредити закінчуються, генерація зупиняється, а записи переходять у ручний ввід — дописати опис самому в кабінеті можна безкоштовно й без обмежень. Щойно кредити оновлюються, AI повертається до цих зображень.
Що закриває, а що ні
Закриває
- Звичайні зображення `img` без alt або з порожнім alt
- Вбудовані `svg` і елементи з `role="img"` — через `aria-label`
- Зони карти `area` та кнопки `input type="image"`
- Об’єкти `object` — через `aria-label`
Не закриває
- Фонові зображення в CSS — їх немає в DOM як контенту
- `canvas` і графіку, намальовану скриптом
- Складні інфографіки, яким потрібен розгорнутий опис поруч
- Випадки, де правильна відповідь — порожній alt, бо зображення декоративне
Критерій WCAG — 1.1.1 Нетекстовий контент, рівень A. Це найчастіше порушення доступності у вебі й одне з небагатьох, де автоматика справді може створити правильний контент, а не вгадати намір автора.
Часті запитання
Чи треба щось міняти в коді сайту?
Ні. Працює той самий скрипт Автофікса, який ви вже підключили одним рядком. Alt проставляється в браузері відвідувача, ваша CMS і шаблони лишаються недоторканими.
Опис з’являється одразу?
Для сторінок зі сканованої вибірки — так, опис готовий заздалегідь. Для решти перший відвідувач відкриває сторінку й тим самим передає зображення в роботу, а опис бачить уже наступний. Зазвичай це хвилини.
Я можу виправити опис, який мені не подобається?
Так, у кабінеті кожен опис можна відредагувати або перегенерувати. Відредагований вручну текст AI більше не чіпає. Перегенерація списує кредит, ручне редагування — ні.
Кредити списуються щомісяця?
Ні. Це загальна кількість на весь час підписки, а не місячна квота. Ми свідомо не робимо місячного скидання: більшість зображень на сайті описуються один раз і далі не змінюються.
Якою мовою пише AI?
Мовою сторінки — вона визначається з атрибута `lang` і контексту. Для багатомовного сайту кожна мовна версія отримує свій опис.
Чому Beta?
Функціонал працює й ним можна користуватися, але ми ще міняємо інструкцію для моделі за результатами на реальних сайтах. Якість описів на нішевих зображеннях — головне, що доробляємо.
Подивіться на своїх зображеннях
Підключення — один рядок. У пробному періоді AI описує всі зображення на трьох сторінках вибірки: цього досить, щоб побачити якість на власному контенті.