Section 3.2: Predictable Content
This section of WCAG 2.1 ensures that content behaves consistently and predictably, helping users navigate and interact without confusion or surprises.
3.2.1 On Focus
When an element receives focus, it must not initiate a change in context automatically.
- Example: Below is a dropdown menu that does not change context when focused:
3.2.2 On Input
Changes to content or context must not occur automatically when input is provided unless necessary.
- Example: Below is a text field where changes occur only after the user submits:
3.2.3 Consistent Navigation
Navigation mechanisms that are repeated across pages must remain consistent in structure and order.
- Example: The navigation bar at the top of this page is consistent across all sections of this website.
3.2.4 Consistent Identification
Components with the same functionality must be consistently identified across the website.
- Example: Below are two buttons with consistent labels and design: