Website Accessibility Basics for Spiritual Businesses: WCAG and ADA Explained

You got the email. Someone from a legal firm is claiming your website violates the Americans with Disabilities Act. Or maybe a colleague mentioned it in a Facebook group and you've been quietly worrying about your dark-themed site ever since.

Here is what's actually happening, what you can do today without spending anything, and when spending money makes sense.

What WCAG and ADA Mean for a Spiritual Business Website

WCAG (Web Content Accessibility Guidelines) is the international technical standard for accessible websites. ADA Title III extends US disability protections to include public-facing business websites.

Courts in the US have increasingly ruled that websites qualify as "places of public accommodation" under the ADA. The result: small businesses with inaccessible websites face legal exposure. Reported figures suggest 4,000+ ADA website lawsuits per year against businesses in the US [VERIFY], with small e-commerce and service businesses among the common targets.

Typical settlement without going to court: $5,000-$25,000 plus the cost of fixing the site.

This is not a reason to panic. It is a reason to do the free diagnostic first.

Source: WebAIM/WAVE (2026)

The Five Most Common Violations on Spiritual Business Sites

These show up repeatedly on sites in the esoteric niche:

For mystical-aesthetic sites specifically - deep purple backgrounds, dark text, gold lettering - the color contrast issue is extremely common. Dark on dark fails the WCAG AA minimum contrast ratio of 4.5:1 for normal text.

Source: WAVE WebAIM (2026)

Free Diagnosis: WAVE Extension

WAVE (wave.webaim.org) is a free Chrome and Firefox extension built by WebAIM, a nonprofit focused on web accessibility. It is the most widely used diagnostic tool in the field and costs nothing.

How it works: install the extension, go to any page on your site, click the WAVE icon. A panel opens showing errors (red icons - critical problems) and alerts (yellow icons - things to review). Each icon is clickable and shows you exactly what the problem is and where.

Critical: WAVE diagnoses. It does not fix. You'll see the problem, then decide how to address it.

For a second diagnostic option: Chrome's built-in Lighthouse tool (in Developer Tools, under the Lighthouse tab) runs an accessibility audit with scores and specific recommendations.

Source: WAVE official (2026)

Three DIY Fixes You Can Do Without a Developer

Alt text on images. Every image on your site should have a text description for screen readers. In WordPress: go to Media Library, click any image, fill in the "Alt Text" field. In Squarespace: click an image block, find "Image Alt Text" in the settings panel. A tarot card image alt text might read: "The High Priestess tarot card - a seated figure holding a scroll between two pillars."

Color contrast. Run your site through the WAVE extension or use the WebAIM Contrast Checker (webaim.org/resources/contrastchecker). Enter your text color and background color HEX codes. The tool tells you whether you pass WCAG AA (4.5:1 minimum). If you fail: lighten the text or darken the background until the ratio passes. This is a design judgment call that you can make in your site builder without touching code.

YouTube video captions. For embedded YouTube videos on your site: go to the video in YouTube Studio, click Subtitles, and enable auto-generated captions. Then review and correct the transcript for accuracy - auto-captions for spiritual terms often produce phonetic errors. For a 20-minute meditation, correction takes about 10-15 minutes.

Source: WAVE official; thrivewebdesigns.com accessibility comparison (2026)

Overlay Tools: What They Do and What They Don't

Overlay tools like UserWay ($490/year) and accessiBe ($490-$950/year) add a JavaScript widget to your site that applies automated "fixes" for users who trigger it. They market themselves as accessibility solutions.

The important context: reportedly, over 800 accessibility professionals have signed the "Overlay Fact Sheet" opposing these products as insufficient. An overlay applies cosmetic adjustments on top of your code without changing the underlying HTML. When you cancel the subscription, the adjustments disappear. Your code remains the same.

In April 2025, the FTC reportedly fined accessiBe $1 million for claims about providing complete ADA compliance - claims the FTC found misleading.

Overlay tools are not inherently useless. They can make it easier for some users to adjust text size or contrast in the moment. But they are not a legal shield and they do not fix the underlying code.

For the full overlay comparison, see UserWay vs accessiBe for spiritual business websites.

Source: hounder.co accessibility comparison (2026)

The Real Cost Comparison

`overlay_5yr = $490 * 5 = $2,450` `real_fix = $200-$800 one_time`

A developer hired to work through the WAVE audit results and fix what WAVE found - 4 to 8 hours at $50-$100/hour - produces permanent results for $200-$800. An overlay subscription at $490/year costs $2,450 over five years and the fixes disappear if you cancel.

Source: thrivewebdesigns.com (2026); UserWay official pricing (2026)

Prioritization: What to Do First

This week, for free: Run WAVE on your homepage and your booking page. Add alt text to every image that currently shows an error. Check your main text/background color pair against the WebAIM contrast checker.

Next week: Tab through your entire site without touching the mouse. Every interactive element (buttons, links, forms) should be reachable by pressing Tab and activatable by pressing Enter. If you get stuck somewhere, note it - that's a keyboard navigation gap.

At your next site update: Share the WAVE audit results with your developer. Ask them to fix the flagged errors. This is targeted work, not a full accessibility overhaul.

Only if you receive a real legal demand: Consult an attorney before spending anything on a rapid overlay solution. An attorney who handles ADA website cases can advise on the actual exposure and appropriate response. An overlay bought in a panic may not satisfy a plaintiff who already has a lawyer.

For SEO implications of accessibility (alt text and semantic structure affect search ranking), see SEO for esoteric sites. For privacy compliance alongside accessibility, see GDPR cookie consent for spiritual businesses.

Frequently Asked Questions

Does accessibility only matter for US-based businesses?

No. The UK has the Equality Act 2010, which includes digital services. The EU Web Accessibility Directive applies to public sector sites and increasingly influences private sector expectations. Even without regulatory requirement, accessibility affects real visitors: an estimated 15-20% of people have some form of disability. That's a meaningful portion of any audience.

My site uses dark purple and gold - does it definitely fail contrast?

Not necessarily - it depends on the specific HEX values. Gold on dark purple can pass WCAG AA if the contrast ratio reaches 4.5:1. Run your actual colors through the WebAIM Contrast Checker before assuming failure. The tool gives you a yes/no answer in seconds.

Will fixing accessibility hurt my site's aesthetic?

Sometimes a small adjustment is needed - lightening text slightly or adding an alt attribute to an image. These changes are typically invisible to sighted users. The aesthetic stays intact. The only visually noticeable change might be improving contrast if your current palette fails the check - and higher contrast usually improves readability for everyone, not just accessibility users.

Is WCAG 2.1 AA compliance a legal requirement?

In the US, the ADA does not specify WCAG conformance directly - courts have used WCAG 2.1 AA as a practical reference standard in cases. Meeting WCAG 2.1 AA is a reasonable good-faith standard, not a guaranteed legal shield. For the overlay tools question and legal protection claims, see UserWay vs accessiBe and consult an attorney for your specific situation. This guide is informational, not legal advice.