Say we have a <div>.
We only want this div to be visible when it's hovered, so:
We need focus styles as well, for accessibility, so:
But div's can't be focused on their own, ...
Removing the focus outline is like removing the wheelchair ramp from a school because it doesn't fit in with the aesthetic.
So David shows how you can remove it unless you detect that the user is tabbing, then show it. Essentially you...
Last month, Heather Migliorisi looked at the accessibility of Smooth Scrolling. In order to do smooth scrolling, you:
Check if the clicked link is #jump link
Stop the browser default behavior of jumping immediately to that element on the page