2.10 Links do not have descriptive text (H)

FIGURE 2.21: Links within the Actions to be Taken section highlighted on the Monitoring patient information page

2.10.1 WCAG 2.4.4 (A) - Desktop

On the Patient Information page, users can open a modal detailing the actions to be taken by clicking on the right chevron icon within the ‘Actions to be taken’ section.

For screen reader users, the element is announced as “void link”. Screen reader users often navigate pages using link text and it is necessary for this to be informative to help them get a better understanding of the page structure.

2.10.2 Code Snippet

<a  href="javascript:void(0)" tabindex="3" >
<i _ngcontent-fdl-c124="" aria-hidden="true" class="fa fa-chevron-right ml-2 mt-1 fs10 light-text">
</i></a>

2.10.3 Recommendation

We recommend grouping the elements of each row within the ‘Actions to be taken’ section to be focusable instead of just highlighting the chevron icon. The chevron icon could then be assigned a null alt text (alt="") while screen readers announce the link text.

Alternatively, the icon could be provided with an accessible label that announces the link text to screen reader users.

2.10.4 Spot check: December 2022

FIGURE 2.22: Chevron elements and NVDA speech viewer highlighted on patient details page

This issue is unresolved. Now announced as “View action card link”. Please refer to the recommendation above to fix the issue.

---