Summary
Sam flagged that the hero form on /practice-areas/ had no visible labels and might not work. Live inspection confirmed both concerns: the original form used screen-reader-only labels for sighted users and onsubmit="event.preventDefault(); window.location.href='tel:5028888888';", so entered form data was discarded and the user was redirected to phone only.
Work completed
- Backed up the published page content before edits.
- Replaced the fake inline form with the registered
[sal_contact_intake] shortcode through the WordPress REST API.
- Added page-scoped styling so the shortcode form fits the existing hero card.
- Added a small page-scoped contrast fix for the consent label, because the shortcode initially rendered consent text white inside the white hero card.
- Kept the page published and confirmed the normal public URL now serves the repaired form, not a stale cached version.
Verification
- Public
/practice-areas/ returned cache MISS, age: 0, and rendered the fixed form.
- Rendered form class:
.sa-custom-contact-intake-form.
- Form action:
https://aguiarinjurylawyers.com/practice-areas/.
- REST endpoint:
https://aguiarinjurylawyers.com/?rest_route=/sal/v1/contact-intake.
- Fake
tel: submit handler: absent.
- Visible labels confirmed at desktop and mobile: Full Name, Phone Number, Email Address, Case Type, Were You Injured, Tell Us What Happened, consent.
- Hidden attribution fields confirmed:
page_url, page_title, referrer, gclid, utm_source, utm_medium, utm_campaign, nonce, landing/last page fields, and click IDs.
- Phone field is
type=tel.
- Consent checkbox is required.
- Honeypot field is present.
- Desktop and mobile Playwright QA passed with no horizontal overflow.