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