Name the destination
Replace repeated “Learn more” links with text that still makes sense out of context.
Learn more
Pattern library
Small choices, clearer services.
Each pattern pairs a common problem with an observable improvement. Use them as discussion starters, not a substitute for testing.
Put instructions before the field
People should not need to fail before discovering a format rule. Show necessary guidance in the label or description.
Reference number
Enter the 8 characters shown on your letter.
Keep focus unmistakable
A keyboard user needs to see where they are. Focus indicators should not depend on a subtle colour shift.
Separate state from colour
Use words, icons or position in addition to colour so status survives low contrast and colour-vision differences.
✓ Complete
Identity details saved
Say what happened and how to fix it
“Invalid input” names neither the field nor the action. Keep the message specific and connected to the control.
Email address
Enter an address in the format name@example.com.
Preserve useful work
When validation fails, keep valid answers, focus the error summary and link each message back to its field.
There are 2 things to fix