Skip to content
Industry

Performance & Accessibility for Fitness and Wellness

How a performance and accessibility engagement runs for gyms and studios: booking widgets, workout video, member forms, FTC claims and the January rush.

Last revised

Performance & accessibility for fitness and wellness comes down to a simple test: can a new member, standing in a kitchen on the first Monday of January with a phone in one hand, find a beginner class, book a spot and pay without the page stalling, the schedule collapsing sideways or a screen reader announcing a row of unlabeled buttons? For gyms, yoga and Pilates studios, boxing clubs, climbing walls, spas and on-demand workout platforms, the website is less a brochure than a front desk. The schedule, the booking flow, the membership form and the video library are the product experience before anyone walks through the door.

This playbook is for studio owners, operations leads and marketers who run those sites, and for the developers and agencies they hire. It walks through how an audit-and-fix engagement runs for this industry, phase by phase, with the fitness-specific twist at each stage: the embedded booking widget you do not fully control, the heavy workout video, the class-spot timers that expire while someone is still filling in a form, and the transformation imagery that doubles as an advertising claim.

The positions here are practical, not theoretical. Faster class schedules and booking, lighter pages for workout video, and membership forms that work with assistive technology are the three outcomes that matter most, and everything below is organized around getting them in place before the January rush.

Why fitness and wellness sites fail in the same predictable places

Fitness is a saturated market sold on transformation. Claims are scrutinized, imagery is the product, and a prospective member usually compares three or four studios in one sitting. That combination produces a specific set of technical problems that look different from, say, a restaurant or a law firm site.

The booking layer is usually third-party

Most studios run class scheduling, memberships and payments through booking software, and the website embeds that software's schedule as an iframe or a script widget. The studio controls the page around it but not the markup inside it. That is where the most common failure lives: a class schedule embedded from the booking software that loads slowly, cannot be used with a keyboard, and breaks on small phones. Because the widget renders last, it also tends to be the element that pushes the rest of the page around as it appears, which hurts layout stability.

Video is heavy and often autoplays

Studios lean on short-form video, class teasers and on-demand workout libraries. A full-bleed hero video that autoplays on a homepage is one of the heaviest things a small business site can ship, and on a mid-range phone on cellular data it can delay everything else. Autoplaying motion also creates accessibility obligations: people need a way to pause it, and fast-cut, high-contrast edits with strobing gym lights can approach flash thresholds.

The imagery is the pitch, and the pitch is a claim

Class and facility photography, honest before-and-after imagery and trainer portraits carry the sale. Large, uncompressed photos slow pages down, and missing or meaningless alternative text means screen reader users get none of the story. Before-and-after images add a second layer, because in the eyes of a regulator they are a representation about typical results, not just decoration.

Forms carry health information and time pressure

Membership sign-ups, intake questionnaires, waivers and PAR-Q style health screens ask for a lot of input on a small screen. Add a countdown that holds a spot in a popular class for a few minutes, and the form becomes a test of both speed and accessibility. People who use switch devices, screen magnification or voice control take longer, and a timer that expires without warning locks them out.

Standards and rules that shape the work

Three bodies of guidance matter for this engagement: the accessibility standard, the performance metrics that search engines and browsers report, and the advertising rules that govern what the imagery and copy can say. This section is a practical note, not legal advice.

WCAG 2.2 as the accessibility yardstick

WCAG 2.2 is the current version of the Web Content Accessibility Guidelines, and Level AA is the usual target for commercial sites. Several of its success criteria map directly onto fitness sites:

  • Captions (Prerecorded), 1.2.2 requires captions for on-demand workout videos, and Captions (Live), 1.2.4 applies to livestreamed classes at Level AA.
  • Audio Description (Prerecorded), 1.2.5 matters because instructors often demonstrate a move without naming it. Cueing moves out loud in the recording is usually cheaper than adding description later.
  • Timing Adjustable, 2.2.1 covers spot-hold timers and session timeouts: users need to be warned and able to extend in most cases.
  • Pause, Stop, Hide, 2.2.2 applies to background video and carousels that move for more than five seconds.
  • Three Flashes or Below Threshold, 2.3.1 applies to high-energy class promos cut to strobe lighting.
  • Target Size (Minimum), 2.5.8, new in 2.2, sets a 24 by 24 CSS pixel minimum (with spacing exceptions) that tiny calendar cells and "book" links often miss.
  • Focus Not Obscured (Minimum), 2.4.11, also new, catches sticky "Join now" bars and cookie banners that cover the focused element.
  • Accessible Authentication (Minimum), 3.3.8 affects member logins that rely on puzzle-style checks, and Redundant Entry, 3.3.7 covers asking for the same details twice across sign-up and waiver steps.

