How to Build Accessible Forms

1. Use Form Labels

Field labels help responders understand the purpose of a form field. Even if you hide the field label, use a descriptive text since it helps with accessibility.

Using field labels for form accessibility

2. Image Descriptions

Checkbox and showcase fields use this format for setting options:

Value==Text==Image URL

Example

20==Burger==http://example.com/burger.png

Don't omit the text 'Burger' since it describes the image, using the alt attribute.

3. Color Contrast

Use contrasting colors. This helps people with low contrast sensitivity, and older people.

Here is a resource to learn more about the importance of contrasting colors:

https://www.w3.org/WAI/perspective-videos/contrast/

Using good color contrast for accessibility

What Else?

FormCrafts does the heavy lifting behind the scenes by using the appropriate aria labels, HTML tags, and other accessibility components.

Is there an accessibility feature you would like to see? Let us know.