Как сделать кучу элементов недоступными с клавиатуры
Например, у меня есть два заголовка: статический и фиксированный. Как я могу запретить пользователю клавиатуры перемещаться по фиксированному заголовку броска?
Под навигацией я подразумеваю использование tab. Вы нажимаете ее, а затем фокусируетесь на следующем интерактивном элементе.
<header>
<div class = "nav-wrap static">
*bunch of buttons, links, etc*
</div>
<div class = "nav-wrap fixed" aria-hidden = "true">
*same as above but in different style*
</div>
</header>
Я хочу, чтобы второй никогда не был доступен, и удалил все его элементы из порядка tabindex. Как мне это сделать?
@GrahamRitchie, ты прав. Спасибо. Мой фиксированный заголовок был только что переведен из области просмотра. Я забыл, что могу просто установить display: none на это. Спасибо!
не проблема, я знаю это чувство, когда ты смотришь на проблему и легко пропускаешь простые решения! Рад, что разобрался, удачи в проекте.
Ответы 1
Использование display:none; помогает в моем случае. Благодаря Грэму Ритчи
Более важный вопрос здесь заключается в том, зачем вам два заголовка с одинаковой информацией? Если одновременно виден только один из этих заголовков (как я подозреваю), то самый простой способ — просто добавить
display: noneк тому заголовку, который вы не используете в данный момент. Это останавливает весь порядок фокусировки, скрывает его от программ чтения с экрана и т. д. У вас есть конкретный вариант использования того, что вы пытаетесь сделать здесь, поскольку я думаю, что вы можете слишком усложнять вещи.