Здравствуйте!
Не используя мышь, по сайту мы можем двигаться с помощью таба (по интерактивным элементам), также мы можем двигаться стрелками по заголовкам, тексту и т.д.
Как сделать так чтобы, при движении стрелками по заголовкам, тексту можно было бы как-то это визуально выделять на странице с помощью интерактивных состояний по типу active, focus, также как мы делаем это для ссылок, кнопок?
Вообще-то мы НЕ МОЖЕМ двигаться по тексту-заголовкам стрелками. Стрелки по умолчанию работают как скроллер страницы. Для этого, вероятно, кто уже навесил на стрелки-заголовки обработчики, которые передвигают видимый параграф-заголовок в окно видимости. Вот там и следует навесить дополнительное состояние на параграф.
Ну, в крайнем случае - все видимые в данный момент параграфы-заголовки по интервалу отмечать...
Tabindex
Но это всё равно будет работать, если пользоваться именно табом. Если очень хочется стрелками, то надо собирать массив нужных элементов, вешать прослушиватели на эти самые стрелки и - вперед. Только вряд ли это хорошая затея - пытаться повесить навигацию на стрелки, т.к. тогда стрелками невозможно будет скроллить.