8.1 Information is presented as headings instead of a table (H)

BSc (Hons) Accounting and Finance information highlighted on the

FIGURE 8.1: BSc (Hons) Accounting and Finance information highlighted on the

Document outline highlighted

FIGURE 8.2: Document outline highlighted

postgraduates/architecture-march page

FIGURE 8.3: postgraduates/architecture-march page

Document outline on Architecture March page

FIGURE 8.4: Document outline on Architecture March page

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.