• Main Content
  • Main Menu
  • Resources
  • Default colours
  • High Contrast
  • Mobile
Badeyes Design & Consulting
  • Home
  • About
  • Portfolio
  • News
  • Accessibility
  • Contact

Resources

  • ARIA
  • Articles
  • Tools
  • WCAG

3.3.3: Error Suggestion: (AA)

December 11, 2014 Geof

If an input error is automatically detected and suggestions for correction are
known, then the suggestions are provided to the user, unless it would jeopardize
the security or purpose of the content. (Level AA)

Sufficient Techniques for 3.3.3 – Error Suggestion

Situation A: If a mandatory field contains no information:

  • 1.G83: Providing text descriptions to identify required fields that were
    not completed

Situation B: If information for a field is required to be in a specific data
format:

  • 1.G85: Providing a text description when user input falls outside the
    required format or values
  • 2.G177: Providing suggested correction text
  • 3.SCR18: Providing client-side validation and alert
    (Scripting)
  • 4.SCR32: Providing client-side validation and adding error text via the
    DOM
    (Scripting)

Situation C: Information provided by the user is required to be one of a limited
set of values:

  • 1.G84: Providing a text description when the user provides information
    that is not in the list of allowed values
  • 2.G177: Providing suggested correction text
  • 3.SCR18: Providing client-side validation and alert
    (Scripting)
  • 4.SCR32: Providing client-side validation and adding error text via the
    DOM
    (Scripting)

Advisory Techniques for 3.3.3 – Error Suggestion

  • G139: Creating a mechanism that allows users to jump to errors
  • Making error messages easy to understand and distinguishable from
    other text in the Web page
  • Validating form submissions on the server
  • When mandatory information has not been provided, including descriptions
    or examples of correct information in addition to identifying the field as mandatory
  • Repeating and emphasizing suggestions for correcting each input
    error in the context of its form field
  • Providing a way for the user to skip from each item in a list of
    suggestions to its corresponding form field
  • Providing additional contextual help for the form field requiring
    change
  • Accepting input data in a variety of formats
  • G199: Providing success feedback when data is submitted successfully

Techniques for providing suggestions to the user (Advisory)

  • Providing a text description that contains information about the
    number of input errors, suggestions for corrections to each item, and instructions
    on how to proceed
  • Providing a text description that contains suggestions for correction
    as the first item (or one of the first items) of content, or emphasizing this
    information in the content
  • Displaying errors and suggestions in the context of the original
    form (for example, re-displaying a form where input errors and suggestions for
    correction are highlighted and displayed in the context of the original form)

HTML Techniques (Advisory)

  • Providing “correct examples” for data and data formats
    as initial text in mandatory form fields
  • Providing links to suggested correction text “close to”
    form fields, or providing the suggested correction text itself directly on the
    Web page “next to” form fields

Client-Side Scripting Techniques (Advisory)

  • SCR18: Providing client-side validation and alert
    (Scripting)
  • Providing client-side validation and adding error text via the DOM
  • Calling a function from the submit action of a form to perform client
    side validation

ARIA Techniques (Advisory)

  • ARIA2: Identifying required fields with the “required” property
    (ARIA)
  • ARIA3: Identifying valid range information with the “valuemin”
    and “valuemax” properties
    (ARIA)

http://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-suggestions.html

Post navigation

Previous Post 3.3.2: Labels or Instructions: (A) Next Post 3.3.4: Error Prevention (Legal, Financial, Data): (AA)

Right Hand Sidebar

Twitter

My Tweets

Back to Top

Copyright Since 1999 2023, Badeyes Design & Consulting All rights reserved