Section 2.4: Navigable Content
This section of WCAG 2.1 ensures that users, including those relying on assistive technologies, can navigate content efficiently using clear and consistent mechanisms.
2.4.1 Bypass Blocks
Provide mechanisms for users to skip repetitive blocks of content, such as navigation menus, to access the main content quickly.
- Example: Below is a "Skip to Content" link:
2.4.2 Page Titled
Ensure each page has a descriptive and unique title, helping users understand the page's purpose.
- Example: The title of this page, "WCAG 2.1: Section 2.4 - Navigable Content," clearly identifies its content and purpose.
2.4.3 Focus Order
Ensure users can navigate the page in a logical order when using assistive technologies like keyboards or screen readers.
- Example: Below is a simple form with a logical tab order:
2.4.4 Link Purpose (In Context)
Ensure each link's purpose is clear, even when taken out of context, by providing meaningful link text.
- Example: Below are links with meaningful text:
2.4.5 Multiple Ways
Provide multiple ways for users to access content on a website, such as search functionality, navigation menus, or a sitemap.
- Example: A search bar and navigation menu offer multiple ways to find content:
2.4.6 Headings and Labels
Ensure headings and labels describe the topic or purpose, helping users navigate content effectively.
- Example: The headings on this page clearly indicate the section they correspond to.
2.4.7 Focus Visible
Ensure that when interactive elements (such as links or buttons) receive focus, the focus is visibly highlighted.
- Example: Below is a button with visible focus: