Guideline 2.4 – Navigable – Provide ways to help users navigate, find content, and determine where they are,
2.4.1 Bypass Blocks (Level A)
- A link is provided to skip navigation and other page elements that are repeated across web pages.
- If a page has a proper heading structure, this may be considered a sufficient technique instead of a “Skip to main content” link. Note that navigating by headings is not yet supported in all browsers.
- If a page uses frames and the frames are appropriately titled, this is a sufficient technique for bypassing individual frames.
Yes. Page design incorporates visual tab stops
2.4.2 Page Titled (Level A)
The web page has a descriptive and informative page title.
Yes. Each page uses title and appropriate header tags.
2.4.3 Focus Order (Level A)
The navigation order of links, form elements, etc. is logical and intuitive.
Yes. Pages are laid out with a logical tab order.
2.4.4 Link Purpose (In Context) (Level A)
- The purpose of each link (or form image button or image map hotspot) can be determined from the link text alone, or from the link text and it’s context (e.g., surrounding paragraph, list item, table cell, or table headers).
- Links (or form image buttons) with the same text that go to different locations are readily distinguishable.
Yes. Hyperlinks are contextual in nature with a relevant description associated with them.
2.4.5 Multiple Ways (Level AA)
Multiple ways are available to find other web pages on the site ‐ at least two of: a list of related pages, table of contents, site map, site search, or list of all available web pages.
Yes. Pages use a consistent, hierarchical navigation mechanism that can be operated alongside browser search-and-find, as well as assistive technologies.
2.4.6 Headings and Labels (Level AA)
Page headings and labels for form and interactive controls are informative. Avoid duplicating heading (e.g., “More Details”) or label text (e.g., “First Name”) unless the structure provides adequate differentiation between them.
Pages are designed to have relevant descriptions, headers, and labels. Duplication is avoided to prevent effective use with assistive technologies.
2.4.7 Focus Visible (Level AA)
It is visually apparent which page element has the current keyboard focus (i.e., as you tab through the page, you can see where you are).
Pages are laid out with a logical tab order.
2.4.8 Location (Level AAA)
If a web page is part of a sequence of pages or within a complex site structure, an indication of the current page location is provided, for example, through breadcrumbs or specifying the current step in a sequence (e.g., “Step 2 of 5 ‐ Shipping Address”).
Page titles, headings and navigation elements indicate locations across the site structure. This includes the use of consistent breadcrumbs to indicate current location.
2.4.9 Link Purpose (Link Only) (Level AAA)
- The purpose of each link (or form image button or image map hotspot) can be determined from the link text alone.
- There are no links (or form image buttons) with the same text that go to different locations.
Hyperlinks are contextual in nature with a relevant description associated with them.
2.4.10 Section Headings (Level AAA)
Beyond providing an overall document structure, individual sections of content are designated using headings, where appropriate.
Both titles and headings are used for the purposes of organizing overall site structure.