4 deleted 1 characters in body
source | link

Looking at your form, I have a couple of concerns about your feedback mechanism

  • You are relying too much on color to communicate content or feedback and a colorblind user might not be able to see the difference between the two forms and might wonder what is the error is. I just ran your "error image" against a color blindness checker and in two types of colorblindness, there is no difference between a valid and invalid input.

enter image description here

The first image is when the person is suffering from Green-Blind/Deuteranopia colorblindness

enter image description here

The second image is when the person is suffering from Red-Blind/Protanopia color blindness

Also this webAim article says that unfortunately Protanopia is the most commmon form of color blindness so you stand a good chance of confusing your users.

  • No information is provided about the kind of error : You are just denoting something is wrong by using color and not giving me any contextual information about what is the mistake. A simple situation might be that your user might have forgot to put the . in his email like testemail@com or might have entered an email in an incorrect format like this

    " testemail@test.com " - spaces

    "testmail@yahoo,com" - use of comma

In this case looking at your use of color to denote an error, all I would know is that an error has appeared but I wont know what is the validation error.

Here is an example of a form which usersuses color and validation messages to inform the users

enter image description here

Even taking the comment column, I assume that your comment column would expect a minimum number of columns and if you show an error condition due to less number of characters, the user would be confused as he has had no visual feedback

Looking at your form, I have a couple of concerns about your feedback mechanism

  • You are relying too much on color to communicate content or feedback and a colorblind user might not be able to see the difference between the two forms and might wonder what is the error is. I just ran your "error image" against a color blindness checker and in two types of colorblindness, there is no difference between a valid and invalid input.

enter image description here

The first image is when the person is suffering from Green-Blind/Deuteranopia colorblindness

enter image description here

The second image is when the person is suffering from Red-Blind/Protanopia color blindness

Also this webAim article says that unfortunately Protanopia is the most commmon form of color blindness so you stand a good chance of confusing your users.

  • No information is provided about the kind of error : You are just denoting something is wrong by using color and not giving me any contextual information about what is the mistake. A simple situation might be that your user might have forgot to put the . in his email like testemail@com or might have entered an email in an incorrect format like this

    " testemail@test.com " - spaces

    "testmail@yahoo,com" - use of comma

In this case looking at your use of color to denote an error, all I would know is that an error has appeared but I wont know what is the validation error.

Here is an example of a form which users color and validation messages to inform the users

enter image description here

Even taking the comment column, I assume that your comment column would expect a minimum number of columns and if you show an error condition due to less number of characters, the user would be confused as he has had no visual feedback

Looking at your form, I have a couple of concerns about your feedback mechanism

  • You are relying too much on color to communicate content or feedback and a colorblind user might not be able to see the difference between the two forms and might wonder what is the error is. I just ran your "error image" against a color blindness checker and in two types of colorblindness, there is no difference between a valid and invalid input.

enter image description here

The first image is when the person is suffering from Green-Blind/Deuteranopia colorblindness

enter image description here

The second image is when the person is suffering from Red-Blind/Protanopia color blindness

Also this webAim article says that unfortunately Protanopia is the most commmon form of color blindness so you stand a good chance of confusing your users.

  • No information is provided about the kind of error : You are just denoting something is wrong by using color and not giving me any contextual information about what is the mistake. A simple situation might be that your user might have forgot to put the . in his email like testemail@com or might have entered an email in an incorrect format like this

    " testemail@test.com " - spaces

    "testmail@yahoo,com" - use of comma

In this case looking at your use of color to denote an error, all I would know is that an error has appeared but I wont know what is the validation error.

Here is an example of a form which uses color and validation messages to inform the users

enter image description here

Even taking the comment column, I assume that your comment column would expect a minimum number of columns and if you show an error condition due to less number of characters, the user would be confused as he has had no visual feedback

3 deleted 11 characters in body
source | link

Looking at your form, I have a couple of concerns about your feedback mechanism

  • You are relying too much on color to communicate content or feedback and a colorblind user might not be able to see the difference between the two forms and might wonder what is the error is. I just ran your "error image" against a color blindness checker and in two types of colorblindness, there is no difference between a valid and invalid input.

enter image description here

The first image is when the person is suffering from Green-Blind/Deuteranopia colorblindness

enter image description here

The second image is when the person is suffering from Red-Blind/Protanopia color blindness

Also this webAim article says that unfortunately Protanopia is the most commmon form of color blindness so you stand a good chance of confusing your users.

  • No information is provided about the kind of error : You are just denoting something is wrong by using color and not giving me any contextual information about what is the mistake. A simple situation might be that your user might have forgot to put the . in his email like testemail@com or might have entered an email in an incorrect format like this

    " testemail@test.com " - spaces

    "testmail@yahoo,com" - use of comma

In this case looking at your use of color to denote an error, all I would know is that an error has appeared but I wont know what is the validation error.

Here is an example of a form which users colors,asteriskscolor and validation messages to inform the users

enter image description here

Even taking the comment column, I assume that your comment column would expect a minimum number of columns and if you show an error condition due to less number of characters, the user would be confused as he has had no visual feedback

Looking at your form, I have a couple of concerns about your feedback mechanism

  • You are relying too much on color to communicate content or feedback and a colorblind user might not be able to see the difference between the two forms and might wonder what is the error is. I just ran your "error image" against a color blindness checker and in two types of colorblindness, there is no difference between a valid and invalid input.

enter image description here

The first image is when the person is suffering from Green-Blind/Deuteranopia colorblindness

enter image description here

The second image is when the person is suffering from Red-Blind/Protanopia color blindness

