score:0

Accepted answer

then. i'll write in the answers try this :

a, a:hover, a:focus { outline: none; }

score:0

to solve this issue gakeko betsi suggested to edit the css for the a element with this line a, a:hover, a:focus { outline: none; }

score:0

gakeko betsi's answer is correct, however, it is worth noting that the outline has value especially in the case of accessibility. if you do remove it via css make sure you provide some styling that is obvious.

another thing to remember is that accessibility is not just something for those that have disabilities, but also for your sites' power users or people that aren't using the mouse as their main mode of navigation.

the link below goes into great depth and is a very worthwhile read - https://www.deque.com/blog/give-site-focus-tips-designing-usable-focus-indicators/


Related Query

More Query from same tag