ui-ux/form-design

form design Shipped

What this lens looks for

Single-column layout, <label> top-aligned or floating, blur-event validation (not input-event), submit-event full validation, inline error messages below field using ARIA (aria-describedby), pre-fill defaults, mark optional not required

What its verifier checks

Validation triggered on blur not input; errors rendered inline below field; errors include icon + text (not color alone); aria-describedby links field to error; placeholder is not sole label