Identifying links and link keyboard focus styling

  • Underlining links is important for people with low vision to identify the link
  • 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)
  • Typically border, outline or underline

WCAG 2.0 Link 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).