Form Fields

Form fields are used to collect user input and must be clear, accessible, and forgiving.

Text input

Text inputs are full-width and clearly defined using borders and spacing.

Inputs must:

• Have visible labels
• Provide clear focus indicators
• Clearly communicate error states

Error handling

Errors are communicated using:

• Text
• Visual state changes

Color alone is not used to indicate errors.

Disabled fields

Disabled fields are:

• Clearly distinguishable
• Readable
• Not focusable or editable

Accessibility

Form fields are designed to comply with WCAG 2.2 AA.

• All fields and controls are operable using a keyboard only.
• Focus order follows a logical reading order.
• All fields have visible labels.
• Error states are communicated using text in addition to visual styling.
• Focus indicators are clearly visible during keyboard navigation.

For general accessibility requirements, see Accessibility