8.1 Information is presented as headings instead of a table (H)
8.1.1 WCAG 1.3.1 (A) - Desktop
Across the site, there are examples of information which is coded as heading elements within a div container which is not accessible to screen reader users.
There is no association between the header and the relevant information and this does not help the user identify what elements they are interacting with.
In addition there are a number of missing headings, which can make it more difficult for blind screenreader users to navigate the page. Please see
8.1.2 Code Snippet
<div><h3>Start date:</h3><span>September 2022</span></div>
8.1.3 Recommendation
Consider implementing a description list to display information rather than a series of div elements. Include a description list that consists of one or more term and description groupings. Each grouping associates one or more terms (the contents of <dt>
elements) with one or more descriptions (the contents of <dd>
elements).
When updating this page, review the heading structure and use correctly nested headings and avoid missing any of them out.