Challenge #7: Error Prevention and Feedback Challenge

Bobby Bailey

Bobby Bailey

The Challenge

Deliberately trigger an error (for example, by submitting an incomplete form) to assess how your site handles mistakes.

Step-by-Step Instructions:

  1. Identify a Form:
    • Select a contact, sign-up, or checkout form on your website where errors might occur.
  2. Trigger an Error:
    • Intentionally submit the form without completing all the required fields or by entering invalid data.
    • Optionally, use keyboard-only navigation to simulate users who rely on assistive technologies.
  3. Observe the Error Messages:
    • Note the error messages that appear. Check if they are visible, easy to understand, and properly positioned near the problematic fields.
    • Determine if the error feedback is provided in an accessible format, such as through ARIA alerts or screen reader-friendly text.
  4. Test the Correction Process:
    • Follow the instructions provided in the error messages to correct your inputs.
    • Resubmit the form to ensure that the correction process is smooth and intuitive.

Reflection Questions:

  • Clarity of Error Messages: Are the error messages clear, concise, and immediately understandable?
  • Ease of Correction: Can users quickly identify the mistake and understand how to fix it?
  • Accessibility of Feedback: Is the error feedback accessible to users with disabilities (e.g., does it work well with screen readers, and are ARIA attributes correctly implemented)?
  • Feedback Timing and Visibility: Do the error messages appear promptly and remain visible long enough for users to take note?