Focus Order

A focus order, also known as tabbing order, refers to the order in which a user can navigate through interactive elements on a web page using the keyboard tab key.

Figure 1 Example depicting the focus order on a webpage


  • 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.