Gyms and health spas are named among the places of public accommodation under Title III of the Americans with Disabilities Act, and US courts and the Department of Justice have treated business websites as part of that picture. That does not mean any audit can make a site "ADA compliant" or immune from complaints; no honest supplier can promise that. What an audit can do is measure conformance against WCAG 2.2, fix what it finds and document the work.

Core Web Vitals

Google's Core Web Vitals are Largest Contentful Paint (loading), Interaction to Next Paint (responsiveness) and Cumulative Layout Shift (visual stability). Interaction to Next Paint (INP) replaced First Input Delay as a Core Web Vital in March 2024, which matters here because INP measures every tap across a visit, including the fifth date you tap on a schedule, not just the first. Google's published "good" thresholds are an LCP of 2.5 seconds or less, an INP of 200 milliseconds or less and a CLS of 0.1 or less, assessed so that at least three in every four real visits meet them.

Advertising and endorsement rules

The Federal Trade Commission actively pursues unsubstantiated health and weight-loss claims, and its endorsement guides require disclosure of material connections, such as a trainer paid as a brand ambassador or a member given free sessions for a testimonial. Before-and-after imagery is a claim and needs to be typical or clearly qualified. An accessibility audit touches this because alt text, captions and transcripts repeat the claims in text form; a caption that says "lost 40 pounds in six weeks" is as much a claim as the photo it describes.

Industry pitfalls to catch early:

  • A booking widget that looks fine on a desktop but traps keyboard focus inside its iframe, so a keyboard user can open the schedule but never leave it.
  • Class times rendered as images or canvas, which screen readers cannot read and which do not reflow when a member zooms in on a phone.
  • A spot-hold countdown that silently releases the booking while someone is still filling in a health screen.
  • Before-and-after sliders whose alt text or captions state results the studio cannot show are typical.
  • A cookie banner or "Start your free week" bar that covers the focused button on small screens.

Phase 1: Discovery around the booking stack

Every engagement starts by mapping what the studio actually owns. In fitness, that map is usually split three ways: the marketing site (often a CMS theme), the booking and membership platform, and the video host or on-demand app. The fixes available in each are different, so discovery has to establish them before any testing.

What we ask for

  • The booking platform's name and how it is embedded: iframe, JavaScript widget, redirect to a hosted page or a native integration through an API.
  • Whether the platform publishes an accessibility conformance report (a VPAT or ACR) and what configuration options it exposes, such as color themes, list versus grid views and label text.
  • The top journeys by volume: new-member intro offer, single class drop-in, class pack purchase, membership freeze or cancellation, and on-demand video playback.
  • Real-user performance data if it exists, from Google Search Console's Core Web Vitals report or an analytics tool.
  • Complaints from the front desk. The person who signs this work off is usually a studio owner who hears from members at the front desk when they could not book online, and those anecdotes are the fastest route to the real failures.

The fitness twist: decide what you can fix and what you must escalate

If the schedule is an iframe from a vendor, the studio cannot rewrite its markup. Discovery sorts every expected issue into three buckets: fix in the site, configure in the vendor's settings, or report to the vendor with evidence. Knowing the split early keeps the budget pointed at work that can land before January, and it gives the owner the documentation to press the vendor or, if the platform will not move, to justify switching.

Phase 2: Measuring speed on the pages members actually use

A homepage speed score says little about a fitness business. The pages that make money are the schedule, the intro-offer landing page, the pricing and membership page and the video library. Performance testing concentrates there.

