Archived topic
Accessibility issue - focus not visible
1 reply · Started by Heinrich on July 28, 2022
Viewing posts 1–2 of 2
Hi Team,
I´m having an accessibility issue on my site. Siteimprove shows me that the focus is not visible.
I deactivated all plugins except GeneratePress and the issue is still there.
Screenshot of the issue. https://snipboard.io/nk9mve.jpg
I hope you can give me a hint on how to solve that.
best wishes
Hi there,
Browsers are pretty good at managing tab focus for keyboard users. For example here is your site when i tab through it:
https://www.screencast.com/t/gbO5gTDhyj6
As you can see it has a pretty visible focus ring.
However if you want to specifically target and style your navigation elements on focus - then you can use some CSS:
.main-navigation li a:focus,
.main-navigation li a > span:focus{
outline: 2px solid #f00;
}
This archived topic is closed to new replies.
