blocks icon indicating copy to clipboard operation
blocks copied to clipboard

Accessibility Issue: Form submit buttons are disabled until the form is completed

Open Developer-BHN opened this issue 11 months ago • 0 comments

Description Form submit buttons are disabled until the form is completed.

Form submit buttons should not be disabled in advance of the form being completed. For assistive technology users, or for those who have a cognitive disability, the reason for the button being disabled may not be obvious, and the button itself does not convey the reason. Users who are blind might not even realise that the button is there, since disabled buttons are not in the Tab order. Disabled buttons are also harder to see, since they have lower contrast, which may make the form less usable for low-vision users.

Issue Code

<button type="button" class="uc-done-btn uc-primary-btn" disabled="">Done</button>

Recommended Code

<button type="button" class="uc-done-btn uc-primary-btn">Done</button>

Remediation Guidance

The button should be permanently enabled, with any invalid input and errors managed using form validation methods.Reword the "clear button" so that it's functionality is easier to understand. Note that because a user can only upload 1 file, removing the clear button and relying on the "Delete" button may be sufficient.

Screenshots DE33211

Issue Metadata

Applicable Standards:

3.3.1 Error Identification (Level A)

Content Type:

error

Impacted Populations

Blind (Severity: 3)Low Vision (Severity: 3)Motor Impaired (Severity: 3)Cognitively Impaired (Severity: 3)

Issue Key:

134

Developer-BHN avatar Jan 08 '25 10:01 Developer-BHN