Car dealership website accessibility: inventory search, vehicle pages, finance forms and test drives

Most car shoppers start online, and some browse with a screen reader, keyboard, screen magnifier or voice control. Dealership sites pack a lot into each page: inventory filters, photo galleries, price breakdowns, finance forms and chat pop-ups. Here's what to check so every shopper can find a vehicle and contact you.

1. Inventory search and filters

Make/model/price/mileage filters must work with the keyboard and have visible labels. Range sliders need a text input fallback or arrow-key support with the current value announced. When results update, tell screen reader users how many vehicles match, and don't move focus unexpectedly. (WCAG 2.1.1, WCAG 4.1.2, WCAG 4.1.3)

<label for="max-price">Maximum price</label>
<input id="max-price" name="max-price" type="number" step="500">
<p role="status">42 vehicles match</p>

(The count above is an example.)

2. Vehicle photos and galleries

The first photo needs alt text naming the vehicle ("2021 Honda Civic EX, blue, front three-quarter view" (example)); other gallery shots can describe the angle. Gallery arrows need names like "Next photo", and auto-advancing slideshows need a pause button. 360° spins need a text summary of the condition. (WCAG 1.1.1, WCAG 2.2.2) See accessible sliders and alt text examples.

3. Price, features and window stickers as text

Show the price, fees, mileage, VIN and key features as real text, not inside a graphic. If you link a window sticker or history report as a PDF or image, put the main details on the page too. Price breakdowns work best as a simple table or list. Don't rely on colour alone for "sale" or "sold" badges. (WCAG 1.4.5, WCAG 1.3.1, WCAG 1.4.1) See accessible tables and accessible PDFs.

4. Credit applications and trade-in forms

Finance applications are long. Give every field a visible label and the right autocomplete value, group related questions with fieldset and legend, say in words what to fix when there's an error, and don't make people retype details. Warn before a session times out and let them extend it. (WCAG 3.3.2, WCAG 3.3.1, WCAG 1.3.5, WCAG 3.3.7, WCAG 2.2.1) See form error messages.

<fieldset>
  <legend>Do you have a vehicle to trade in?</legend>
  <input type="radio" id="trade-yes" name="trade" value="yes">
  <label for="trade-yes">Yes</label>
  <input type="radio" id="trade-no" name="trade" value="no">
  <label for="trade-no">No</label>
</fieldset>
<label for="phone">Mobile phone</label>
<input id="phone" name="phone" type="tel" autocomplete="tel">

5. Test drives, service booking and calls

Test-drive and service schedulers must work with the keyboard, show available times in text (not colour alone) and have buttons big enough to tap. Put sales and service phone numbers as real tel: links so a call is always a fallback. (WCAG 2.5.8) See booking widgets.

6. Chat pop-ups, offers and video

"Get e-price" pop-ups, chat bubbles and incentive banners often cover content and trap focus. They must close with Escape, return focus where it was, and not reappear on every page. Caption walkaround and review videos, and don't auto-play sound. (WCAG 2.4.3, WCAG 1.2.2, WCAG 1.4.2) See pop-ups and chat widgets and video captions.

Common mistakes

• Price-range sliders that only work with a mouse.
• The price and fees baked into the photo.
• Gallery arrows read out as "button" with no name.
• A credit application that clears every field after one error.
• A chat pop-up that opens over the page and can't be closed with the keyboard.

A 15-minute check you can do today

1. Filter your inventory to one make and price range using only Tab, arrow keys, Space and Enter.
2. Open a vehicle page, zoom to 200%, and check the price, mileage and contact button are still readable.
3. Start a credit application, leave one required field empty and read the error. Our keyboard test explains what to look for.
4. Try to close every pop-up with Escape.
5. Run a free homepage snapshot to catch missing alt text, unnamed buttons, missing labels and low-contrast text.

Many dealerships use a website platform from their dealer software vendor; send that vendor the questions to ask your web designer and ask what they'll fix in shared templates. Avoid relying on an overlay widget instead of real fixes; see overlays vs real fixes. Our scan is automated, so it finds only part of the barriers on this page and doesn't test credit applications, inventory feeds or chat tools for you. Related: auto repair shop websites, online checkout, accessibility statement template.

This is general technical guidance, not legal advice, and it doesn't certify compliance with the ADA or any law.

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

• Brewery, winery, distillery and bar website accessibility: age gates, tap lists, events and online shops
• Self-storage and moving company website accessibility: unit pickers, quotes, rentals and gate access
• WCAG 2.2 explained for small-business websites
• Squarespace accessibility fixes: alt text, contrast, forms and more

All guides

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.