Keyboard users navigate content in a logical and meaningful order
Ensure that when navigating a web page using a keyboard, focusable elements (like links, buttons, and form fields) receive focus in a sequence that makes sense and maintains the intended meaning and functionality of the page. This helps users understand and interact with the content efficiently.
Acceptance Criteria
Focusable components must follow a logical order that preserves the intended meaning and functionality during keyboard navigation.
Examples
• Navigating through a form should move from one input field to the next in the order they appear on the page.
• A menu should be navigated in the same order as the items are presented visually.
Exceptions
Tips
• Test navigation order using only the keyboard to ensure a logical flow.
• Use logical grouping and ordering of elements to support meaningful navigation.
How to test?
• Use the Tab key to navigate through interactive elements.
• Verify that the focus order matches the visual and functional structure of the page.