Long form errors banner plus inline

long-form-errors-banner-plus-inline

Long/complex form errors: critical banner at top + move focus to it + inline field errors. Dual-cite with GOV.UK error summary.

Description

On long or complex forms, errors need a critical banner at the top, focus moved to that banner, plus inline field errors (aligned with GOV.UK error summary). Pass when all three happen together after submit. Fail when there is banner only, inline only, or the banner appears without moving focus to it for keyboard and AT users.

When to use

Surfacing errors on long or complex forms after submit.

Not when

Banner-only, inline-only, or banner without moving focus to it.

Agent hint

On long forms show a top critical banner, move focus to it, and add inline errors.

Pass

Long/complex form: critical banner at top, focus moves to it, plus inline field errors.

Fail

Banner only, inline only, or focus not moved to the banner.

Citations

Polaris — Banner

https://polaris.shopify.com/components/banner