1.2 Document has active elements with the same id attribute (P)

Basic health information link highlighted as an accessibility issue using Accessibility Insights

FIGURE 1.2: Basic health information link highlighted as an accessibility issue using Accessibility Insights

1.2.1 WCAG 4.1.1 (A) - Desktop, Automated Finding

The ID attribute ‘BasicHeathInfor’ is used to identify more than one element on the page. The ID attribute uniquely identifies elements on a page and hence must be unique.

Duplicate IDs can break the accessibility of labels for forms, table header cells, etc., by the second instance being skipped by screen readers, or by client-side scripts.

1.2.2 Code Snippet

<a _ngcontent-wku-c134="" href="#BasicHeathInfor" id="BasicHeathInfor" data-toggle="tab" tabindex="4" class="d-flex moniTitle-tlt"> Basic Health Information </a>

1.2.3 Recommendation

Ensure ID attributes of all elements are unique.

1.2.4 Spot check: December 2022

This issue has been resolved.

The ID has been changed from id="BasicHeathInfor" to id="BasicHeathInforTab"

All ID attributes are now unique.

This issue has changed from a ‘Medium’ severity issue to a ‘Positive’ finding.