Consistency

Consistent navigation

From one page to the next, the relative order of components on the page and of links within navigation blocks should remain unchanged. Components or links may be removed or inserted, but the relative order should stay the same.

Ensuring that repeated components and links occur in the same order on each page helps users predict where they can find things. This helps users with cognitive limitations, with low vision, with intellectual disabilities, and helps users who are blind.

Related WCAG resources

Related WCAG resources

Success criteria

Techniques

Failures

Consistent identification

From one page to the next, identical functional components should be consistently named. For instance, a widget named "Search" on one page is named "Search" on the other pages, not sometimes "Find". If identical functions have different names on different web pages, the site will be considerably more difficult for screen reader users and users with cognitive limitations.

The need for consistency extends to text alternatives; e.g., if icons or other non-text items have identical functionality, then their text alternatives should be consistent as well.

Icons and alt text before and after remediation
Page Before
(different icons, different text alternatives)
After
(same icon, same text alternative)
1

an unusual icon for Wordalt="Word document"

an unusual icon for PDFalt="pdf document"

the popular icon for Wordalt="Word document"

the popular icon for PDFalt="PDF document"

2

an unusual icon for Wordalt="download doc"

an unusual icon for PDFalt="download Adobe file"

the popular icon for Wordalt="Word document"

the popular icon for PDFalt="PDF document"

3

the popular icon for Wordalt="get Word version"

the popular icon for PDFalt="get PDF version"

the popular icon for Wordalt="Word document"

the popular icon for PDFalt="PDF document"

Related WCAG resources

Related WCAG resources

Success criteria

Techniques

Failures

Back to top