Focus
Focusable elements are accessible through keyboard navigation. They can be either links, or buttons.
Coherent style
Implement the SUSE custom focus style to ensure coherent UX across browsers. Here are some examples:.
Focus on links
$eos-bc-cerulean-500
This is the focus style on a link
Focus on main menu
$eos-bc-cerulean-500
Focus style on main navigation example
Focus on dropdowns
$eos-bc-cerulean-500
Focus style on unstyled button & dropdown elements
SCSS code
*:focus {
box-shadow: 0 0 0 1px $eos-bc-cerulean-500;
outline: none;
}