Skip to main content
RAWEBA

11.10 In each form, is the error management used appropriately (excluding special cases)?

WCAG references
  • 3.3.1 Error Identification (A)
  • 3.3.2 Labels or Instructions (A)
Techniques
  • ARIA1
  • ARIA2
  • ARIA6
  • ARIA9
  • ARIA16
  • ARIA21
  • F81
  • G83
  • G84
  • G85
  • G89
  • G139
  • G184
  • H44
  • H81
  • H89
  • H90
  • SCR18
  • SCR32

Official methodology to test criterion 11.10

Test 1 (11.10.1)

  1. Find the mandatory form fields in the document.
  2. For each form field, check that before data is entered:
    • either a mandatory field indication is visible and allows the field in question to be identified by name;
    • or a mandatory field indication is given by the presence of the aria-required="true" or required attribute on the field before data is entered;
    • or an optional field indication is visible and allows the field in question to be identified by name.
  3. If this is the case, the test is validated.

Test 2 (11.10.2)

  1. Find in the document the mandatory form fields that have an aria-required="true" or required attribute.
  2. For each form field, check that before entering data:
    • either a mandatory field indication is visible and allows the relevant field to be identified by name;
    • or a mandatory field indication is visible and located in the label associated with the field;
    • or a mandatory field indicator is visible and located in the passage of text associated with the field;
    • or a mandatory field indicator is visible and located in the legend associated with the group of fields.
  3. If this is the case, the test is validated.

Test 3 (11.10.3)

  1. Find in the document the error messages indicating that a mandatory field has not been entered.
  2. For each error message, check that
    • either the error message is visible and allows the field concerned to be identified by name;
    • or the mandatory field associated with the error message has an aria-invalid="true" attribute.
  3. If this is the case for each error message indicating that a mandatory field has not been entered, the test is validated.

Test 4 (11.10.4)

  1. Find in the document the form fields which have an aria-invalid="true" attribute.
  2. For each form field, check that
    • either the error message indicating that the input is invalid is visible and located in the label associated with the field;
    • or the error message indicating that the input is invalid is visible and located in the passage of text associated with the field.
  3. If this is the case for each form field which has an aria-invalid="true" attribute, the test is validated.

Test 5 (11.10.5)

  1. Fill in the form fields with values that are likely to cause input errors (e.g. enter an invalid email address).
  2. Validate the form.
  3. For each form field that has a format check, verify that the instruction or indication of the required data type and/or format:
    • is indicated before input;
    • is clearly visible;
    • allows the relevant field to be identified by name or is included in the label or passage of text associated with the field.
  4. If this is the case for each form field associated with an instruction or indication of the mandatory data type and/or format, the test is validated.

Test 6 (11.10.6)

  1. Find in the document error messages that provide an instruction or indication of data type and/or mandatory format for a field.
  2. For each error message, check that
    • either the error message is visible and allows the field concerned to be identified;
    • or the field associated with the error message has an aria-invalid="true" attribute.
  3. If this is the case for each error message indicating that a mandatory field has not been entered, the test is validated.

Test 7 (11.10.7)

  1. Find in the document the form fields which have an aria-invalid="true" attribute.
  2. For each form field, check that
    • either an instruction or indication of data type and/or mandatory format is visible and located in the <label> element associated with the field;
    • or an instruction or indication of data type and/or mandatory format is visible and located in the passage of text associated with the field.
  3. If this is the case for each form field which has an aria-invalid="true" attribute, the test is validated.