Input

Communicate validation errors accessibly.

Use aria-invalid to indicate validation errors.

Prefer the errorText prop when the surrounding component renders the error inline—Input automatically sets aria-invalid and points aria-errormessage at the rendered error node.

Link error messages explicitly for complex validation.

Announce errors dynamically for live validation.