2.4.7 Focus Visible [AA]

Level AA

Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.>

Explanation

It must be easy to tell which element has keyboard focus. This helps sighted keyboard users orient themselves within the page, and confidently interact with it.

Responsibilities

  • Design
  • QA

Requirements

  • Interactive elements like links, buttons, and form fields, have a visible focus indicator;
  • The focus indicator is easy to see.

Common mistakes

  • The browser default focus indicator has not been replaced with something that is easier to see;
  • An indicator has been provided for mouse hover, but not duplicated for keyboard focus.

Official resources

Other resources