[Support request] Accessibility issue – focus not visible

[Heinrich]

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

[David]

Hi there,

Browsers are pretty good at managing tab focus for keyboard users. For example here is your site when i tab through it:

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;
}

[Author]

Posts