Так что это скорее проблема ocd, нежели реальная проблема, но я все еще растерялся и хотел бы получить некоторые рекомендации.
Частью требования для моего выпадающего меню является то, что оно должно быть доступно без мыши (с помощью вкладки).
Это простая вкладка 4: домашняя, около, просмотр, выпадающий список.
При наведении указывается цвет фона и цвет текста (h3).- Это прекрасно работает
Без мыши пользователь должен иметь возможность перейти к меню (работает нормально) и использовать клавишу со стрелкой вниз для переключения между элементами списка.(работает), и когда каждый из них "сфокусирован", он меняет фон и цвет текста, как при наведении курсора (также работает)
Проблема
Если я вкладкаПерейдите в меню и нажмите «Стрелка вниз», чтобы «Домашний» элемент списка домов изменил цвет., но , если, пока эта вкладка находится в фокусе, я использую мышь, чтобы навести курсор, например, на третий элемент, а затем на четвертый, «дом», все еще фокусируется (поэтому он имеет инвертированные цвета) и остается таким же, покадругие элементы инвертируются, как и ожидалось.
Мой вопрос
Как, если это возможно, получить фокусировку, чтобы разбить фокус при наведении указателя мыши на отдельный элемент списка или при наведении курсора, если я продолжус другой стрелкой вниз?Теоретически, пользователь клавиатуры не будет использовать мышь (вся точка доступа), но она не идеальна, и мне любопытно.
.headerMenuLinks li a:hover, .headerMenuLinks li a:focus {
color: #ffffff;
background-color: #434343;
}
.headerMenuLinks li a:hover h3, .headerMenuLinks li a:focus h3 {
color: #ffffff;