Sha256: 044dcb739792d51cffc7353b93d379fe8b13f13c2d4340c2c909abf5936582fa

Contents?: true

Size: 947 Bytes

Versions: 115

Compression:

Stored size: 947 Bytes

Contents

name: Form error message
description: Use error messages for any form fields.
govuk_frontend_components:
  - error-message
accessibility_criteria: |
  All text must have a contrast ratio higher than 4.5:1 against the background colour to meet [WCAG AA](https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast)

  Error message must:

  - be associated with an input. The `error_message_id` must match the `aria-describedby` property on the input your label is associated with.

  If error message is within a label it will be announced in its entirety by screen readers. By associating error messages with inputs using `aria-describedby`, then screen readers will read the label, describe the type of input (eg radio) and then read additional text. It means users of screen readers can scan and skip options as easy as people making choices with sight.
examples:
  default:
    data:
      text: "Please enter your National Insurance Number"

Version data entries

115 entries across 115 versions & 1 rubygems

Version Path
govuk_publishing_components-16.28.0 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.27.1 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.27.0 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.26.0 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.25.0 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.24.0 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.23.0 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.22.0 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.21.0 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.20.1 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.20.0 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.19.0 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.18.0 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.17.0 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.16.0 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.15.0 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.14.1 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.14.0 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.13.0 app/views/govuk_publishing_components/components/docs/error_message.yml
govuk_publishing_components-16.12.0 app/views/govuk_publishing_components/components/docs/error_message.yml