Lab and field together

Lab tools such as Lighthouse and WebPageTest show what happens on a throttled mid-range phone and let us trace which request blocks what. Field data from real visits shows whether the problem is common enough to matter. For small studios with low traffic, field data may be thin, so we test on real devices over cellular connections as a stand-in.

Where the time goes on a typical studio page

  • Hero video or oversized hero image as the Largest Contentful Paint element, frequently several megabytes before compression.
  • The booking widget script, which often loads its own framework, fonts and tracking, then fetches the week's classes after the page has rendered.
  • Third-party tags: chat bubbles, review carousels, ad pixels and heat-mapping tools stacked up over years of campaigns.
  • Schedule interactions: tapping a day or a filter that re-renders a large grid, which is where poor INP shows up.

The fitness twist: video without the weight

Workout video does not have to be removed, only loaded with intent. A poster image as the LCP element, with the video fetched after the page settles or on tap, keeps the homepage fast. On-demand libraries benefit from adaptive streaming, sensible thumbnails and lazy loading below the fold. Our guide to video loading performance decisions covers the trade-offs in more depth, including when to self-host and when a streaming service earns its cost.

Phase 3: Accessibility testing of schedules, forms and video

The accessibility audit combines automated scanning with manual testing, because automated tools catch only a share of WCAG issues. Scanners are good at missing alt attributes, contrast failures and absent form labels; they cannot tell whether a class schedule makes sense when read aloud. Our overview of what automated accessibility testing actually catches explains where to draw that line.

Manual tests that matter for fitness

  1. Keyboard only. Tab from the page top to a class, select it, book it and pay, with focus always visible and never trapped in the widget.
  2. Screen reader on a phone. VoiceOver on iOS and TalkBack on Android: does each class read as name, time, instructor, level and spots left, or as "button, button, button"?
  3. Zoom and reflow. At 320 CSS pixels wide, does the weekly grid become a readable list, or scroll in two directions?
  4. Timers. Does a spot-hold timer announce itself, warn before expiry and offer more time?
  5. Video. Are captions accurate (not raw auto-captions), can the player be operated by keyboard, and do instructors verbally cue moves?
  6. Forms. Do health questionnaires and waivers have programmatic labels, grouped yes/no questions, clear error messages and no duplicate entry?

The fitness twist: test with the people your classes serve

Adaptive fitness programs, seniors' classes, prenatal yoga and rehab-focused Pilates attract members who are more likely to use magnification, larger text or assistive technology. If you run those programs, recruiting two or three members to try the booking flow is more revealing than any scan. Testing accessibility with real users sets out how to run those sessions respectfully and what to pay participants for their time.

  1. Early October Discovery: map the booking stack, pull field data, collect front-desk complaints and agree the priority journeys. (Illustrative planning calendar; your quote sets the actual dates.)
  2. Mid October Audit: lab and real-device performance testing on schedule, intro-offer, pricing and video pages; WCAG 2.2 AA manual and automated review.
  3. Late October Findings: a ranked issue list split into site fixes, vendor settings and vendor escalations, with effort estimates.
  4. November Remediation: image and video loading, tag cleanup, schedule fallback, form labels, timers, captions and claim review of alt text and captions.
  5. Early December Retest: the same journeys on the same devices, compared with the October baseline; vendor responses logged.
  6. Mid December to early January Change freeze on booking pages, monitoring of real-user data and front-desk feedback through the January rush.

Phase 4: Fixing the schedule and booking flow

The schedule is the single most important page on a fitness site, and it is usually the one the studio controls least. Remediation has three routes, in order of preference.

Route one: configure the vendor widget properly

Many booking platforms offer a list view in addition to a grid, custom colors, and settings for which fields appear. A list view is usually better for screen readers and small phones than a seven-column grid. Adjust brand colors to meet 4.5 to 1 contrast for text, turn off decorative animations, and make sure the embed has a meaningful iframe title such as "Class schedule and booking" rather than the default.

Route two: build an accessible layer around it

