Photographer website accessibility: galleries, lightboxes, booking and print shops

Photographers, videographers and other visual creatives often have the most image-heavy small-business sites on the web. That's the point of a portfolio, but it also means the parts that win bookings (the inquiry form, the pricing, the "Book a session" button) can get buried under full-screen galleries and text set over photos. Couples, families and businesses with disabilities hire photographers too. Here's what to check, in the order a client meets it.

1. Alt text that matches the job of each photo

Not every portfolio image needs a long description, but each one needs a decision. A photo that sells a service can get short alt text such as "Bride and groom laughing under an oak tree at golden hour" (example). Purely decorative background images can use alt="". Don't fill alt text with keyword lists like "Tulsa wedding photographer best photographer". (WCAG 1.1.1) See alt text examples and reviewing AI-generated alt text.

2. Galleries and lightboxes that work with a keyboard

Click a thumbnail, and many lightboxes open a full-screen viewer with icon-only arrows and an "X" that keyboard users can't reach or close. Check that Tab reaches each thumbnail, Enter opens it, the arrow buttons have names, Escape closes the viewer and focus goes back to the thumbnail you opened. (WCAG 2.1.1, WCAG 2.4.7, WCAG 4.1.2)

<button type="button" class="lightbox-prev" aria-label="Previous photo">‹</button>
<button type="button" class="lightbox-next" aria-label="Next photo">›</button>
<button type="button" class="lightbox-close" aria-label="Close gallery">×</button>

3. Text over photos and image-only headlines

Thin white text on a bright photo is the classic portfolio look, and it often fails contrast. Add a dark overlay or move the text onto a solid band so it reaches 4.5:1. Headlines and price lists baked into a graphic can't be read aloud or zoomed cleanly, so use real text. (WCAG 1.4.3, WCAG 1.4.5) See our contrast guide.

4. Auto-playing slideshows and showreels

A full-screen homepage slideshow or showreel that moves on its own needs a visible pause control, and video shouldn't autoplay with sound. (WCAG 2.2.2) See accessible sliders and carousels and video captions.

5. Inquiry and booking forms

The inquiry form is where a portfolio turns into a booking. Every field (name, email, event date, session type, location) needs a visible label, not grey placeholder text, and errors should say exactly what to fix. If you use a scheduling or CRM widget, test it with only the keyboard and put your email beside it as a fallback. (WCAG 3.3.2) See accessible contact forms and the booking widget test.

<label for="event-date">Event or session date</label>
<input id="event-date" name="event-date" type="date">

6. Packages and prices as text

"Investment" pages are often a designed PDF or a screenshot. Put package names, what's included and starting prices in real text or a simple table, so they can be read aloud, zoomed and found by search engines. See accessible tables for prices and accessible PDFs.

7. Client proofing galleries, print shops and digital downloads

Proofing and shop platforms handle favorites, carts and checkout for you, so test them yourself: can you add a photo to a cart, choose a size and pay using only the keyboard? Are "Download" and "Add to cart" buttons named for the photo they act on? (WCAG 2.4.4) See online store checkout.

Built your site with an AI builder?

More photographers are prompting tools such as Claude Code, Lovable or v0 to build a gallery, a private client area and a download shop. Those sites often ship clickable images without buttons, unnamed icon controls and the same page title everywhere. Add "make every gallery and lightbox keyboard-accessible with named buttons, visible focus and Escape to close" to your prompt, then check the result. See 8 checks for AI-built websites.

Common mistakes

• The contact page is a single "Let's talk" image linking to an email address.
• Every gallery image has the file name as alt text, such as "IMG_4821.jpg".
• Right-click and copy protection scripts that also block keyboard use.
• Light grey caption text in a thin font on white.

A 15-minute check you can do today

1. Press Tab from the top of your homepage, open a gallery photo, move to the next one and close it, without a mouse. Our keyboard test explains what to look for.
2. Submit your inquiry form with the date left empty and read the error.
3. Zoom your browser to 200% on a phone-sized window and check your packages are still readable. (WCAG 1.4.10)
4. Run a free homepage snapshot to catch missing alt text, unnamed buttons, labels and low-contrast text.

Platform steps: Squarespace, Wix, WordPress, Shopify. Our scan is automated, so it finds only part of the barriers on this page and doesn't test lightboxes, proofing galleries or checkout flows for you. Related: salon and spa websites, hotel and B&B websites, wedding and event venue websites, 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

• Insurance agency and financial advisor website accessibility: quote forms, calculators and disclosures
• Wedding and event venue website accessibility: tours, availability, pricing and floor plans
• 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.