Focus Styling for Links and Form Controls

• Use CSS Pseudo selectors :focus and :active to style link with focus
• Changes needs to be more than just color (e.g. color blindess and other visual impairments)
• Recommend border, outline or underline
• Underlining links is important for people with low vision to identify the link
• For radio buttons and checkboxes include labels with focus styling to indicate the selectable area

WCAG 2.0 Focus Requirements

2.4.7 Focus Visible

Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible. (Level AA).