Forms

Making website forms accessible is essential to ensure that all users, including those with disabilities, can interact with and submit information successfully.

Tips for making accessible forms

Use labels for input fields

Placeholder text may disappear when the user starts typing, making it inaccessible for some users. Use labels instead of placeholder text whenever possible.

Ensure sufficient contrast

Ensure that the contrast between the text and the background color of the form is sufficient. This helps users with low vision or color blindness to read the content.

Create large clickable areas

Increase the clickable area of form elements, especially checkboxes and radio buttons, to make it easier for users to select them.

Provide clear error messages

Do not rely on color alone to indicate an error. If there are errors in form submission, display clear and descriptive error messages near the relevant form fields.

Comparison of form fields

Graphic showing a side-by-side comparison of poorly formatted form fields, including small text, narrow clickable areas, and color-only error message, versus a better formatted illustration of form fields, where labels are outside input fields, sufficient clickable area size, and color plus error message.