Атрибут accesskey тега <figcaption>

Описание

Атрибут accesskey в теге <figcaption> позволяет назначить горячую клавишу для быстрого доступа к подписи изображения или другого медиа-контента. При активации комбинации клавиш фокус перемещается на элемент.

Пример использования:
<figure> <img src="chart.jpg" alt="График продаж"> <figcaption accesskey="c">Рисунок 1. Динамика продаж за 2025 год</figcaption> </figure>

Особенности работы:

Платформа Комбинация клавиш Примечание
Windows/Linux Alt + ключ В Firefox: Alt + Shift + ключ
Mac OS Control + Option + ключ Зависит от браузера

Рекомендации по выбору клавиш:

  • Используйте первую букву функции (C для Caption)
  • Избегайте конфликтов с системными сочетаниями
  • Для цифровых клавиш указывайте непосредственно цифру
  • Документируйте назначенные клавиши для пользователей

Пример с несколькими подписями:

<figure> <img src="diagram.png" alt="Блок-схема"> <figcaption accesskey="d" title="Диаграмма (Alt+D)"> Рисунок 2. Архитектура системы </figcaption> </figure> <figure> <img src="map.jpg" alt="Карта"> <figcaption accesskey="m" title="Карта (Alt+M)"> Рисунок 3. Географическое распределение </figcaption> </figure>

Ограничения:

  • Поддержка зависит от браузера и ОС
  • Может конфликтовать с другими сочетаниями клавиш
  • На мобильных устройствах обычно недоступен
  • Ограниченная полезность для figcaption

Советы по улучшению доступности:

  • Сочетайте с атрибутом title для пояснения
  • Указывайте назначенные клавиши в документации
  • Используйте семантически значимые клавиши
  • Тестируйте в разных браузерах

Примечание: Хотя атрибут accesskey может улучшить доступность для пользователей клавиатуры, его применение к <figcaption> имеет ограниченную практическую ценность. Для сложных интерфейсов лучше реализовать полноценную клавиатурную навигацию через JavaScript.