Атрибут title тега <frameset>


Описание

Атрибут title позволял задавать всплывающую подсказку для элемента <frameset>. Однако важно понимать, что сам элемент <frameset> является устаревшим (deprecated) и был полностью удалён из спецификации HTML5.

Исторический пример использования:
<frameset title="Основная структура страницы" cols="25%,75%"> <frame src="menu.html"> <frame src="content.html"> </frameset>

Ограничения атрибута title в frameset:

Аспект Проблема
Видимость подсказки Отображалась только при наведении на границы фреймов
Доступность Ограниченная поддержка скринридерами
Полезность Минимальная практическая ценность

Современная альтернатива с ARIA:

<div class="grid-layout" aria-label="Основная структура страницы"> <nav aria-labelledby="nav-heading"> <h2 id="nav-heading" class="visually-hidden">Навигация по сайту</h2> <!-- Меню загружается через AJAX --> </nav> <main aria-labelledby="content-heading"> <h2 id="content-heading" class="visually-hidden">Основной контент</h2> <!-- Динамический контент --> </main> </div> <style> .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; } </style>

Почему следует избегать frameset:

  • Не поддерживается в современных стандартах HTML
  • Создаёт серьёзные проблемы для доступности
  • Нарушает принципы семантической вёрстки
  • Не адаптируется для мобильных устройств
  • Ухудшает SEO-оптимизацию страницы

Рекомендации по улучшению доступности:

  1. Используйте семантические HTML5-элементы (<header>, <nav>, <main> и др.)
  2. Применяйте ARIA-атрибуты для описания структуры
  3. Реализуйте видимые текстовые заголовки для разделов
  4. Для сложных интерфейсов используйте WAI-ARIA landmarks
  5. Тестируйте с помощью скринридеров (NVDA, VoiceOver)

Примечание: В отличие от практически бесполезного атрибута title в <frameset>, современные стандарты доступности (WCAG) предоставляют мощные инструменты для создания понятной и доступной структуры страницы, такие как ARIA-роли и семантические HTML5-элементы.