Contact template

Before / after review

This comparison focuses on the contact and form structure that the team can review and approve most easily.

Back to review index

Before

Captured storefront snapshot

Original public contact page used as the reference state.

After review build

Corrected accessibility direction

Focused on form semantics, page structure, and clearer assistive cues.

Audit findings addressed here

  • `heading-order` on contact page
  • Form labeling and autocomplete
  • `landmark-unique` and `region` cleanup
  • Visible keyboard focus

What changes on the contact template

  • Heading order clearer.
  • Form labels explicit with autocomplete.
  • Landmarks simplified.
  • Focus visibility and keyboard review.

What the team should compare

  • Page still feels like the same contact experience.
  • Form remains straightforward.
  • Office information still prominent.

Carve-outs

  • Gravity Forms plugin behavior needs live verification.
  • Form submission and anti-spam needs testing.
  • WordPress theme contact template updates.