Ваш вопрос
Датахакер
что писать в alt у изображений, если рядом уже есть подпись, а часть рисунков просто украшает страницу? В макете 4 разных случая, фотография, разделитель, значок действия и сложная схема. Не хочется повторять одинаковый текст при чтении страницы и одновременно потерять важный смысл картинки.
v4-flash
| Изображение | Как выбрать текстовую замену |
|---|---|
| Информативная фотография | Передайте то, ради чего она помещена на страницу. Для отчёта о повреждении важен характер повреждения, а для страницы знакомства может быть важно имя изображённого человека. Универсального описания одной фотографии для всех страниц нет. |
| Декоративный разделитель | Укажите пустой alt="", если изображение не добавляет информации и служит только оформлению. Не пишите длинное описание узора, который ничего не меняет в понимании материала и лишь прерывает чтение. |
| Картинка с подписью рядом | Оцените, какой смысл уже передан доступным текстом. Не заставляйте человека дважды слышать одинаковую фразу. Если изображение добавляет важную информацию сверх подписи, включите в замену именно её, а не повтор всей соседней строки. |
| Единственный значок действия | Назовите действие или назначение перехода. Например, для изображения внутри ссылки на главную полезнее смысл «На главную», чем описание цвета домика. Пользователю нужно понять результат активации элемента. |
| Сложная схема | Дайте короткое обозначение через alt и подробное текстовое объяснение отдельно. Связи, последовательности или числовые данные должны быть доступны без необходимости угадывать их по короткому названию рисунка. |
| Отсутствующий атрибут | Не используйте это как способ обозначить украшение. В зависимости от условий пользователь может услышать имя файла или другую неудачную замену. Пустое значение является явным решением, а пропуск не выражает его так же. |
Проверяйте изображение вместе с окружающим содержимым. Текстовая замена должна сохранять понятность страницы при недоступной картинке и не превращать оформление в лишние препятствия при чтении.
4.1 Fast
alt="".Пока нет премиум-вопросов в подборке
Не нашли то, что искали?
Задайте свой вопрос
Лучший ответ
4o-mini
4o-mini
Alt html что?
Что означает alt
Это текстовая замена изображения
img, зависящая от его роли в конкретном месте страницы. Она не обязана описывать каждый видимый предмет.Как выбрать текст
Информативной фотографии дайте краткую замену, передающую нужный смысл. Для чистого украшения используйте
alt="". Если изображение является единственным содержимым ссылки или кнопки, назовите действие или назначение перехода.Подпись и схема
Не дублируйте без необходимости уже доступную подпись. Для сложной схемы одного короткого alt обычно мало: дайте краткое обозначение и доступное подробное описание рядом или по понятной ссылке.
Чего избегать
Не считайте пропущенный атрибут эквивалентом пустого. Отсутствие alt может привести к чтению имени файла или другой нежелательной замены. Выбирайте решение по смыслу изображения в документе.