Additional Error messaging for LO Donation Forms

Good Afternoon - i wish to provide a problem and solution that has come up with a donor of ours who is almost totally blind and attempted to use our site to donate.

As it turns out, she had attempted a donation that didn't go through and the Error messages that came up as defaults for the fields were buried further within the context of the form.

I'm proposing a solution that would help our visually disabled donors realize the issue without look around for it, and it seems to be an easy fix and that is this:

- In the Top-of-page warning, the Warning Flag "There was a problem processing your request" should also list the issues that normally pop up around the form fields immediately under it. That way, the list is viewed/read/heard right away and then they can scan form for the field label itself.

For example:
If a user had neglected the First Name field and Credit card was invalid; the Warning Flag should read:

"There was a problem processing your request
- A first name is required
- Your credit card number is invalid."

And of course those fields would be highlighted separately within the forms below.

Other peers of ours use this donation form, and appears to behave the same way. This will help donors across multiple uses.

  • Guest
  • Jun 28 2016
  • Reviewed: Voting Open
Area of the Product Donations
Org/Company Name AmeriCares
  • Attach files
  • Wendy Wong commented
    May 16, 2017 22:18

    Additional error messaging is necessary as it is discouraging and frustrating for potential donors when they want to make an online donation but keep receiving the general error messaging and don't know what the problem was.

     

  • Lauren Fletcher commented
    March 28, 2017 21:00

    We definitely need the warning message to specify the error to make this more user friendly; it's damaging to our reputation and our relationships with donors. 

  • Guest commented
    March 27, 2017 22:41

     Although I haven't used this specific form, I understand that those fields with a red asterisk are required. Can I presume that, if a field is not completed correctly, the red asterisk will flag it for an update. Can the error message indicate the user should look for this symbol (*)?

  • Patricia Gooch commented
    March 27, 2017 18:48

    We are also experiencing this issue with our donors. Another related issue is the e-Card character limit within the donation form.  WE currently have a message stating the character limit, but the cursor does not stop/freeze if a donor exceeds the limit. Then when they attempt to process payment, the general error message appears on their screen. They have to scroll down to see the character exceeding, so most do not see that and assume there is a problem with their credit card. This leads them to phone me and I have to perform a workaround. Is there any way to cue donors who exceed the character limit by programming the cursor to stop moving?  For example, https://www.cs.tut.fi/~jkorpela/forms/textarea.html#simple