Landscaping, lawn care and pest control website accessibility: quote forms, service areas, plans and photos
Accessibility fixes for landscaping, lawn care, tree service and pest control websites: estimate request forms, service-area lists, seasonal plans as real tables, before-and-after photos, scheduling, customer portals and autopay, and treatment notices.
Landscaping, lawn care, tree service and pest control companies win most of their work from one page: "Get a free estimate". Around that page sit a service-area map, seasonal plan prices, before-and-after photo galleries, an online scheduler and, for recurring customers, a portal for bills, autopay and treatment notices. Customers who use a screen reader, magnifier, keyboard or voice control, and older homeowners on a phone, often get stuck on placeholder-only quote forms, plan prices posted as images, map-only service areas and drag-to-compare photo sliders. A homeowner who can't request a quote just calls the next company. Here's what to check.
1. Estimate and quote request forms
Give every field a visible label, mark required fields in text, use autocomplete for name, phone, email and address, and group service choices in a fieldset with a legend. Error messages should say what to fix ("Enter a 5-digit ZIP code"), and the confirmation should be announced, not just a green tick. (WCAG 3.3.2, WCAG 1.3.5, WCAG 3.3.1, WCAG 4.1.3)
<form>
<label for="q-name">Your name (required)</label>
<input id="q-name" name="name" autocomplete="name" required>
<label for="q-street">Property address (required)</label>
<input id="q-street" name="street" autocomplete="street-address" required>
<label for="q-zip">ZIP code (required)</label>
<input id="q-zip" name="zip" autocomplete="postal-code" inputmode="numeric" aria-describedby="q-zip-err" required>
<p id="q-zip-err"></p>
<fieldset>
<legend>What do you need? (choose any)</legend>
<label><input type="checkbox" name="svc" value="mowing"> Weekly mowing</label>
<label><input type="checkbox" name="svc" value="cleanup"> Fall leaf cleanup</label>
<label><input type="checkbox" name="svc" value="pest"> Pest inspection</label>
</fieldset>
<button type="submit">Request my free estimate</button>
<p role="status" id="q-status"></p>
</form>
<!-- example values; fill q-zip-err with a plain-words error and q-status with "Thanks, we got your request..." -->
See accessible contact forms and form error messages.
2. Service areas in text, not only on a map
A shaded map of your coverage area tells a screen-reader user nothing, and a keyboard user can get stuck in the map controls. List the towns or ZIP codes you serve as text, and give any map embed a title. (WCAG 1.1.1, WCAG 4.1.2)
<h2>Where we work</h2> <p>We serve Jenks, Bixby, Glenpool and south Tulsa (ZIP codes 74037, 74008, 74033, 74133).</p> <iframe src="https://www.google.com/maps/embed?..." title="Map of our service area"></iframe> <!-- example towns and ZIP codes, use your own -->
Our location page and map embed guide has more.
3. Seasonal plans and prices as a real table
Lawn programs and pest plans are often shown as a graphic with ticks and crosses. Use a real table with header cells, say what's included in words ("Included", "Not included") rather than only coloured icons, and keep "starting at" prices honest. (WCAG 1.3.1, WCAG 1.4.1, WCAG 1.4.5)
<table>
<caption>Lawn care plans (prices for lawns up to 5,000 sq ft)</caption>
<thead><tr><th scope="col">Service</th><th scope="col">Basic, $45 per visit</th><th scope="col">Full season, $59 per visit</th></tr></thead>
<tbody>
<tr><th scope="row">Mowing and edging</th><td>Included</td><td>Included</td></tr>
<tr><th scope="row">Fertilizer, 4 rounds</th><td>Not included</td><td>Included</td></tr>
</tbody>
</table>
<!-- example plans and prices, use your own -->
See accessible pricing tables.
4. Before-and-after photos and galleries
Describe what changed in the alt text, not just "project photo". Drag-to-compare sliders need buttons or two separate photos as an alternative, and auto-rotating galleries need a pause button. (WCAG 1.1.1, WCAG 2.5.7, WCAG 2.2.2)
<figure> <img src="patio-before.jpg" alt="Before: bare dirt slope behind the house with exposed tree roots"> <img src="patio-after.jpg" alt="After: two-level stone patio with a retaining wall and new shrubs"> <figcaption>Backyard patio and retaining wall, Bixby (example project)</figcaption> </figure> <!-- example values -->
See alt text examples and accessible sliders and carousels.
5. Online scheduling and seasonal sign-ups
Whether it's a spring aeration slot or a termite inspection, test the scheduler with only the keyboard: pick a service, a date and a time window, then confirm. Time slots should be buttons with the full date and time in text, and the confirmation should be announced. Most schedulers are third-party (Jobber, Housecall Pro, GorillaDesk and similar), so ask the vendor for its accessibility conformance report (VPAT), and offer a phone, text or email option next to the widget. (WCAG 2.1.1, WCAG 2.4.11)
<fieldset> <legend>Choose an arrival window for your aeration visit</legend> <button type="button" aria-pressed="false">Tuesday, April 7, 8 to 10 AM</button> <button type="button" aria-pressed="false">Tuesday, April 7, 1 to 3 PM</button> </fieldset> <p role="status"></p> <!-- example dates and times -->
Use our booking widget test.
6. Customer portals, autopay and invoices
Recurring customers pay invoices, set up autopay and see visit history in a portal. Logins should let password managers fill and allow paste, avoid puzzle-only CAPTCHAs, and warn before a session times out. Invoices emailed as images or scanned PDFs can't be read by a screen reader; send text or a tagged PDF. (WCAG 3.3.8, WCAG 2.2.1) See accessible logins and CAPTCHA and accessible PDFs.
7. Treatment notices, safety info and visit alerts
Pest control and lawn treatment customers often need to know what was applied, how long to keep children and pets off the lawn, and when the next visit is. Put that information in real text on the page or in the email, not only on a photo of a door hanger or a yard sign, and don't rely on colour alone ("red flag means stay off"). Keep wording factual and copy product safety details from the label, not from memory. (WCAG 1.4.1, WCAG 1.4.5)
<h2>After today's visit</h2> <p>Applied: granular fertilizer, front and back lawn.</p> <p>Keep children and pets off the lawn until it has been watered in and dried (see the product label).</p> <p>Next visit: week of May 11.</p> <!-- example wording, use the details for your actual product and visit -->
8. Click-to-call, text buttons and help
Phone and text icons need a name, the number should also appear as text, and the way to reach you should be in the same place on every page. Tap targets need room on a phone. (WCAG 2.4.4, WCAG 2.5.8, WCAG 3.2.6)
<a href="tel:+19185550100">Call 918-555-0100</a> <a href="sms:+19185550100">Text us at 918-555-0100</a> <p>Prefer email or need the quote in another format? Write to [email protected].</p> <!-- example number and email, use your real contact details -->
Keep this factual and don't claim the site is "fully accessible". See the accessibility statement template.
9. Contrast, zoom, pop-ups and video
Green-on-green and white text on photos of lawns are common in this industry and often fail the 4.5:1 contrast ratio. Check the site at 200% zoom on a phone-width window, make sure "Spring special" pop-ups close with Escape and don't trap the keyboard, and caption any project or how-to videos. (WCAG 1.4.3, WCAG 1.4.10, WCAG 1.2.2) See the colour contrast guide and pop-ups and chat widgets.
Common mistakes
- Quote forms with placeholder-only fields and a red border as the only error.
- Service areas shown only as a shaded map.
- Plan prices and what's included posted as one image with coloured ticks.
- Before-and-after photos with no alt text, or drag-only comparison sliders.
- Schedulers that can't be used with a keyboard and no phone or text alternative.
- Treatment and safety notes only on a photo of a door hanger.
- Pale green or white text over lawn photos.
- An overlay widget instead of real fixes. See overlays vs real fixes.
A 15-minute check you can do today
- Using only Tab, Shift+Tab, Enter and Space, fill in your estimate form and submit it. Can you always see where you are?
- Submit it with a wrong ZIP code. Does the error say what to fix, in words?
- Find your service area without looking at the map. Is it listed as text?
- Open your plans page and check the prices are real text you can select.
- Check three gallery photos for alt text that says what changed.
- Zoom to 200% on a phone-width window. Can you still reach the call and quote buttons?
What a scan can and can't check here
Our scan is automated, so it finds only part of the barriers on the public pages it visits, such as your home, services, plans and quote pages: missing alt text, unlabelled fields and buttons, low contrast, missing page language and similar code problems. It doesn't submit your quote form, book a visit, sign in to your customer portal, read invoices or judge whether alt text describes the work well, which is why the 15-minute check matters. Our Fix-Pack scans up to 10 public pages and gives copy-paste fixes for your platform, and notes what to ask your scheduling or portal vendor for. Platform steps: WordPress, Squarespace, Wix, GoDaddy.
Related: contractor and home-service websites, house cleaning, maid service and janitorial websites, location pages and map embeds, online booking widgets.
This is general technical guidance, not legal advice, and it doesn't certify compliance with the ADA or any law, or protect against claims.
Want the fixes written for you?
Start with a free homepage snapshot. The $149 Fix-Pack scans up to 10 pages and gives copy-paste fixes for your platform within 48 hours, with a 14-day refund promise. See a sample report first.
This is general technical guidance, not legal advice, and it does not certify compliance with the ADA or any law.
Related guides
- House cleaning, maid service and janitorial website accessibility: quote forms, booking, pricing and trust info
- WCAG 2.2 explained for small-business websites
- Squarespace accessibility fixes: alt text, contrast, forms and more
- Wix accessibility fixes: a practical checklist
This guide is general technical information, not legal advice. Following it does not certify ADA or any legal compliance. Automated checks find only part of accessibility barriers.
Check your own site
Run a free homepage snapshot to see your top 3 issues in about a minute, or order the $149 Fix-Pack for up to 10 pages with copy-paste fixes for your platform.