1. Use form labels

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

form label accessibility
Using field labels for form label accessibility

2. Use 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. Ensure colour contrast

Use contrasting colours. 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/

Accessible forms: color contrast
Form accessibility: Using good colour contrast for accessibility

4. How FormCrafts helps you

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

Accessible forms: score

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