JS Form Checklist

Sometimes rich forms lack accessibility and basic functionality. Having a checklist might help not to miss these cases:

• Does the Enter key submit the form?
• Does pressing the Tab key move focus to the next interactive element and highlight it?
• Do inputs have labels?
• Do clicking checkbox labels, the text, tick the checkboxes?
• Do dropdowns and selects allow typing and filtering?
• Are inputs forgiving to white spaces?
• Does the form function with just the keyboard?
• Do validation messages keep all inputs in the same place?
• Does validation kick in only when there’s an error after the first attempt to submit?
• If the form is small, does submit function without requiring to download a huge JS file?
• Are there test cases for at least some of these?

Answers to all items should be yes.