Also this webAim article says that unfortunately Protanopia is the most commmon form of color blindness so you stand a good chance of confusing your users.

  • No information is provided about the kind of error : You are just denoting something is wrong by using color and not giving me any contextual information about what is the mistake. A simple situation might be that your user might have forgot to put the . in his email like testemail@com or might have entered an email in an incorrect format like this

    " testemail@test.com " - spaces

    "testmail@yahoo,com" - use of comma

In this case looking at your use of color to denote an error, all I would know is that an error has appeared but I wont know what is the validation error.

Here is an example of a form which users colors,asterisks and validation messages to inform the users

enter image description here

Even taking the comment column, I assume that your comment column would expect a minimum number of columns and if you show an error condition due to less number of characters, the user would be confused as he has had no visual feedback

Looking at your form, I have a couple of concerns about your feedback mechanism

  • You are relying too much on color to communicate content or feedback and a colorblind user might not be able to see the difference between the two forms and might wonder what is the error is. I just ran your "error image" against a color blindness checker and in two types of colorblindness, there is no difference between a valid and invalid input.

enter image description here

The first image is when the person is suffering from Green-Blind/Deuteranopia colorblindness

enter image description here

The second image is when the person is suffering from Red-Blind/Protanopia color blindness

Also this webAim article says that unfortunately Protanopia is the most commmon form of color blindness so you stand a good chance of confusing your users.

  • No information is provided about the kind of error : You are just denoting something is wrong by using color and not giving me any contextual information about what is the mistake. A simple situation might be that your user might have forgot to put the . in his email like testemail@com or might have entered an email in an incorrect format like this

    " testemail@test.com " - spaces

    "testmail@yahoo,com" - use of comma

In this case looking at your use of color to denote an error, all I would know is that an error has appeared but I wont know what is the validation error.

Here is an example of a form which users color and validation messages to inform the users

enter image description here

Even taking the comment column, I assume that your comment column would expect a minimum number of columns and if you show an error condition due to less number of characters, the user would be confused as he has had no visual feedback

2 added 4 characters in body
source | link

Looking at your form, I have a couple of concerns about your feedback mechanism

  • You are relying too much on color to communicate content or feedback and a colorblind user might not be able to see the difference between the two forms and might wonder what is the error is. I just ran your "error image" against a color blindness checker and in two types of colorblindness, there is no difference between a valid and invalid input.

enter image description here

The first image is when the person is suffering from Green-Blind/Deuteranopia colorblindness

enter image description here

The second image is when the person is suffering from Red-Blind/Protanopia color blindness

Also this webAim article says that unfortunately Protanopia is the most commmon form of color blindness so you stand a good chance of confusing your users.

  • No information is provided about the kind of error : You are just denoting something is wrong by using color and not giving me any contextual information about what is the mistake. A simple situation might be that your user might have forgot to put the . in his email like testemail@com or might have entered an email in an incorrect format like this

    " testemail@test.com " - spaces

    "testmail@yahoo,com" - use of comma

In this case looking at your use of color to denote an error, all I would knowall I would know is that an error has appeared but I wont know what is the validation error.

Here is that an error has appeared but I wont know what is theexample of a form which users colors,asterisks and validation error.messages to inform the users

enter image description here

Even taking the comment column, I assume that your comment column would expect a minimum number of columns and if you show an error condition due to less number of characters, the user would be confused as he has had no visual feedback

Looking at your form, I have a couple of concerns about your feedback mechanism

  • You are relying too much on color to communicate content or feedback and a colorblind user might not be able to see the difference between the two forms and might wonder what is the error is. I just ran your "error image" against a color blindness checker and in two types of colorblindness, there is no difference between a valid and invalid input.

enter image description here

The first image is when the person is suffering from Green-Blind/Deuteranopia colorblindness

enter image description here

The second image is when the person is suffering from Red-Blind/Protanopia color blindness

Also this webAim article says that unfortunately Protanopia is the most commmon form of color blindness so you stand a good chance of confusing your users.

  • No information is provided about the kind of error : You are just denoting something is wrong by using color and not giving me any contextual information about what is the mistake. A simple situation might be that your user might have forgot to put the . in his email like testemail@com or might have entered an email in an incorrect format like this

    " testemail@test.com " - spaces

    "testmail@yahoo,com" - use of comma

In this case looking at your use of color to denote an error, all I would know is that an error has appeared but I wont know what is the validation error.

Even taking the comment column, I assume that your comment column would expect a minimum number of columns and if you show an error condition due to less number of characters, the user would be confused as he has had no visual feedback

Looking at your form, I have a couple of concerns about your feedback mechanism

  • You are relying too much on color to communicate content or feedback and a colorblind user might not be able to see the difference between the two forms and might wonder what is the error is. I just ran your "error image" against a color blindness checker and in two types of colorblindness, there is no difference between a valid and invalid input.

enter image description here

The first image is when the person is suffering from Green-Blind/Deuteranopia colorblindness

enter image description here

The second image is when the person is suffering from Red-Blind/Protanopia color blindness

Also this webAim article says that unfortunately Protanopia is the most commmon form of color blindness so you stand a good chance of confusing your users.

  • No information is provided about the kind of error : You are just denoting something is wrong by using color and not giving me any contextual information about what is the mistake. A simple situation might be that your user might have forgot to put the . in his email like testemail@com or might have entered an email in an incorrect format like this

    " testemail@test.com " - spaces

    "testmail@yahoo,com" - use of comma

In this case looking at your use of color to denote an error, all I would know is that an error has appeared but I wont know what is the validation error.

Here is an example of a form which users colors,asterisks and validation messages to inform the users

enter image description here

Even taking the comment column, I assume that your comment column would expect a minimum number of columns and if you show an error condition due to less number of characters, the user would be confused as he has had no visual feedback

1
source | link