Validation - success
Link to audit and desk research:
1. Upload examples of what you've used for your project (and what worked/didn't work)
2. Comment on the patterns that are posted below (and why you think it works, doesn't work)
The audit uncovered that there are two styles currently being used and this is one of them:
Field outline turns green after you've completed filling in the field.
It doesn't necessarily mean that what you've provided is correct, but more that it matches the required value of that specific field.
I believe that this may not be accessible, but need to confirm this.
The second type of inline success validation seen in the audit was the tick:
Tick appears after you've completed the field and the focus goes off the field.
Similar to the above pattern, the tick confirms that the info provided was in the right format/value, but not that the info was actually correct.
Can we combine both together perhaps. I like the top one where the outline turns green. But the green line means little to me alone. If the tick to the side also appeared on tabbing or click the next field, and then faded away to nothing. Leaving the green line. Id feel more reassured that i got something correct. The green line would be a reminder im on track.