Атрибут accesskey тега <object>
Описание
Атрибут accesskey позволяет назначить горячую клавишу для быстрого доступа к элементу <object>. Это особенно полезно для:
- Навигации по интерактивным объектам с клавиатуры
- Улучшения доступности мультимедийного контента
- Быстрого фокусирования на важных встроенных элементах
<object data="interactive-map.swf" type="application/x-shockwave-flash"
width="600" height="400" accesskey="M">
<p>Интерактивная карта (Alt+M)</p>
</object>
Сочетания клавиш по платформам:
| Платформа | Комбинация |
|---|---|
| Windows/Linux | Alt + ключ |
| macOS | Control + Option + ключ |
| ChromeOS | Alt + ключ |
Пример с JavaScript:
<object id="pdfViewer" data="manual.pdf" type="application/pdf"
width="800" height="600" accesskey="P">
<p>Руководство пользователя (Alt+P)</p>
</object>
<script>
document.getElementById('pdfViewer').addEventListener('focus', function() {
console.log('PDF viewer получил фокус через accesskey');
});
</script>
Рекомендации по использованию:
- Используйте уникальные клавиши в пределах страницы
- Избегайте конфликтов с системными сочетаниями клавиш
- Сообщайте пользователям о доступных горячих клавишах
- Для сложных интерфейсов создайте страницу справки
- Проверяйте работу в разных браузерах
Ограничения и совместимость:
- Поддерживается большинством современных браузеров
- Фактическое сочетание клавиш может отличаться
- Не все плагины могут обрабатывать фокус через accesskey
- На мобильных устройствах может не работать
Примечание: Хотя атрибут accesskey может улучшить доступность, современные веб-приложения чаще используют сложные системы клавиатурных сокращений через JavaScript. Для элементов <object> с плагинами (например, PDF) убедитесь, что плагин поддерживает управление с клавиатуры.