Focus Styles on Non-Interactive Elements?

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
Animate the scrolling to the element the #jump link pointed to

Stopping the browser default behavior is the part that is problematic for accessibility. No longer does the #jump link move focus to element the #jump link pointed to. …

Focus Styles on Non-Interactive Elements? is a post from CSS-Tricks

Link: https://css-tricks.com/focus-styles-non-interactive-elements/