Feedback / The visual dictionary

Error summary.

A collected explanation of problems that need correction.

Also calledvalidation summaryerror list
01

See it in context

UI illustration
! Please fix 2 details

An error summary brings multiple errors together near the start of a form or task. Each listed problem should link to the relevant field so users can recover without searching the page.

When to use it

Use after an attempt to submit several invalid fields.

Know the difference

An error summary groups issues; an inline validation message explains one field’s issue in place.

WebiOSiPadOSAndroidmacOSWindowsLinuxvisionOS

iOS · iPadOS · macOS · visionOS

Use the native platform presentation and terminology; adapt density and interaction to touch, pointer, remote, or spatial input rather than copying a phone-sized view.

Web · Android · Windows · Linux

On the web, announce meaningful status changes without moving focus. On Android and desktop, keep messages near the relevant operation and follow the platform’s notification conventions.

Primary documentation for the pattern and its platform conventions.