Page is missing skip link, headings or landmarks
A method MUST be provided to skip navigation and other page elements that are repeated across web pages.
In contrast to a sighted person's ability to visually skip past repeated content at the top of a page - such as heading graphics and navigation links - people who are blind must read content sequentially with a screen reader, starting at the top of the page. Similarly, mouse users can click directly on an element in the middle of a page, while keyboard users must tab past all links, buttons, form fields, etc. to get to an element further into a page. To help screen reader and keyboard users bypass content repeated across multiple pages, a mechanism is required - such as a skip link, good heading structure, HTML5 sectioning elements, or ARIA landmarks. This allows screen reader and keyboard users to more efficiently get to the main content of a page.
Fix this issue by using ONE or MORE of the following techniques:
- Provide a "skip to main content" link at the top of each page that goes directly to the main content area. This technique is preferred because it helps both screen reader users and keyboard users.
- Use good semantic heading structure, preferably using an <h1> element to start the main content area.
- Use HTML5 sectioning elements to mark sections of the layout. Place the main content in an HTML5 <main> section.
- Use ARIA landmark attributes to mark sections of the layout. Place the main content a container marked with role="main".