1.10 Skipped headings (M)

Outline of headings on homepage- missed headings highlighted

FIGURE 1.32: Outline of headings on homepage- missed headings highlighted

1.10.1 WCAG 1.3.1 (A), 2.4.6 (AA) - Desktop, Mobile

Throughout the site, there are skipped heading levels. For example on the Home page, the first heading element on the page is an h3 element, skipping the h1 and h2 elements

The purpose of heading elements is to provide structure to the document and facilitate keyboard navigation for assistive technology users.

Users may become confused or experience difficulty navigating the page when heading levels are missing.

1.10.2 Recommendation

Each page has to have a H1 with further headings nested correctly. Headings do not need to be visible and can be hidden using CSS so they are only accessible to screenreaders.

Ensure that no heading levels are skipped by using HTML to specification to ensure important information is presented in a logical and hierarchical manner. Use CSS to style the elements accordingly instead of dropping heading levels for aesthetic purposes.