Before
Captured storefront snapshot
Original public contact page used as the reference state.
Contact template
Before / after review
This comparison focuses on the content and form structure that Cooper's team is most likely to understand and approve quickly.
Back to review indexAfter blueprint
Corrected accessibility direction
Focused on form semantics, page structure, and clearer assistive cues.
Audit findings addressed here
- `heading-order` on the contact page
- Form labeling and autocomplete expectations from the deeper scan
- `landmark-unique` and `region` structure cleanup
- Visible keyboard focus and clearer assistive cues
What changes on the contact template
- Heading order becomes easier to follow with one clear top-level page purpose.
- Form labels, instructions, and autocomplete expectations are clarified.
- Landmark structure is simplified so assistive tech can move through the page cleanly.
- Focus visibility and keyboard review become explicit requirements.
What Cooper should compare
- The page still feels like the same Hemlock contact experience.
- The form remains simple and not over-engineered.
- Clarity improves without changing the tone of the brand.
Carve-outs
- The actual form implementation still needs to be updated in the live Shopify theme.
- Submission behavior and any anti-spam tooling still need live verification.
- Final form testing should include keyboard and error-state review after implementation.