3.2.1 On Focus

Understanding 3.2.1 On Focus

Anything that receives focus should not change context. For example any component that is able to trigger an event such a submit button on a form or a link that opens a new tab or window. 

All functionality of a website should be predictable as users navigate around. 

• Example: If someone is tabbing through a dropdown menu and lands on a menu item, it should not take them to that new page until it is activated by the enter key on the keyboard. At the same time if they escape out of the menu the context should not change when they get out of the menu.

Recommended Solutions

Ensure that when focus is on an element to not trigger any changes of context unless it is activated by the user. Allow the user to control the activation via the return/enter key on their keyboard.