contentinfo-landmark

Description

The contentinfo-landmark rule ensures that footer content of a page is correctly identified using the contentinfo landmark.

This rule meets WCAG requirements by:

1. Exposing Structure (WCAG 1.3.1 Info and Relationships): It programmatically determines the main region containing information about the parent document (e.g., copyright, privacy links).
2. Enabling Navigation (WCAG 2.4.1 Bypass Blocks): It allows users of assistive technologies (like screen readers) to quickly jump to the end of the page or bypass this block of repeated content efficiently.

To comply with this rule, you need to wrap the footer content in a <footer> element or use the role="contentinfo" ARIA attribute on the element containing the page’s footer content.

Examples

In the following incorrect example, the footer content is not wrapped in a <footer> tag. A role="contentinfo" is not used either. The absence of both removes semantic meaning from the footer content.

The following corrected example includes the <footer> tag, ensuring the landmark is explicitly exposed to assistive technologies.

How to fix?

To fix violations of the contentinfo-landmark rule, follow these steps:

• Identify the element that contains the primary footer content for the document.

• Enclose the element in a <footer> tag, or use role="contentinfo" attribute to this container element.

• If you have secondary footers (e.g., a footer within an <article>), do not apply role="contentinfo" to them.

Reference

• WCAG Success Criterion 1.3.1: Info and Relationships

• WCAG Success Criterion 2.4.1: Bypass Blocks