Web Forms Style Guide
1
Introduction
2
Form Design
2.1
Best Practices
2.1.1
Make forms as short as possible
2.1.2
Multiple screens or a single page?
2.1.3
Keep a single column format
2.1.4
Have a Logical Question Order
2.1.5
Use Minimal Color
2.1.6
Form must be accessible
2.1.7
Pre-fill fields when possible
2.1.8
Use Progressive Disclosure (Conditional logic)
2.1.9
Keep tab order consistent with input order
2.1.10
Distinguish between Optional and Required fields:
2.1.11
Align fields
2.1.12
Let the user know where they are
2.1.13
Use a gateway and confirmation screen
3
Form Components
3.1
Component Types
3.1.1
Input text field
3.1.2
Radio Buttons
3.1.3
Check Boxes
3.1.4
Dropdowns
3.1.5
Links
3.1.6
Buttons
4
Form Validation
4.0.1
When to validate?
5
Form Documentation
6
Form Testing
Resources
Published with bookdown
Web Forms Style Guide
Section 6
Form Testing
Testing forms