3.12 Duplicate ARIA id (L)

3.12.1 WCAG 4.1.1 (A) - Desktop, Automated findings

On the Case Summary Overview page, two different elements are labelled using the same ID attribute: govuk-notification-banner-title. When multiple elements in a web page share the same ID value, assistive technologies are likely to recognize only the first, and ignore others. This may break the accessibility of labels.

Section with duplicate ARIA id highlighted on Case Summary Overview page

FIGURE 3.14: Section with duplicate ARIA id highlighted on Case Summary Overview page

3.12.2 Code Snippet

<h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title"> Important </h2>

3.12.3 Recommendation

Change the ID so that each one is unique, for instance, id="govuk-notification-banner-title-1"