I am working with the Brine Template and want to make the navigation elements within the Header-nav-folder accessible via keyboard. Today, I am able to tab through these links; however, because the menu only expands upon hover of the parent folder, a user is unable to see that they are navigating through a sub-menu. This causes a huge accessibility problem for keyboard-only users. I couldn't find anything in the CSS that triggers this onHover for me to add an onFocus event handler, so I'm a bit stuck as to how to make this appear without the use of a mouse. Any help is appreciated!
I am working with the Brine Template and want to make the navigation elements within the Header-nav-folder accessible via keyboard. Today, I am able to tab through these links; however, because the me
Hi @northamrealty,
It appears I posted the code for Brine with a screenshot of Bedford, so I'll assume that's an 11-month-old mistake on my part 🤦♂️
For your site, try adding the following
Question
SJSchaidt 1
I am working with the Brine Template and want to make the navigation elements within the Header-nav-folder accessible via keyboard. Today, I am able to tab through these links; however, because the menu only expands upon hover of the parent folder, a user is unable to see that they are navigating through a sub-menu. This causes a huge accessibility problem for keyboard-only users. I couldn't find anything in the CSS that triggers this onHover for me to add an onFocus event handler, so I'm a bit stuck as to how to make this appear without the use of a mouse. Any help is appreciated!
URL: www.lftphi.com
Link to post
Top Posters For This Question
2
2
1
1
Popular Days
Jan 9
2
Jan 11
1
Jan 24
1
Feb 4
1
Top Posters For This Question
tcp13 2 posts
northamrealty 2 posts
SJSchaidt 1 post
creedon 1 post
Popular Days
Jan 9 2021
2 posts
Jan 11 2021
1 post
Jan 24 2020
1 post
Feb 4 2020
1 post
Popular Posts
SJSchaidt
I am working with the Brine Template and want to make the navigation elements within the Header-nav-folder accessible via keyboard. Today, I am able to tab through these links; however, because the me
tcp13
Hi @northamrealty, It appears I posted the code for Brine with a screenshot of Bedford, so I'll assume that's an 11-month-old mistake on my part 🤦♂️ For your site, try adding the following
creedon
LOL! I hate that when I go back over an old post and find mistakes. It happens far more often than I'd like! 😀
Posted Images
5 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment