How to create the best experience for users when navigate a web page? Keyboard users rely on keyboard focus to interact with the interactive elements on a web page. Make that focus visible, predictable, and meaningful.
Make the tab order of the keyboard focus predictable and sequential.
Make sure keyboard focus is clearly visible while navigating through a web page.
Constrain focus within a responsive menu or dialog component.
Restore the keyboard focus after completing a task or action.
Automatically setting a focus location when a page loads can be confusing and unwanted.
Do not surprise users with unexpected behavior on input, focus or hover.
Make sure keyboard users are always able to navigate away from components on a web page.
← Back to: Frontend code
WP Accessibility Knowledge Base