Where the platform exposes an API or a data feed, the site can render its own schedule in clean, semantic HTML: a heading for each day, a list of classes, each class a link or button whose accessible name includes class, time and instructor. The booking step can then hand off to the vendor's checkout. This is the route that most often fixes both speed and accessibility at once, because the schedule arrives with the page rather than after it.

Route three: provide an equivalent and escalate

If neither is possible before the season, publish a plain text weekly timetable on the page, with a phone number and email for booking, and send the vendor a documented issue report. This does not make the widget conformant, but it gives members an alternative while the vendor responds.

Timers, holds and waitlists

Spot-hold timers are a fitness-specific trap. When a popular spin class holds a bike for a few minutes during checkout, the countdown should be announced politely to screen readers (not every second), should warn before it expires and should offer an extension. Waitlist confirmations should appear as text, not only as a color change. For the broader interaction design behind these flows, our page on UI and UX design for fitness and wellness goes into the booking journey itself.

Phase 5: Membership forms, waivers and member accounts

Once someone has chosen a class, the membership form decides whether they finish. Fitness forms tend to be long, and they mix payment details with health questions and legal waivers.

  • Labels that persist. Placeholder text that disappears on typing is not a label. Every field needs a visible, programmatically associated label.
  • Grouped health questions. A PAR-Q style screen of yes/no questions should use fieldsets and legends so a screen reader user hears the question with each option.
  • Errors that explain themselves. "Invalid input" helps no one. "Enter your date of birth as MM/DD/YYYY" does, and it should be announced when it appears.
  • No repeated entry. If a waiver asks for name and emergency contact already given at sign-up, prefill it; WCAG 2.2's Redundant Entry criterion covers this.
  • Signable waivers. Signature pads that require drawing with a finger need a typed-name alternative. Waivers delivered as PDFs need to be tagged; that means headings, reading order, form fields and alternative text built into the file.
  • Login without puzzles. Member apps and portals should allow password managers and copy-paste, and avoid cognitive tests as the only way in.
  • Freezing and canceling. The flows members use to pause or cancel deserve the same testing as sign-up. A form that is accessible on the way in and broken on the way out is a support problem at best.

If the studio has a member app, the same principles apply natively, with platform-specific checks for dynamic type, touch targets and screen reader labels, tested with VoiceOver and TalkBack on the devices your members carry.

Phase 6: Imagery, captions and the claims inside them

The fitness twist in content remediation is that accessibility text and advertising claims overlap. Writing alt text and captions is a chance to check what the site is really saying.

Alt text that describes, not promises

A facility photo needs a short, factual description: "Row of rowing machines facing floor-to-ceiling windows." A class photo can name the class and setting. A before-and-after image should describe what is shown, with the same qualification the visible caption carries. If the visible text says results are not typical, the alt text should not quietly drop that qualifier.

Captions and transcripts for workout video

Automatic captions are a draft. They mishear exercise names, count cues and instructor names. Edit them, include meaningful sound cues such as "music builds" or "timer beeps," and publish a transcript for longer sessions. Make sure the words spoken on camera about results are the same claims the studio can support.

Compressing without losing the product

Because imagery is the product, heavy-handed compression is a false economy. Serve modern formats such as WebP or AVIF with fallbacks, size images to the slot they fill, set width and height to prevent layout shift and lazy-load anything below the first screen. The photography itself is a separate discipline; the best results come from shooting and retouching with web delivery in mind, so honest imagery also compresses cleanly.

Myth: Installing an accessibility overlay widget makes a studio site conformant and protects it from complaints.

Reality: An overlay alone does not make a site conform to WCAG 2.2. It cannot add labels inside a third-party booking iframe, caption a workout video or fix a timer that expires without warning. Those fixes happen in the site, the vendor settings and the content.

Worked example: one studio's January booking path

The figures below are illustrative, chosen to show the arithmetic rather than to describe any real client.

