Understanding WCAG SC 2.4.7 Focus Visible
2.4.7 Focus Visible
Focus Visible: Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible. (Level AA)
Focus visible is very important for low vision users, people with motor disability & attention disorders. If there is no visible focus on any active element or the element that receives keyboard focus users might not be able to determine where their current focus is & will be lost. While browsers handle the default visible focus for active elements it is always a best practice to provide visible focus to the elements using the CSS techniques.
Points to Ponder
Code Example
For the current site the visible focus is provided in style.css in the following way
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
