Генератор alt-тексту для зображень на бізнес-сайтах (експорт CSV) | We.Inc
Створюйте alt-текст із опису зображення та його призначення на сторінці. Інструмент розрізняє декоративні, інформаційні зображення й зображення-посилання, перевіряє довжину та зайві слова й експортує CSV із назвами файлів і alt-текстом.
Додайте зображення, опишіть, що на кожному з них показано та яку функцію воно виконує на сторінці. Інструмент створить alt-текст відповідно до призначення: порожній alt для декоративних зображень, місце призначення для зображень-посилань і короткий фактичний опис для інформаційних зображень. Він не аналізує самі зображення й не вгадує, хто чи де на них зображений; перед експортом ви підтверджуєте кожен рядок. Усе працює у вашому браузері. Введені чи завантажені вами дані не надсилаються до We.Inc або будь-кому іншому.
Додайте зображення (JPG, PNG, WebP, GIF або SVG, до 20 файлів розміром до 10 MB кожен) або створіть рядки без зображень. Мініатюри видно лише у вашому браузері.
Опишіть сторінку, де розміщено зображення, наприклад «Сантехнік у Лідсі, сторінка послуг із монтажу ванних кімнат».
Для кожного зображення вкажіть призначення: інформаційне (показує те, що потрібно відвідувачу), функціональне (це посилання або кнопка) чи декоративне (не містить важливої для відвідувача інформації).
Кількома словами опишіть зображене. Якщо це важливо, додайте подробицю, відому лише вам, наприклад назву товару або місце виконання робіт.
Перегляньте запропонований текст. Інструмент попереджає про зайві фрази на кшталт «зображення чогось», текст довший за 125 символів, повтори alt-тексту й назви файлів, використані як alt-текст.
Позначте кожен рядок як підтверджений, а потім скопіюйте HTML-код або завантажте CSV із назвою файлу, призначенням і alt-текстом.
Опишіть, що додає зображення, а не все, що на ньому є. «До і після облицювання душу» краще, ніж перелік кольорів плитки.
Не починайте з «зображення» або «фото». Програми читання з екрана вже повідомляють, що це зображення.
Якщо зображення є посиланням, alt-текст має вказувати, куди воно веде: «Наші проєкти ванних кімнат», а не «Фото ванної».
Для декоративних зображень задавайте alt="" (порожній), а не пропускайте атрибут alt.
Не вказуйте імена людей, місця чи результати, яких не можна підтвердити за фотографією.
Поширені запитання
Чи описує цей інструмент моє зображення автоматично?
Ні. Інструмент не аналізує зображення. Автоматичні описи часто помиляються щодо людей, місць і товарів, а неправильний alt-текст гірший за його відсутність. Ви самі вказуєте, що зображено; інструмент перетворює це на alt-текст відповідно до призначення зображення та перевіряє його.
Коли alt-текст має бути порожнім?
Якщо зображення декоративне: фоновий візерунок, роздільник або фотографія, яка повторює інформацію в сусідньому тексті. Використовуйте alt="" — тоді програми читання з екрана його пропустять.
Якої довжини має бути alt-текст?
Якомога коротшим, але достатнім для виконання функції, зазвичай менше за 125 символів. Докладнішу інформацію, наприклад дані графіка, розмістіть у тексті сторінки.
Чи допомагає alt-текст пошуковій оптимізації?
Він допомагає пошуковим системам зрозуміти зображення й може покращити їхню появу в пошуку зображень. Головна мета — доступність; пишіть для людей, а користь для пошуку буде додатковою.
Чи завантажуються мої зображення на сервер?
Ні. Браузер читає їх, щоб показати мініатюру; вони не залишають ваш пристрій.
Призначення визначає alt-текст
Для тієї самої фотографії потрібен різний alt-текст у різних місцях. Фото кухні на головному банері може бути декоративним; як єдине фото готового проєкту на сторінці портфоліо — інформаційним; якщо воно є посиланням на сторінку кухонь — функціональним і має називати місце призначення.
Тому перед рекомендацією інструмент запитує про сторінку й призначення зображення. У дереві рішень щодо alt-тексту від W3C Web Accessibility Initiative використовуються ті самі запитання.