Zoey Prompts Design

Accessible Form Design

Shared by Zoey Prompts

# Goal
Redesign the [form name, e.g. checkout] form to be accessible and easy to complete.

## Requirements
- Visible labels (no placeholder-only labels).
- Inline validation with clear error text tied to the field (aria-describedby).
- Logical tab order; group related fields with fieldset/legend.
- Error summary at the top on submit.

## Constraints
- Don't rely on color alone for errors.
- Keep the same fields and backend payload.
Open in Zoey Prompts →

Write better AI coding prompts and get working code on the first try — free at zoeyprompts.com.