Accessibility - Keyboard support - Border on mouse click
Hi there,
I need to activate the keyboard support on all my websites because of a new law in the EU.
In the betheme it works fine. Just enable it under theme options and done. What I don´t like about it, is that when I click on a link with a mouse there is that focus border around the link. I only want that border around the link when focusing it with the tab key. How can I disable that border when I click on the link with a mouse?
Thanks!
Comments
Hi,
It is not possible from a technical point of view.
So there is no option to have it only while switching with Tab key.
Best regards
Why not?
:focus-visible only becomes active when the user navigates using the keyboard (i.e. “visible focus”).
:focus alone always takes effect, even when clicking with the mouse
Because there is no distinction between clicking with a mouse and switching with the keyboard.
Best regards
I think there is...
What is the
:focus-visiblePseudo-Class?The :focus-visible pseudo-class is more specialized. It only applies styles to an element when the browser determines that the focus should be visible. This typically occurs when the user navigates via the keyboard or assistive technologies rather than through mouse or touch input.
I have passed it on to the dev team, and I will let you know when I receive information back from them.
Best regards
thanks!
it would be great if you could set both settings in the backend: “focus” and “focus-active”