Landmark No Duplicate Contentinfo
Minor - WCAG LEVEL AAA
The issue with having multiple contentinfo landmarks in a document is that it can create confusion for users of assistive technologies, such as screen readers. The contentinfo landmark is intended to provide a consistent way to identify the footer of a page, which typically contains information about the site, copyright details, or contact information. When multiple contentinfo landmarks are present, it can lead to ambiguity and make it difficult for users to understand the structure of the page, as they might encounter multiple footers or be unsure which one contains the relevant information.
To fix this issue:
Ensure that your document contains only one contentinfo landmark. This is typically achieved by using a single
<footer>element or an element withrole="contentinfo".If your page has multiple sections that might seem like footers, consider whether they can be combined into a single footer or if some sections should be reclassified using different landmarks, such as
complementaryorregion.
Best practices:
Using semantic HTML elements like
<footer>to automatically provide the contentinfo role.Ensuring that the footer contains relevant information that users expect to find in a footer.
Avoiding the use of
role="contentinfo"on multiple elements.
Common mistakes to avoid:
Assigning
role="contentinfo"to elements that are not footers.Using multiple
<footer>elements without clear distinction or necessity.Overlooking the need to consolidate footer information into a single, coherent section.