2.30 Read only form field also announced as editable (M)

FIGURE 2.63: Form fields highlighted on the Patient Settings page

2.30.1 WCAG 3.3.2 (A) - Desktop

On the Patient Settings page, some of the form fields like ‘First Name’, ‘Date of Birth’, and ‘Family Name’ are announced as ‘read only’ but also as ‘edit’ by screen readers. This is conflicting information that would confuse users.

2.30.2 Code Snippet

<input _ngcontent-fhh-c129="" tabindex="6" id="first_name" type="text" formcontrolname="firstName" autocomplete="off" placeholder="Enter First Name" readonly="">

2.30.3 Recommendations

Since the form fields cannot be edited, only “read only” should be announced.

2.30.4 Spot check: December 2022

This issue is unresolved. Please refer to the recommendation above to fix the issue.

---