Imagine a boutique studio whose intro-offer page receives 4,000 visits in the first two weeks of January. Suppose its analytics show that 180 in every 1,000 visits leave before the embedded schedule finishes loading, and that of those who see the schedule, 90 in every 1,000 book a first class.

  • Visits that reach a loaded schedule: 4,000 minus 720 (180 in every 1,000 of 4,000) equals 3,280.
  • First bookings: 90 in every 1,000 of 3,280 is about 295.

Now suppose the audit moves the schedule into server-rendered HTML with a poster image in place of the autoplay hero, and early abandonment falls to 100 in every 1,000 visits. With the same booking rate:

  • Visits that reach a loaded schedule: 4,000 minus 400 equals 3,600.
  • First bookings: 90 in every 1,000 of 3,600 is 324.

That is about 29 more first classes in two weeks from the speed change alone, before counting keyboard and screen reader users who previously could not book at all. Multiply by your own intro-offer price and conversion to membership to judge whether the work pays for itself. The point of the example is the method: measure abandonment before and after on the same page and period, and do not credit the fix with changes caused by a new campaign.

MeasureBefore (illustrative)After (illustrative)How to check it
Early abandonment on intro-offer page180 in every 1,000 visits100 in every 1,000 visitsAnalytics: sessions ending before schedule interaction
Schedule reachable by keyboardNo, focus trapped in iframeYes, full booking to paymentManual keyboard test
Class names read by screen reader"Button" with no nameClass, time, instructor, levelVoiceOver and TalkBack
Spot-hold timerSilent expiryWarning plus extensionManual test with a slow completion
On-demand captionsUnedited auto-captionsEdited captions and transcriptsSpot-check against audio

What drives the cost of an audit and remediation

Performance and accessibility work starts at $1,200.00 per audit with us. That is a starting price, and several fitness-specific factors move a quote above it.

  • Number of distinct templates and journeys. A single-location studio with a schedule, three membership options and a contact page is at the simpler end. A multi-location gym with location pages, personal training booking, childcare booking and an on-demand library has more to test.
  • Booking integration type. An iframe you cannot change means less remediation but more vendor reporting and possibly a custom schedule layer. An API integration means more build work but more control.
  • Video volume. Captioning and transcript editing scale with hours of on-demand content, not page count.
  • Member app. A native iOS and Android app is a separate audit surface.
  • Documents. Waivers, timetables and nutrition guides as PDFs add remediation work per document.
  • Who implements. If your developer makes the fixes, the engagement is audit and retest. If we implement, remediation is scoped separately.

The pricing page puts every rate next to what the US market typically charges, and a quote turns the range into one number for your volume. If you are rebuilding the site at the same time, it is usually cheaper to fold performance and accessibility into the build than to audit a site you are about to replace; our page on web design and development for fitness and wellness covers that route.

How to brief a performance and accessibility supplier

