Focus Indicator

Figure 1 Example of focus indicator visible for Name input field

The focus indicator is a visible outline or highlight around the active interactive element. The focus indicator provides an important visual cue indicating which interactive element currently active. This is particularly useful for users who navigate the webpage using input devices other than a mouse.


  • New to accessibility or uncertain of requirements, it will be helpful to review all sections below.
  • Already familiar with requirements, skip to the “Working Example” section for sample HTML, CSS and JavaScript (when needed), along with a working demo.