Creating form navigation for a web prototype

Create navigation within and between steps of a prototype registration form. Use semantic HTML instead of classes for CSS. Patterns for back links and branching.

Wireframing a form wizard

I sharpened my wireframing skills, uncovered form and flow improvements, and created thoroughly commented artifacts that aided my handover conversation.
Red colour #D4351C on a white backround gives sufficient contrast ratio to pass Level AA compliance with WCAG Contrast (Minimum)

Upgrading form validation messages

Our registration form wizard used a mix of inaccessible default browser error messages and ambiguous custom form validation messages in red text.
1 2 3