Атрибут longdesc тега <iframe>
Описание
Атрибут longdesc позволяет указать URL документа с подробным текстовым описанием содержимого элемента <iframe>. Предназначен для улучшения доступности, но устарел в HTML5.
<iframe
src="complex-chart.html"
longdesc="chart-description.html"
width="600"
height="400"
title="Финансовые показатели за 2023 год">
</iframe>
Современные альтернативы:
| Метод | Пример | Преимущества |
|---|---|---|
| ARIA-атрибуты | aria-describedby="desc1" |
Лучшая поддержка скринридерами |
| Ссылка рядом | <a href="description.html">Описание</a> |
Доступно для всех пользователей |
| Встроенное описание | <div hidden>Текст описания</div> |
Не требует дополнительных запросов |
Рекомендуемая замена с ARIA:
<div id="chart-desc">
Подробное описание графика: показывает изменение акций компании
с января по декабрь 2023 года с помесячной разбивкой...
</div>
<iframe
src="complex-chart.html"
aria-describedby="chart-desc"
width="600"
height="400"
title="Финансовые показатели за 2023 год">
</iframe>
Доступность для скринридеров:
<iframe
src="interactive-map.html"
aria-label="Интерактивная карта офисов"
aria-describedby="map-instructions"
width="800"
height="500">
</iframe>
<p id="map-instructions" class="sr-only">
Используйте Tab для навигации по маркерам на карте.
Enter активирует выбранное местоположение.
</p>
<style>
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
</style>
Рекомендации по обеспечению доступности:
- Всегда используйте атрибут
titleс кратким описанием - Для сложного контента предоставляйте текстовые альтернативы
- Сочетайте
aria-labelиaria-describedby - Проверяйте работу с NVDA, JAWS или VoiceOver
Ограничения и совместимость:
- Атрибут longdesc никогда не имел полной поддержки браузеров
- Большинство скринридеров игнорировали этот атрибут
- Современные ARIA-атрибуты лучше интегрированы с инструментами доступности
- В HTML5 рекомендуется использовать другие методы описания
Примечание: Хотя атрибут longdesc имел благие намерения, на практике он редко правильно реализовывался. Современные стандарты доступности (WCAG) рекомендуют более надежные и гибкие подходы к предоставлению текстовых альтернатив для сложного контента.