A good brief saves a week of discovery and makes quotes comparable. For a fitness business, it should be concrete about the booking stack and the season.

  • Booking and membership platform name, plan level and how the schedule is embedded on the site.
  • Video host or on-demand platform, and approximate hours of recorded classes.
  • Whether you have a member app, and who built it.
  • The five journeys that make you money, ranked, such as intro offer, drop-in, class pack, membership and on-demand subscription.
  • Access to Google Search Console and analytics, or exported Core Web Vitals and funnel data.
  • Front-desk notes on booking complaints, with dates if possible.
  • Any accessibility complaints or demand letters received (share with your counsel's agreement).
  • Your peak dates, such as the January intake or a new-location launch, and the latest date changes can go live before a freeze.
  • Who will implement fixes: in-house developer, the vendor, or the supplier.
  • The target standard, normally WCAG 2.2 Level AA, and your Core Web Vitals goals.
  • Marketing claims in use, including before-and-after images and ambassador or influencer arrangements, so alt text and captions can be checked against them.

If you would like to see how we approach this before committing, you can send a couple of your own files, such as a schedule page URL and a membership form, and see the kind of findings an audit produces.

Measuring results through the January rush and beyond

The work is checked in December, before the January rush of new members who will try to book their first class from a phone. Measurement has to cover that peak and continue afterward, because vendor updates and new campaigns can undo fixes quickly.

What to track

  • Core Web Vitals field data for the schedule, intro-offer and pricing pages, grouped by page type in Search Console.
  • Booking funnel: visits to schedule, schedule interactions, checkout starts and completed bookings, compared with the same weeks of the previous year where the data allows.
  • Front-desk and phone booking volume for people who say they could not book online; this should fall.
  • Accessibility regression checks: an automated scan on each release plus a short manual keyboard and screen reader pass on the booking journey every quarter.
  • Vendor issue log: which reported issues the booking platform has fixed, and when.

Our guide to measuring accessibility progress sets out how to turn these into a simple scorecard that an owner can read in a few minutes.

SignalHealthyNeeds attention
Largest Contentful Paint (field data)2.5 seconds or lessAbove 2.5 seconds
Interaction to Next Paint (field data)200 milliseconds or lessAbove 200 milliseconds
Cumulative Layout Shift (field data)0.1 or lessAbove 0.1
Keyboard booking testCompletes to paymentFocus lost or trapped
Screen reader class listingEvery class named with time and instructorUnlabeled buttons or images
Captions on new videosEdited before publishingAuto-captions only, or none

Keeping it fixed

Studios add pop-ups for challenges, swap hero videos each season and install new tracking for every campaign. Each of those can undo a fix. Build a small release checklist for whoever edits the site, set a page weight budget for the homepage and intro-offer page, and review third-party tags before each peak. Making this routine rather than a one-off project is the subject of our piece on making performance a team habit.

Where this work sits in a wider fitness marketing plan

Performance and accessibility sit underneath almost everything else a studio does online. A faster schedule page makes paid campaigns cheaper per booking; clean headings and labeled content help search engines understand class pages; edited captions make video usable in feeds where most people watch without sound. The engagement tends to pair naturally with conversion work on the booking funnel and with search work on location and class pages, and it should be scheduled so that neither undoes the other before January.

The order that works best for most studios is: fix the booking path first, because every other channel sends people there; then tidy imagery and video, because that is where page weight lives; then extend the checks to documents, the member app and the cancellation flow. Leave redesigns and new features until after the peak, and retest after each one.

Verdict For a fitness or wellness business, the booking schedule is the front desk. Audit it in the fall, fix what you control, configure or escalate what the vendor controls, caption the videos and check that alt text tells the same honest story as the images, then freeze changes before January and measure what members actually do.

Other work for fitness and wellness

Performance & accessibility in other sectors

More on performance & accessibility

Trying us out

The quickest way to find out if we are any good for you is to send a couple of your own files and look at what comes back. It is free and there is no card involved. If the scope is already clear, ask for a fixed price instead.

Frequently asked questions

Aim to finish fixes and retesting in December, which means starting discovery in the fall. The January intake brings the most first-time bookings from phones, and changing booking pages during that peak is risky. A second, lighter check after any major site or vendor change is worth planning too.
Usually not directly, because the widget's markup belongs to the vendor. We can configure its settings, build an accessible schedule from the vendor's data feed where one exists, provide a text alternative, and give you a documented issue report to send the vendor. That report also helps if you later compare platforms.
Under WCAG 2.2 Level A, prerecorded video with audio needs captions, and livestreamed classes need live captions at Level AA. Automatic captions are a starting point but tend to mishear exercise names and counts, so they should be edited. Instructors naming each move out loud also helps viewers who cannot see the demonstration.
No honest supplier can promise that a site is ADA compliant or safe from complaints. An audit measures the site against WCAG 2.2, the usual technical standard, ranks the problems, and documents the fixes and retests. That record of ongoing work is what you can realistically build.
Our audits start at $1,200.00. The final figure depends on the number of templates and journeys, how the booking platform is embedded, hours of video to caption, whether you have a member app, and who implements the fixes. A quote turns that into one number for your site.
Desktop tests hide the cost of autoplaying hero video, large images and third-party scripts on a mid-range phone over cellular data. Booking widgets that load after the page also delay interaction and shift the layout. Testing the schedule and intro-offer pages on real phones usually reveals the cause.
All services

The work behind this page, and what it costs.

Keep reading

More like this