Technique H97:Grouping related links using the nav
element
Applicability
HTML documents that contain related links.
This technique relates to:
- 1.3.1: Info and Relationships (Sufficient when used with Making information and relationships conveyed through presentation programmatically determinable using the following techniques: )
- 2.4.1: Bypass Blocks (Advisory)
Description
The objective of this technique is to group navigation links using the HTML nav
element. The nav
element is one of several sectioning elements in HTML. Use of this markup can make
groups of links easier to locate and skip past by users of assistive technology such
as screen readers. Using semantic structures allow custom style sheets to be used
to change the presentation of groups of links while preserving their relationship.
When the nav
element is employed more than once on a page, distinguish the navigation groups by
using an aria-labelledby
or aria-label
attribute.
Not all groups of links need to use the nav
element for markup. For instance, links may be grouped in other structure such as
lists or may use ARIA markup if they do not represent a discrete section of the page.
Examples
Other sources
No endorsement implied.
Tests
Procedure
- Check that links that are visually grouped and represent a section of the page are
enclosed in a
nav
element.
Expected Results
- Check #1 is true.