ADA Compliance Audit

Logan Health Whitefish Has 30 Accessibility Violations — and Real Legal Exposure.

Your website has 30 accessibility violations across 10 pages — putting you at HIGH risk for ADA lawsuits averaging $5K-$20K per case.

30 violations found · 10 pages scanned · 8 critical

ADA Compliance Audit

Logan Health Whitefish

SCAN COMPLETE

Total

30

Critical

8

Pages

10

Risk

HIGH

Site has 30 violations. DOJ Title II deadline: April 2026. Don't wait.

See Violations

Compliance Scorecard

At a Glance

Summary of WCAG 2.1 AA compliance across all scanned pages.

Dimension Score Status
Overall Compliance 96% Passing
Critical Violations 8 Failing
Serious Violations 20 Failing
Moderate Violations 2 Pass
Pages Fully Compliant 0/10 Failing

Executive Summary

Our automated WCAG 2.1 AA scan of Logan Health Whitefish's website (logan.org) identified 30 accessibility violations across 8 unique issue types, with a 96% overall pass rate across 10 pages. This represents significant legal exposure under ADA Title II and III requirements.

The most prevalent issues are ensure each html document contains a non-empty element (7 instances) and ensure every html document has a lang attribute (7 instances). These are classified as 'serious' under WCAG guidelines — meaning they create significant barriers for users with disabilities.</p> </div><div class="bg-white border-l-4 border-veloxp-gold rounded-r-lg px-6 py-5 border border-veloxp-sketch shadow-sm"> <p class="text-sm text-veloxp-graphite leading-relaxed">With 28 serious/critical violations and the DOJ's April 2026 Title II deadline approaching, Logan Health Whitefish should prioritize remediation to avoid potential ADA litigation (4,605 website lawsuits filed in 2024, average settlement $5K-$20K per case).</p> </div> </div> </div> </section> <section id="findings" class="py-24 px-4 sm:px-6 bg-veloxp-paper"> <div class="max-w-4xl mx-auto space-y-12 stagger-children"> <div class="text-center space-y-4 max-w-3xl mx-auto"> <p class="text-veloxp-gold font-semibold tracking-widest uppercase text-xs"> What We Found </p> <h2 class="text-3xl sm:text-4xl font-bold text-veloxp-ink"> Top Accessibility Violations </h2> <p class="text-veloxp-graphite"> These issues create barriers for users with disabilities and expose Logan Health Whitefish to ADA litigation. </p> </div> <!-- Finding cards --> <div class="space-y-4"> <div class="bg-white border-2 border-veloxp-sketch border-l-4 border-l-orange-400 rounded-lg shadow-sm overflow-hidden"> <div class="px-6 pt-5 pb-4 space-y-3"> <!-- Impact badge + title --> <div class="flex items-start gap-3 flex-wrap"> <span class="inline-flex items-center px-2.5 py-1 rounded-full text-[10px] font-bold uppercase tracking-wider border bg-orange-100 text-orange-700 border-orange-200 shrink-0"> Serious </span> <h3 class="font-bold text-veloxp-ink text-sm leading-snug flex-1"> Ensure each HTML document contains a non-empty <title> element </h3> <span class="shrink-0 bg-veloxp-ink text-veloxp-paper text-[10px] font-semibold px-2.5 py-1 rounded-full"> 7 instances </span> </div> <!-- WCAG reference --> <p class="text-[11px] font-mono text-veloxp-graphite bg-veloxp-paper px-2 py-1 rounded inline-block"> wcag2a, wcag242 </p> <!-- Detail --> <p class="text-sm text-veloxp-graphite leading-relaxed"> Found 7 instances across scanned pages. Ensure each HTML document contains a non-empty <title> element </p> </div> <!-- Collapsible fix guide --> <details class="group border-t border-veloxp-sketch"> <summary class="flex items-center gap-2 px-6 py-3 cursor-pointer text-xs font-semibold text-veloxp-gold hover:text-veloxp-copper transition-colors list-none select-none"> <svg class="w-3.5 h-3.5 transition-transform group-open:rotate-90" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> Fix Guide </summary> <div class="px-6 pb-5 pt-2"> <pre class="text-xs text-veloxp-graphite bg-veloxp-paper rounded-lg p-4 overflow-x-auto whitespace-pre-wrap font-mono leading-relaxed border border-veloxp-sketch">Fix any of the following: Document does not have a non-empty <title> element</pre> </div> </details> </div><div class="bg-white border-2 border-veloxp-sketch border-l-4 border-l-orange-400 rounded-lg shadow-sm overflow-hidden"> <div class="px-6 pt-5 pb-4 space-y-3"> <!-- Impact badge + title --> <div class="flex items-start gap-3 flex-wrap"> <span class="inline-flex items-center px-2.5 py-1 rounded-full text-[10px] font-bold uppercase tracking-wider border bg-orange-100 text-orange-700 border-orange-200 shrink-0"> Serious </span> <h3 class="font-bold text-veloxp-ink text-sm leading-snug flex-1"> Ensure every HTML document has a lang attribute </h3> <span class="shrink-0 bg-veloxp-ink text-veloxp-paper text-[10px] font-semibold px-2.5 py-1 rounded-full"> 7 instances </span> </div> <!-- WCAG reference --> <p class="text-[11px] font-mono text-veloxp-graphite bg-veloxp-paper px-2 py-1 rounded inline-block"> wcag2a, wcag311 </p> <!-- Detail --> <p class="text-sm text-veloxp-graphite leading-relaxed"> Found 7 instances across scanned pages. Ensure every HTML document has a lang attribute </p> </div> <!-- Collapsible fix guide --> <details class="group border-t border-veloxp-sketch"> <summary class="flex items-center gap-2 px-6 py-3 cursor-pointer text-xs font-semibold text-veloxp-gold hover:text-veloxp-copper transition-colors list-none select-none"> <svg class="w-3.5 h-3.5 transition-transform group-open:rotate-90" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> Fix Guide </summary> <div class="px-6 pb-5 pt-2"> <pre class="text-xs text-veloxp-graphite bg-veloxp-paper rounded-lg p-4 overflow-x-auto whitespace-pre-wrap font-mono leading-relaxed border border-veloxp-sketch">Fix any of the following: The <html> element does not have a lang attribute</pre> </div> </details> </div><div class="bg-white border-2 border-veloxp-sketch border-l-4 border-l-red-500 rounded-lg shadow-sm overflow-hidden"> <div class="px-6 pt-5 pb-4 space-y-3"> <!-- Impact badge + title --> <div class="flex items-start gap-3 flex-wrap"> <span class="inline-flex items-center px-2.5 py-1 rounded-full text-[10px] font-bold uppercase tracking-wider border bg-red-100 text-red-700 border-red-200 shrink-0"> Critical </span> <h3 class="font-bold text-veloxp-ink text-sm leading-snug flex-1"> Ensure buttons have discernible text </h3> <span class="shrink-0 bg-veloxp-ink text-veloxp-paper text-[10px] font-semibold px-2.5 py-1 rounded-full"> 6 instances </span> </div> <!-- WCAG reference --> <p class="text-[11px] font-mono text-veloxp-graphite bg-veloxp-paper px-2 py-1 rounded inline-block"> wcag2a, wcag412 </p> <!-- Detail --> <p class="text-sm text-veloxp-graphite leading-relaxed"> Found 6 instances across scanned pages. Ensure buttons have discernible text </p> </div> <!-- Collapsible fix guide --> <details class="group border-t border-veloxp-sketch"> <summary class="flex items-center gap-2 px-6 py-3 cursor-pointer text-xs font-semibold text-veloxp-gold hover:text-veloxp-copper transition-colors list-none select-none"> <svg class="w-3.5 h-3.5 transition-transform group-open:rotate-90" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> Fix Guide </summary> <div class="px-6 pb-5 pt-2"> <pre class="text-xs text-veloxp-graphite bg-veloxp-paper rounded-lg p-4 overflow-x-auto whitespace-pre-wrap font-mono leading-relaxed border border-veloxp-sketch">Fix any of the following: Element does not have inner text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> Element's default semantics were not overridden with role="none" or role="presentation"</pre> </div> </details> </div><div class="bg-white border-2 border-veloxp-sketch border-l-4 border-l-orange-400 rounded-lg shadow-sm overflow-hidden"> <div class="px-6 pt-5 pb-4 space-y-3"> <!-- Impact badge + title --> <div class="flex items-start gap-3 flex-wrap"> <span class="inline-flex items-center px-2.5 py-1 rounded-full text-[10px] font-bold uppercase tracking-wider border bg-orange-100 text-orange-700 border-orange-200 shrink-0"> Serious </span> <h3 class="font-bold text-veloxp-ink text-sm leading-snug flex-1"> Ensure ARIA attributes are not prohibited for an element's role </h3> <span class="shrink-0 bg-veloxp-ink text-veloxp-paper text-[10px] font-semibold px-2.5 py-1 rounded-full"> 2 instances </span> </div> <!-- WCAG reference --> <p class="text-[11px] font-mono text-veloxp-graphite bg-veloxp-paper px-2 py-1 rounded inline-block"> wcag2a, wcag412 </p> <!-- Detail --> <p class="text-sm text-veloxp-graphite leading-relaxed"> Found 2 instances across scanned pages. Ensure ARIA attributes are not prohibited for an element's role </p> </div> <!-- Collapsible fix guide --> <details class="group border-t border-veloxp-sketch"> <summary class="flex items-center gap-2 px-6 py-3 cursor-pointer text-xs font-semibold text-veloxp-gold hover:text-veloxp-copper transition-colors list-none select-none"> <svg class="w-3.5 h-3.5 transition-transform group-open:rotate-90" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> Fix Guide </summary> <div class="px-6 pb-5 pt-2"> <pre class="text-xs text-veloxp-graphite bg-veloxp-paper rounded-lg p-4 overflow-x-auto whitespace-pre-wrap font-mono leading-relaxed border border-veloxp-sketch">Fix all of the following: aria-label attribute cannot be used on a div with no valid role attribute.</pre> </div> </details> </div> </div> <!-- Violation types summary table --> <div class="space-y-4"> <p class="text-xs font-semibold text-veloxp-graphite uppercase tracking-wider"> All Violation Types </p> <div class="bg-white border-2 border-veloxp-sketch rounded-lg shadow-[4px_4px_0_#D4CFC8] overflow-hidden"> <div class="overflow-x-auto"> <table class="w-full text-xs"> <thead> <tr class="bg-veloxp-ink text-veloxp-paper"> <th class="px-4 py-3 text-left font-semibold uppercase tracking-wider">Rule</th> <th class="px-4 py-3 text-center font-semibold uppercase tracking-wider">Count</th> <th class="px-4 py-3 text-center font-semibold uppercase tracking-wider">Impact</th> <th class="px-4 py-3 text-center font-semibold uppercase tracking-wider">Pages</th> <th class="px-4 py-3 text-center font-semibold uppercase tracking-wider">Global</th> </tr> </thead> <tbody class="divide-y divide-veloxp-sketch"> <tr class> <td class="px-4 py-3"> <p class="font-mono font-medium text-veloxp-ink">document-title</p> <p class="text-veloxp-graphite text-[10px] mt-0.5 leading-snug">Ensure each HTML document contains a non-empty <title> element</p> </td> <td class="px-4 py-3 text-center font-semibold text-veloxp-ink">7</td> <td class="px-4 py-3 text-center"> <span class="inline-block px-2 py-0.5 rounded-full text-[10px] font-semibold bg-orange-100 text-orange-700"> serious </span> </td> <td class="px-4 py-3 text-center text-veloxp-graphite">7</td> <td class="px-4 py-3 text-center"> <span class="text-veloxp-sketch">—</span> </td> </tr><tr class="bg-veloxp-paper/30"> <td class="px-4 py-3"> <p class="font-mono font-medium text-veloxp-ink">html-has-lang</p> <p class="text-veloxp-graphite text-[10px] mt-0.5 leading-snug">Ensure every HTML document has a lang attribute</p> </td> <td class="px-4 py-3 text-center font-semibold text-veloxp-ink">7</td> <td class="px-4 py-3 text-center"> <span class="inline-block px-2 py-0.5 rounded-full text-[10px] font-semibold bg-orange-100 text-orange-700"> serious </span> </td> <td class="px-4 py-3 text-center text-veloxp-graphite">7</td> <td class="px-4 py-3 text-center"> <span class="text-veloxp-sketch">—</span> </td> </tr><tr class> <td class="px-4 py-3"> <p class="font-mono font-medium text-veloxp-ink">button-name</p> <p class="text-veloxp-graphite text-[10px] mt-0.5 leading-snug">Ensure buttons have discernible text</p> </td> <td class="px-4 py-3 text-center font-semibold text-veloxp-ink">6</td> <td class="px-4 py-3 text-center"> <span class="inline-block px-2 py-0.5 rounded-full text-[10px] font-semibold bg-red-100 text-red-700"> critical </span> </td> <td class="px-4 py-3 text-center text-veloxp-graphite">2</td> <td class="px-4 py-3 text-center"> <span class="text-veloxp-sketch">—</span> </td> </tr><tr class="bg-veloxp-paper/30"> <td class="px-4 py-3"> <p class="font-mono font-medium text-veloxp-ink">aria-prohibited-attr</p> <p class="text-veloxp-graphite text-[10px] mt-0.5 leading-snug">Ensure ARIA attributes are not prohibited for an element's role</p> </td> <td class="px-4 py-3 text-center font-semibold text-veloxp-ink">2</td> <td class="px-4 py-3 text-center"> <span class="inline-block px-2 py-0.5 rounded-full text-[10px] font-semibold bg-orange-100 text-orange-700"> serious </span> </td> <td class="px-4 py-3 text-center text-veloxp-graphite">2</td> <td class="px-4 py-3 text-center"> <span class="text-veloxp-sketch">—</span> </td> </tr><tr class> <td class="px-4 py-3"> <p class="font-mono font-medium text-veloxp-ink">link-in-text-block</p> <p class="text-veloxp-graphite text-[10px] mt-0.5 leading-snug">Ensure links are distinguished from surrounding text in a way that does not rely on color</p> </td> <td class="px-4 py-3 text-center font-semibold text-veloxp-ink">2</td> <td class="px-4 py-3 text-center"> <span class="inline-block px-2 py-0.5 rounded-full text-[10px] font-semibold bg-orange-100 text-orange-700"> serious </span> </td> <td class="px-4 py-3 text-center text-veloxp-graphite">2</td> <td class="px-4 py-3 text-center"> <span class="text-veloxp-sketch">—</span> </td> </tr><tr class="bg-veloxp-paper/30"> <td class="px-4 py-3"> <p class="font-mono font-medium text-veloxp-ink">link-name</p> <p class="text-veloxp-graphite text-[10px] mt-0.5 leading-snug">Ensure links have discernible text</p> </td> <td class="px-4 py-3 text-center font-semibold text-veloxp-ink">2</td> <td class="px-4 py-3 text-center"> <span class="inline-block px-2 py-0.5 rounded-full text-[10px] font-semibold bg-orange-100 text-orange-700"> serious </span> </td> <td class="px-4 py-3 text-center text-veloxp-graphite">2</td> <td class="px-4 py-3 text-center"> <span class="text-veloxp-sketch">—</span> </td> </tr><tr class> <td class="px-4 py-3"> <p class="font-mono font-medium text-veloxp-ink">meta-viewport</p> <p class="text-veloxp-graphite text-[10px] mt-0.5 leading-snug">Ensure <meta name="viewport"> does not disable text scaling and zooming</p> </td> <td class="px-4 py-3 text-center font-semibold text-veloxp-ink">2</td> <td class="px-4 py-3 text-center"> <span class="inline-block px-2 py-0.5 rounded-full text-[10px] font-semibold bg-yellow-100 text-yellow-700"> moderate </span> </td> <td class="px-4 py-3 text-center text-veloxp-graphite">2</td> <td class="px-4 py-3 text-center"> <span class="text-veloxp-sketch">—</span> </td> </tr><tr class="bg-veloxp-paper/30"> <td class="px-4 py-3"> <p class="font-mono font-medium text-veloxp-ink">select-name</p> <p class="text-veloxp-graphite text-[10px] mt-0.5 leading-snug">Ensure select element has an accessible name</p> </td> <td class="px-4 py-3 text-center font-semibold text-veloxp-ink">2</td> <td class="px-4 py-3 text-center"> <span class="inline-block px-2 py-0.5 rounded-full text-[10px] font-semibold bg-red-100 text-red-700"> critical </span> </td> <td class="px-4 py-3 text-center text-veloxp-graphite">2</td> <td class="px-4 py-3 text-center"> <span class="text-veloxp-sketch">—</span> </td> </tr> </tbody> </table> </div> </div> </div> </div> </section> <section id="violations" class="py-24 px-4 sm:px-6 bg-white/60"> <div class="max-w-4xl mx-auto space-y-12 stagger-children"> <div class="text-center space-y-4 max-w-3xl mx-auto"> <p class="text-veloxp-gold font-semibold tracking-widest uppercase text-xs"> Page-Level Breakdown </p> <h2 class="text-3xl sm:text-4xl font-bold text-veloxp-ink"> Violations by Page </h2> <p class="text-veloxp-graphite"> Where violations appear across the site — and how severe they are. </p> </div> <!-- Legend --> <div class="flex items-center gap-6 justify-center text-xs font-medium"> <div class="flex items-center gap-1.5"> <span class="w-3 h-3 rounded-sm bg-red-500"></span> <span class="text-veloxp-graphite">Critical</span> </div> <div class="flex items-center gap-1.5"> <span class="w-3 h-3 rounded-sm bg-orange-400"></span> <span class="text-veloxp-graphite">Serious</span> </div> <div class="flex items-center gap-1.5"> <span class="w-3 h-3 rounded-sm bg-yellow-400"></span> <span class="text-veloxp-graphite">Moderate</span> </div> </div> <!-- Page rows --> <div class="bg-white border-2 border-veloxp-sketch rounded-lg shadow-[4px_4px_0_#D4CFC8] divide-y divide-veloxp-sketch overflow-hidden"> <div class="px-6 py-4 flex items-center gap-4 "> <!-- Page name --> <div class="w-32 shrink-0"> <p class="text-sm font-semibold text-veloxp-ink truncate"> Homepage </p> <p class="text-[10px] text-veloxp-graphite font-mono truncate"> / </p> </div> <!-- Stacked bar --> <div class="flex-1 min-w-0"> <div class="h-5 bg-veloxp-paper rounded-full overflow-hidden border border-veloxp-sketch"> <div class="h-full flex rounded-full overflow-hidden" style="width: 100%"> <div class="h-full bg-red-500" style="width: 50%"></div> <div class="h-full bg-orange-400" style="width: 37.5%"></div> <div class="h-full bg-yellow-400" style="width: 12.5%"></div> </div> </div> </div> <!-- Count --> <div class="shrink-0 text-right w-12"> <span class="text-lg font-bold text-orange-500"> 8 </span> </div> </div><div class="px-6 py-4 flex items-center gap-4 bg-veloxp-paper/30"> <!-- Page name --> <div class="w-32 shrink-0"> <p class="text-sm font-semibold text-veloxp-ink truncate"> Homepage </p> <p class="text-[10px] text-veloxp-graphite font-mono truncate"> / </p> </div> <!-- Stacked bar --> <div class="flex-1 min-w-0"> <div class="h-5 bg-veloxp-paper rounded-full overflow-hidden border border-veloxp-sketch"> <div class="h-full flex rounded-full overflow-hidden" style="width: 100%"> <div class="h-full bg-red-500" style="width: 50%"></div> <div class="h-full bg-orange-400" style="width: 37.5%"></div> <div class="h-full bg-yellow-400" style="width: 12.5%"></div> </div> </div> </div> <!-- Count --> <div class="shrink-0 text-right w-12"> <span class="text-lg font-bold text-orange-500"> 8 </span> </div> </div><div class="px-6 py-4 flex items-center gap-4 "> <!-- Page name --> <div class="w-32 shrink-0"> <p class="text-sm font-semibold text-veloxp-ink truncate"> Feed </p> <p class="text-[10px] text-veloxp-graphite font-mono truncate"> /feed/ </p> </div> <!-- Stacked bar --> <div class="flex-1 min-w-0"> <div class="h-5 bg-veloxp-paper rounded-full overflow-hidden border border-veloxp-sketch"> <div class="h-full flex rounded-full overflow-hidden" style="width: 25%"> <div class="h-full bg-orange-400" style="width: 100%"></div> </div> </div> </div> <!-- Count --> <div class="shrink-0 text-right w-12"> <span class="text-lg font-bold text-veloxp-ink"> 2 </span> </div> </div><div class="px-6 py-4 flex items-center gap-4 bg-veloxp-paper/30"> <!-- Page name --> <div class="w-32 shrink-0"> <p class="text-sm font-semibold text-veloxp-ink truncate"> Comments/Feed </p> <p class="text-[10px] text-veloxp-graphite font-mono truncate"> /comments/feed/ </p> </div> <!-- Stacked bar --> <div class="flex-1 min-w-0"> <div class="h-5 bg-veloxp-paper rounded-full overflow-hidden border border-veloxp-sketch"> <div class="h-full flex rounded-full overflow-hidden" style="width: 25%"> <div class="h-full bg-orange-400" style="width: 100%"></div> </div> </div> </div> <!-- Count --> <div class="shrink-0 text-right w-12"> <span class="text-lg font-bold text-veloxp-ink"> 2 </span> </div> </div><div class="px-6 py-4 flex items-center gap-4 "> <!-- Page name --> <div class="w-32 shrink-0"> <p class="text-sm font-semibold text-veloxp-ink truncate"> Wp Json/Oembed/1.0/Embed?Url=Https%3A%2F%2Fwww.Logan.Org%2F </p> <p class="text-[10px] text-veloxp-graphite font-mono truncate"> /wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.logan.org%2F </p> </div> <!-- Stacked bar --> <div class="flex-1 min-w-0"> <div class="h-5 bg-veloxp-paper rounded-full overflow-hidden border border-veloxp-sketch"> <div class="h-full flex rounded-full overflow-hidden" style="width: 25%"> <div class="h-full bg-orange-400" style="width: 100%"></div> </div> </div> </div> <!-- Count --> <div class="shrink-0 text-right w-12"> <span class="text-lg font-bold text-veloxp-ink"> 2 </span> </div> </div><div class="px-6 py-4 flex items-center gap-4 bg-veloxp-paper/30"> <!-- Page name --> <div class="w-32 shrink-0"> <p class="text-sm font-semibold text-veloxp-ink truncate"> Wp Json/Oembed/1.0/Embed?Url=Https%3A%2F%2Fwww.Logan.Org%2F& </p> <p class="text-[10px] text-veloxp-graphite font-mono truncate"> /wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.logan.org%2F& </p> </div> <!-- Stacked bar --> <div class="flex-1 min-w-0"> <div class="h-5 bg-veloxp-paper rounded-full overflow-hidden border border-veloxp-sketch"> <div class="h-full flex rounded-full overflow-hidden" style="width: 25%"> <div class="h-full bg-orange-400" style="width: 100%"></div> </div> </div> </div> <!-- Count --> <div class="shrink-0 text-right w-12"> <span class="text-lg font-bold text-veloxp-ink"> 2 </span> </div> </div><div class="px-6 py-4 flex items-center gap-4 "> <!-- Page name --> <div class="w-32 shrink-0"> <p class="text-sm font-semibold text-veloxp-ink truncate"> Wp Json </p> <p class="text-[10px] text-veloxp-graphite font-mono truncate"> /wp-json/ </p> </div> <!-- Stacked bar --> <div class="flex-1 min-w-0"> <div class="h-5 bg-veloxp-paper rounded-full overflow-hidden border border-veloxp-sketch"> <div class="h-full flex rounded-full overflow-hidden" style="width: 25%"> <div class="h-full bg-orange-400" style="width: 100%"></div> </div> </div> </div> <!-- Count --> <div class="shrink-0 text-right w-12"> <span class="text-lg font-bold text-veloxp-ink"> 2 </span> </div> </div><div class="px-6 py-4 flex items-center gap-4 bg-veloxp-paper/30"> <!-- Page name --> <div class="w-32 shrink-0"> <p class="text-sm font-semibold text-veloxp-ink truncate"> Wp Json/Wp/V2/Pages/7 </p> <p class="text-[10px] text-veloxp-graphite font-mono truncate"> /wp-json/wp/v2/pages/7 </p> </div> <!-- Stacked bar --> <div class="flex-1 min-w-0"> <div class="h-5 bg-veloxp-paper rounded-full overflow-hidden border border-veloxp-sketch"> <div class="h-full flex rounded-full overflow-hidden" style="width: 25%"> <div class="h-full bg-orange-400" style="width: 100%"></div> </div> </div> </div> <!-- Count --> <div class="shrink-0 text-right w-12"> <span class="text-lg font-bold text-veloxp-ink"> 2 </span> </div> </div><div class="px-6 py-4 flex items-center gap-4 "> <!-- Page name --> <div class="w-32 shrink-0"> <p class="text-sm font-semibold text-veloxp-ink truncate"> Wp Json/Tribe/Tickets/V1 </p> <p class="text-[10px] text-veloxp-graphite font-mono truncate"> /wp-json/tribe/tickets/v1/ </p> </div> <!-- Stacked bar --> <div class="flex-1 min-w-0"> <div class="h-5 bg-veloxp-paper rounded-full overflow-hidden border border-veloxp-sketch"> <div class="h-full flex rounded-full overflow-hidden" style="width: 25%"> <div class="h-full bg-orange-400" style="width: 100%"></div> </div> </div> </div> <!-- Count --> <div class="shrink-0 text-right w-12"> <span class="text-lg font-bold text-veloxp-ink"> 2 </span> </div> </div><div class="px-6 py-4 flex items-center gap-4 bg-veloxp-paper/30"> <!-- Page name --> <div class="w-32 shrink-0"> <p class="text-sm font-semibold text-veloxp-ink truncate"> Classes/?Ical=1 </p> <p class="text-[10px] text-veloxp-graphite font-mono truncate"> /classes/?ical=1 </p> </div> <!-- Stacked bar --> <div class="flex-1 min-w-0"> <div class="h-5 bg-veloxp-paper rounded-full overflow-hidden border border-veloxp-sketch"> <div class="h-full flex rounded-full overflow-hidden" style="width: 0%"> </div> </div> </div> <!-- Count --> <div class="shrink-0 text-right w-12"> <span class="text-lg font-bold text-veloxp-ink"> 0 </span> </div> </div> </div> <!-- Global issues callout --> </div> </section> <section id="risk" class="py-24 px-4 sm:px-6 bg-veloxp-ink text-veloxp-paper"> <div class="max-w-4xl mx-auto space-y-12 stagger-children"> <div class="text-center space-y-4 max-w-3xl mx-auto"> <p class="text-veloxp-gold font-semibold tracking-widest uppercase text-xs"> Legal Exposure </p> <h2 class="text-3xl sm:text-4xl font-bold text-veloxp-paper"> 4,605 ADA Website Lawsuits Filed in 2024 </h2> <p class="text-veloxp-paper/70"> The DOJ's enforcement posture has shifted. Federal courts are consistently ruling that websites are places of public accommodation covered by Title III — and Title II applies to government entities with a hard deadline. </p> </div> <!-- 3 stat cards --> <div class="grid sm:grid-cols-3 gap-6"> <!-- Avg Settlement --> <div class="bg-white/5 border border-white/10 rounded-xl px-6 py-6 space-y-2 text-center backdrop-blur-sm"> <p class="text-[10px] font-mono text-veloxp-gold uppercase tracking-widest"> Avg Settlement </p> <p class="text-3xl font-bold text-veloxp-paper">$5,000-$20,000</p> <p class="text-xs text-veloxp-paper/50">per ADA website case</p> </div> <!-- Title II Deadline --> <div class="bg-red-900/20 border border-red-500/30 rounded-xl px-6 py-6 space-y-2 text-center backdrop-blur-sm"> <p class="text-[10px] font-mono text-red-400 uppercase tracking-widest"> DOJ Title II Deadline </p> <p class="text-3xl font-bold text-red-300">April 2026</p> <p class="text-xs text-veloxp-paper/50">mandatory compliance date</p> </div> <!-- FTC Overlay Fine --> <div class="bg-white/5 border border-white/10 rounded-xl px-6 py-6 space-y-2 text-center backdrop-blur-sm"> <p class="text-[10px] font-mono text-veloxp-gold uppercase tracking-widest"> FTC Overlay Fine </p> <p class="text-3xl font-bold text-veloxp-paper">$1,000,000</p> <p class="text-xs text-veloxp-paper/50">fined for false claims (accessiBe)</p> </div> </div> <!-- Overlay callout --> <div class="bg-amber-900/30 border border-amber-500/40 rounded-xl px-6 py-6 space-y-3"> <div class="flex items-center gap-2"> <svg class="w-5 h-5 text-amber-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path> </svg> <p class="text-sm font-bold text-amber-300"> Overlay Widgets Don't Work — and Courts Know It </p> </div> <p class="text-sm text-veloxp-paper/80 leading-relaxed"> The FTC fined accessiBe <strong class="text-amber-300">$1,000,000</strong> for false compliance claims. <strong class="text-amber-300">800+</strong> overlay users were still sued despite having the widget installed. Courts consistently reject JavaScript overlays as evidence of compliance — they mask violations from automated tools without fixing them for real users. </p> </div> <!-- Closing --> <p class="text-center text-sm text-veloxp-paper/60 max-w-2xl mx-auto"> Healthcare organizations face heightened exposure under ADA Title II. The DOJ's <span class="text-red-400 font-semibold">April 2026</span> enforcement deadline is not a soft date — it applies to state and local government entities and their contractors. </p> </div> </section> <section id="roadmap" class="py-24 px-4 sm:px-6 bg-veloxp-paper"> <div class="max-w-4xl mx-auto space-y-12 stagger-children"> <div class="text-center space-y-4 max-w-3xl mx-auto"> <p class="text-veloxp-gold font-semibold tracking-widest uppercase text-xs"> Remediation Plan </p> <h2 class="text-3xl sm:text-4xl font-bold text-veloxp-ink"> How We Fix Logan Health Whitefish's Violations </h2> <p class="text-veloxp-graphite"> A structured 3-phase approach — from critical patches to long-term compliance. No surprises, no black boxes. </p> </div> <script>(()=>{var a=(s,i,o)=>{let r=async()=>{await(await s())()},t=typeof i.value=="object"?i.value:void 0,c={rootMargin:t==null?void 0:t.rootMargin},n=new IntersectionObserver(e=>{for(let l of e)if(l.isIntersecting){n.disconnect(),r();break}},c);for(let e of o.children)n.observe(e)};(self.Astro||(self.Astro={})).visible=a;window.dispatchEvent(new Event("astro:visible"));})();</script><astro-island uid="194FRu" prefix="r4" component-url="/_astro/RoadmapAccordion.Bwvn_X9e.js" component-export="default" renderer-url="/_astro/client.Ck_OXNAA.js" props="{"phases":[1,[[0,{"id":[0,"1"],"title":[0,"Critical Fixes"],"period":[0,"Week 1-2"],"oneLiner":[0,""],"badge":[0,"Critical Fixes"],"items":[1,[[0,"Add alt text and aria-labels to 2 links missing discernible text"],[0,"Fix all critical and serious violations on homepage and key landing pages"],[0,"Implement skip navigation links for keyboard users"]]]}],[0,{"id":[0,"2"],"title":[0,"Comprehensive Remediation"],"period":[0,"Week 3-6"],"oneLiner":[0,""],"badge":[0,"Full Remediation"],"items":[1,[[0,"Fix viewport meta tag to allow text scaling/zooming"],[0,"Implement proper heading hierarchy across all pages"],[0,"Add ARIA landmarks (header, nav, main, footer) to all templates"],[0,"Ensure all interactive elements are keyboard accessible"],[0,"Add focus indicators with 3:1 minimum contrast"],[0,"Review and fix all form error handling and validation messaging"]]]}],[0,{"id":[0,"3"],"title":[0,"Ongoing Compliance"],"period":[0,"Month 2+"],"oneLiner":[0,""],"badge":[0,"Ongoing Compliance"],"items":[1,[[0,"Configure monthly automated WCAG scans to catch regressions"],[0,"Create accessibility statement and feedback mechanism"],[0,"Establish content creation guidelines for ongoing compliance"],[0,"Generate VPAT/Accessibility Conformance Report for vendor procurement"],[0,"Train content team on accessibility best practices"]]]}]]]}" ssr client="visible" opts="{"name":"RoadmapAccordion","value":true}" await-children><div class="space-y-4"><div class="bg-white border rounded-xl px-6 transition-colors border-veloxp-sketch"><button class="w-full flex items-center gap-4 py-5 text-left"><span class="shrink-0 w-10 h-10 rounded-full border-2 border-veloxp-gold text-veloxp-gold font-bold flex items-center justify-center text-sm">1</span><div class="flex-1"><div class="flex items-center gap-2 flex-wrap"><p class="font-semibold text-veloxp-ink">Critical Fixes</p><span class="text-[10px] uppercase tracking-wider font-semibold bg-veloxp-gold/10 text-veloxp-gold px-2 py-0.5 rounded-full">Critical Fixes</span></div><p class="text-xs text-veloxp-graphite">Week 1-2<!-- --> — </p></div><svg class="w-5 h-5 text-veloxp-graphite/60 transition-transform shrink-0 " fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="bg-white border rounded-xl px-6 transition-colors border-veloxp-sketch"><button class="w-full flex items-center gap-4 py-5 text-left"><span class="shrink-0 w-10 h-10 rounded-full border-2 border-veloxp-gold text-veloxp-gold font-bold flex items-center justify-center text-sm">2</span><div class="flex-1"><div class="flex items-center gap-2 flex-wrap"><p class="font-semibold text-veloxp-ink">Comprehensive Remediation</p><span class="text-[10px] uppercase tracking-wider font-semibold bg-veloxp-gold/10 text-veloxp-gold px-2 py-0.5 rounded-full">Full Remediation</span></div><p class="text-xs text-veloxp-graphite">Week 3-6<!-- --> — </p></div><svg class="w-5 h-5 text-veloxp-graphite/60 transition-transform shrink-0 " fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="bg-white border rounded-xl px-6 transition-colors border-veloxp-sketch"><button class="w-full flex items-center gap-4 py-5 text-left"><span class="shrink-0 w-10 h-10 rounded-full border-2 border-veloxp-gold text-veloxp-gold font-bold flex items-center justify-center text-sm">3</span><div class="flex-1"><div class="flex items-center gap-2 flex-wrap"><p class="font-semibold text-veloxp-ink">Ongoing Compliance</p><span class="text-[10px] uppercase tracking-wider font-semibold bg-veloxp-gold/10 text-veloxp-gold px-2 py-0.5 rounded-full">Ongoing Compliance</span></div><p class="text-xs text-veloxp-graphite">Month 2+<!-- --> — </p></div><svg class="w-5 h-5 text-veloxp-graphite/60 transition-transform shrink-0 " fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div></div><!--astro:end--></astro-island> <p class="text-center text-sm text-veloxp-graphite"> Timelines confirmed during kickoff. Phase 1 critical fixes can begin within 48 hours of engagement. </p> </div> </section> <section id="investment" class="py-24 px-6 bg-white/60"> <div class="max-w-6xl mx-auto space-y-12 stagger-children"> <div class="text-center space-y-4 max-w-3xl mx-auto"> <p class="text-veloxp-gold font-semibold tracking-widest uppercase text-xs"> Investment </p> <h2 class="text-3xl sm:text-4xl font-bold text-veloxp-ink"> ADA Compliance Pricing </h2> <p class="text-veloxp-graphite"> The free scan above shows <em>what</em> is broken. The paid Audit tells you exactly <em>how</em> to fix it — with manual expert review, screen reader testing, per-violation code specs, and a legally defensible VPAT. Automated tools catch ~30% of issues. A full audit catches 100%. </p> </div> <astro-island uid="1tW0Bn" prefix="r5" component-url="/_astro/AdaPricingCards.B4w-QOw_.js" component-export="default" renderer-url="/_astro/client.Ck_OXNAA.js" props="{"tiers":[1,[[0,{"name":[0,"Scan"],"price_display":[0,"FREE"],"base_price":[0,0],"base_pages":[0,10],"per_extra_page":[0,0],"model":[0,"Complimentary"],"desc":[0,"Automated WCAG 2.1 AA scan — your first step to understanding compliance risk. See violation count, severity breakdown, and liability estimate."],"items":[1,[[0,"Automated WCAG 2.1 AA scan (up to 10 pages)"],[0,"Violation count by severity (Critical/Serious/Moderate)"],[0,"Risk level assessment and liability estimate"],[0,"Legal context and regulatory deadlines"],[0,"Service tier recommendations with pricing"]]],"excluded":[1,[[0,"Per-page violation detail"],[0,"Complete violation inventory with WCAG mapping"],[0,"Fix guidance and code examples"],[0,"Manual expert review"],[0,"VPAT / Conformance Report"]]],"kpis":[0,"Baseline risk assessment"],"cta":[0,"Get Free Scan"],"stripe_product_id":[0,null],"ideal_for":[0,"Any organization wanting a quick compliance check"]}],[0,{"name":[0,"Audit"],"price_display":[0,"From $2,500"],"base_price":[0,2500],"per_violation":[0,500],"page_log_factor":[0,300],"base_pages":[0,10],"per_extra_page":[0,125],"pilot_discount_pct":[0,33],"model":[0,"One-time"],"recommended_default":[0,true],"desc":[0,"Comprehensive audit with manual expert review. Developer-ready fix specs. Legally defensible documentation."],"items":[1,[[0,"Full-site automated scan (all publicly accessible pages)"],[0,"Manual expert review of 10 critical pages"],[0,"Keyboard navigation and focus testing"],[0,"Screen reader audit (NVDA + VoiceOver)"],[0,"Per-page violation detail with screenshots"],[0,"Complete violation inventory with WCAG mapping"],[0,"Developer-ready code examples for every fix"],[0,"Color contrast analysis with exact specifications"],[0,"VPAT / Accessibility Conformance Report"],[0,"1-hour remediation strategy call"]]],"kpis":[0,"Complete WCAG 2.1 AA conformance report with developer handoff"],"cta":[0,"Start Audit"],"stripe_product_id":[0,"prod_U7ofkRnadyYmtR"],"stripe_base_price_id":[0,"price_1T9au39VgtHkusZ2yyIWLdCz"],"stripe_base_payment_link":[0,"https://buy.stripe.com/5kQ00d1BS4558hA2my6Vq03"],"ideal_for":[0,"Healthcare, government, and high-risk organizations needing legally defensible compliance documentation"],"_active_pilot_links":[0,{"forks-hospital-44pg":[0,{"price":[0,4500],"standard_price":[0,6750],"stripe_price_id":[0,"price_1TAHmd9VgtHkusZ2mPLmjqB3"],"stripe_plink_id":[0,"plink_1TAHmj9VgtHkusZ22usLt8e3"],"stripe_url":[0,"https://buy.stripe.com/aFacMZbcscBB69s9P06Vq07"]}]}]}],[0,{"name":[0,"Remediate"],"price_display":[0,"From $5,000"],"base_price":[0,5000],"per_violation":[0,1000],"page_log_factor":[0,500],"base_pages":[0,10],"per_extra_page":[0,200],"pilot_discount_pct":[0,23],"model":[0,"One-time"],"desc":[0,"Full-service: we find and fix the violations. Complete audit plus hands-on code remediation and verification."],"items":[1,[[0,"Everything in Audit"],[0,"Direct code remediation (all scanned pages)"],[0,"Alt text creation for all images and media"],[0,"Form label and ARIA implementation"],[0,"Keyboard navigation and focus management fixes"],[0,"Color contrast and typography remediation"],[0,"Post-remediation verification scan"],[0,"Accessibility certification letter"]]],"kpis":[0,"WCAG 2.1 AA conformance achieved, zero critical/serious violations"],"cta":[0,"Fix Everything"],"stripe_product_id":[0,"prod_U7ofOUFOAp9uP2"],"stripe_base_price_id":[0,"price_1T9Z2O9VgtHkusZ2zsWN4hNc"],"stripe_base_payment_link":[0,"https://buy.stripe.com/cNi00dgwM455gO64uG6Vq01"],"ideal_for":[0,"Organizations needing turnkey compliance — audit, fix, certify"],"_active_pilot_links":[0,{"forks-hospital-44pg":[0,{"price":[0,14500],"standard_price":[0,18800],"stripe_price_id":[0,"price_1TAHtW9VgtHkusZ2p65ady0M"],"stripe_plink_id":[0,"plink_1TAHtd9VgtHkusZ2KloC1YAZ"],"stripe_url":[0,"https://buy.stripe.com/cNi00da8ocBB55oe5g6Vq09"]}]}]}],[0,{"name":[0,"Monitor"],"price_display":[0,"From $300/mo"],"base_price":[0,300],"per_violation":[0,100],"page_log_factor":[0,75],"base_pages":[0,10],"per_extra_page":[0,25],"model":[0,"Monthly (6-month minimum)"],"desc":[0,"Ongoing compliance monitoring. Monthly scans, regression detection, quarterly expert review."],"items":[1,[[0,"Monthly automated compliance scans (full site)"],[0,"Regression detection and instant alerts"],[0,"Remediation verification after fixes"],[0,"Quarterly manual review of critical pages"],[0,"Accessibility statement maintenance"],[0,"Monthly compliance scorecard"],[0,"Priority support for compliance questions"],[0,"Annual VPAT/ACR update"]]],"kpis":[0,"Sustained WCAG 2.1 AA conformance, <5 open violations"],"cta":[0,"Stay Compliant"],"stripe_product_id":[0,"prod_U7ofYGOIHB4lSb"],"stripe_base_price_id":[0,"price_1T9Z2P9VgtHkusZ2x4yBsypq"],"stripe_base_payment_link":[0,"https://buy.stripe.com/fZu14hdkA9pp1Tc1iu6Vq02"],"ideal_for":[0,"Organizations requiring ongoing compliance documentation"],"_active_pilot_links":[0,{"forks-hospital-44pg":[0,{"price":[0,708],"recurring":[0,"monthly"],"stripe_price_id":[0,"price_1TAHj99VgtHkusZ2y3vdWM88"],"stripe_plink_id":[0,"plink_1TAHjH9VgtHkusZ2QUPA56kj"],"stripe_url":[0,"https://buy.stripe.com/fZu8wJ3K01WXfK2bX86Vq06"]}]}]}]]],"slug":[0,"logan-hlth-fa30e3-ada"],"reportPdf":[0]}" ssr client="visible" opts="{"name":"AdaPricingCards","value":true}" await-children><div class="grid sm:grid-cols-2 xl:grid-cols-4 gap-6"><div class="relative bg-white rounded-lg p-6 sm:p-8 border-2 flex flex-col border-veloxp-sketch"><div class="w-10 h-10 rounded-full border-2 font-bold flex items-center justify-center text-sm border-veloxp-sketch text-veloxp-graphite">1</div><div class="mt-5 space-y-1"><h3 class="text-xl font-bold text-veloxp-ink">Scan</h3><div class="mt-2"><span class="text-3xl font-bold text-veloxp-gold">FREE</span><p class="text-xs text-veloxp-graphite mt-0.5">Complimentary</p></div></div><p class="text-sm text-veloxp-graphite mt-5">Automated WCAG 2.1 AA scan — your first step to understanding compliance risk. See violation count, severity breakdown, and liability estimate.</p><div class="bg-veloxp-paper rounded-lg px-3 py-2 border border-veloxp-sketch mt-4"><p class="text-[10px] font-mono text-veloxp-graphite uppercase tracking-wider mb-0.5">Target KPIs</p><p class="text-xs font-medium text-veloxp-ink">Baseline risk assessment</p></div><div class="flex-1 mt-5"><ul class="space-y-2"><li class="flex items-start gap-2 text-sm text-veloxp-graphite"><svg class="w-4 h-4 text-veloxp-gold shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Automated WCAG 2.1 AA scan (up to 10 pages)</li><li class="flex items-start gap-2 text-sm text-veloxp-graphite"><svg class="w-4 h-4 text-veloxp-gold shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Violation count by severity (Critical/Serious/Moderate)</li><li class="flex items-start gap-2 text-sm text-veloxp-graphite"><svg class="w-4 h-4 text-veloxp-gold shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Risk level assessment and liability estimate</li></ul><button class="flex items-center gap-1 text-xs text-veloxp-gold font-medium hover:underline mt-3">See everything included<svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><a href="/scan" class="block w-full text-center rounded-lg font-semibold py-3 transition-colors mt-5 border-2 border-veloxp-sketch text-veloxp-ink hover:border-veloxp-ink">Get Free Scan</a></div><div class="relative bg-white rounded-lg p-6 sm:p-8 border-2 flex flex-col border-veloxp-gold shadow-[4px_4px_0_#C4A35A]"><div class="absolute -top-3 left-6 bg-veloxp-gold text-veloxp-ink text-[10px] font-bold px-3 py-1 rounded-full uppercase tracking-wider">Recommended</div><div class="w-10 h-10 rounded-full border-2 font-bold flex items-center justify-center text-sm border-veloxp-gold text-veloxp-gold">2</div><div class="mt-5 space-y-1"><h3 class="text-xl font-bold text-veloxp-ink">Audit</h3><div class="mt-2"><span class="text-3xl font-bold text-veloxp-gold">From $2,500</span><p class="text-xs text-veloxp-graphite mt-0.5">One-time</p></div></div><p class="text-sm text-veloxp-graphite mt-5">Comprehensive audit with manual expert review. Developer-ready fix specs. Legally defensible documentation.</p><div class="bg-veloxp-paper rounded-lg px-3 py-2 border border-veloxp-sketch mt-4"><p class="text-[10px] font-mono text-veloxp-graphite uppercase tracking-wider mb-0.5">Target KPIs</p><p class="text-xs font-medium text-veloxp-ink">Complete WCAG 2.1 AA conformance report with developer handoff</p></div><div class="flex-1 mt-5"><ul class="space-y-2"><li class="flex items-start gap-2 text-sm text-veloxp-graphite"><svg class="w-4 h-4 text-veloxp-gold shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Full-site automated scan (all publicly accessible pages)</li><li class="flex items-start gap-2 text-sm text-veloxp-graphite"><svg class="w-4 h-4 text-veloxp-gold shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Manual expert review of 10 critical pages</li><li class="flex items-start gap-2 text-sm text-veloxp-graphite"><svg class="w-4 h-4 text-veloxp-gold shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Keyboard navigation and focus testing</li></ul><button class="flex items-center gap-1 text-xs text-veloxp-gold font-medium hover:underline mt-3">See everything included<svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><a href="https://buy.stripe.com/5kQ00d1BS4558hA2my6Vq03" target="_blank" rel="noopener noreferrer" class="block w-full text-center rounded-lg font-semibold py-3 transition-colors mt-5 bg-veloxp-gold hover:bg-veloxp-copper text-veloxp-ink">Start Audit</a></div><div class="relative bg-white rounded-lg p-6 sm:p-8 border-2 flex flex-col border-veloxp-sketch"><div class="w-10 h-10 rounded-full border-2 font-bold flex items-center justify-center text-sm border-veloxp-sketch text-veloxp-graphite">3</div><div class="mt-5 space-y-1"><h3 class="text-xl font-bold text-veloxp-ink">Remediate</h3><div class="mt-2"><span class="text-3xl font-bold text-veloxp-gold">From $5,000</span><p class="text-xs text-veloxp-graphite mt-0.5">One-time</p></div></div><p class="text-sm text-veloxp-graphite mt-5">Full-service: we find and fix the violations. Complete audit plus hands-on code remediation and verification.</p><div class="bg-veloxp-paper rounded-lg px-3 py-2 border border-veloxp-sketch mt-4"><p class="text-[10px] font-mono text-veloxp-graphite uppercase tracking-wider mb-0.5">Target KPIs</p><p class="text-xs font-medium text-veloxp-ink">WCAG 2.1 AA conformance achieved, zero critical/serious violations</p></div><div class="flex-1 mt-5"><ul class="space-y-2"><li class="flex items-start gap-2 text-sm text-veloxp-graphite"><svg class="w-4 h-4 text-veloxp-gold shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Everything in Audit</li><li class="flex items-start gap-2 text-sm text-veloxp-graphite"><svg class="w-4 h-4 text-veloxp-gold shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Direct code remediation (all scanned pages)</li><li class="flex items-start gap-2 text-sm text-veloxp-graphite"><svg class="w-4 h-4 text-veloxp-gold shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Alt text creation for all images and media</li></ul><button class="flex items-center gap-1 text-xs text-veloxp-gold font-medium hover:underline mt-3">See everything included<svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><a href="https://buy.stripe.com/cNi00dgwM455gO64uG6Vq01" target="_blank" rel="noopener noreferrer" class="block w-full text-center rounded-lg font-semibold py-3 transition-colors mt-5 border-2 border-veloxp-sketch text-veloxp-ink hover:border-veloxp-ink">Fix Everything</a></div><div class="relative bg-white rounded-lg p-6 sm:p-8 border-2 flex flex-col border-veloxp-sketch"><div class="w-10 h-10 rounded-full border-2 font-bold flex items-center justify-center text-sm border-veloxp-sketch text-veloxp-graphite">4</div><div class="mt-5 space-y-1"><h3 class="text-xl font-bold text-veloxp-ink">Monitor</h3><div class="mt-2"><span class="text-3xl font-bold text-veloxp-gold">From $300/mo</span><p class="text-xs text-veloxp-graphite mt-0.5">Monthly (6-month minimum)</p></div></div><p class="text-sm text-veloxp-graphite mt-5">Ongoing compliance monitoring. Monthly scans, regression detection, quarterly expert review.</p><div class="bg-veloxp-paper rounded-lg px-3 py-2 border border-veloxp-sketch mt-4"><p class="text-[10px] font-mono text-veloxp-graphite uppercase tracking-wider mb-0.5">Target KPIs</p><p class="text-xs font-medium text-veloxp-ink">Sustained WCAG 2.1 AA conformance, <5 open violations</p></div><div class="flex-1 mt-5"><ul class="space-y-2"><li class="flex items-start gap-2 text-sm text-veloxp-graphite"><svg class="w-4 h-4 text-veloxp-gold shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Monthly automated compliance scans (full site)</li><li class="flex items-start gap-2 text-sm text-veloxp-graphite"><svg class="w-4 h-4 text-veloxp-gold shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Regression detection and instant alerts</li><li class="flex items-start gap-2 text-sm text-veloxp-graphite"><svg class="w-4 h-4 text-veloxp-gold shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Remediation verification after fixes</li></ul><button class="flex items-center gap-1 text-xs text-veloxp-gold font-medium hover:underline mt-3">See everything included<svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><a href="https://buy.stripe.com/fZu14hdkA9pp1Tc1iu6Vq02" target="_blank" rel="noopener noreferrer" class="block w-full text-center rounded-lg font-semibold py-3 transition-colors mt-5 border-2 border-veloxp-sketch text-veloxp-ink hover:border-veloxp-ink">Stay Compliant</a></div></div><!--astro:end--></astro-island> <p class="text-center text-sm text-veloxp-graphite"> Pricing scales with page count and violation complexity. We'll confirm your exact quote on a 20-minute call. </p> </div> </section> <!-- About Assessment --><section id="next" class="py-20 px-6 bg-white/60"> <div class="max-w-4xl mx-auto stagger-children"> <div class="bg-white border-2 border-veloxp-sketch rounded-lg shadow-[4px_4px_0_#D4CFC8] px-6 py-6 space-y-3"> <div class="flex items-center gap-2"> <svg class="w-4 h-4 text-veloxp-graphite shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path> </svg> <p class="text-xs font-semibold text-veloxp-graphite uppercase tracking-wider"> About This Assessment </p> </div> <p class="text-sm text-veloxp-graphite leading-relaxed"> This ADA Compliance Audit was produced by VeloXP's automated WCAG scanning system using axe-core and Puppeteer. It evaluates website accessibility against WCAG 2.1 Level AA standards — the benchmark recognized by the U.S. Department of Justice for ADA Title II and Title III compliance. Note: Automated scanning detects approximately 30% of WCAG issues. A comprehensive manual audit (available in the Audit tier) covers 100% of testable criteria. </p> </div> </div> </section> <!-- CTA Section --> <section class="py-24 px-6 bg-veloxp-ink"> <div class="max-w-4xl mx-auto space-y-10 stagger-children"> <div class="text-center space-y-4"> <h2 class="text-3xl sm:text-4xl font-bold text-veloxp-paper"> Ready to Fix It? </h2> <p class="text-veloxp-paper/80 max-w-2xl mx-auto"> Questions? Reply to this email or book a quick call. We can have Phase 1 fixes underway within 48 hours of engagement. </p> </div> <!-- Primary CTA --> <div class="flex justify-center"> <a href="https://calendly.com/eddie-lester-veloxp/30min" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-8 py-4 rounded-lg bg-veloxp-gold text-veloxp-ink font-semibold hover:bg-veloxp-copper transition-colors shadow-xl text-lg"> Book a 20-Minute Call <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg> </a> </div> <!-- Calendar embed --> <div class="space-y-4" id="booking"> <p class="text-center font-medium text-veloxp-paper/80"> Pick a time that works — 20 minutes, no pressure. </p> <div class="bg-white rounded-lg shadow-lg max-w-[600px] mx-auto overflow-hidden"> <iframe src="https://api.leadconnectorhq.com/widget/booking/Ksb3T0nLWEsv6Stb131l" style="width:100%;border:none;overflow:hidden;height:680px;" scrolling="no" id="msgsndr-calendar-ada"></iframe> </div> <script src="https://link.msgsndr.com/js/embed.js" type="text/javascript"></script> <style> #msgsndr-calendar-ada { min-height: 680px !important; max-height: 680px !important; height: 680px !important; } </style> </div> <p class="text-center text-sm text-veloxp-paper/50"> Eddie Lester · VeloXP · <a href="mailto:eddie.lester@veloxp.com" class="text-veloxp-gold hover:underline">eddie.lester@veloxp.com</a> </p> </div> </section> <!-- Footer --> <footer style="background-color: #1a1a2e; border-top: 1px solid rgba(245,245,240,0.1);" class="px-6 py-16"> <div class="max-w-5xl mx-auto"> <div class="grid sm:grid-cols-4 gap-10"> <div class="space-y-3"> <span class="text-lg font-bold" style="color: #f5f5f0;">Velo<span class="text-veloxp-gold">XP</span></span> <p class="text-sm" style="color: rgba(245,245,240,0.5);"> From non-compliant to certified. </p> </div> <div class="space-y-3"> <p class="text-xs font-semibold uppercase tracking-wider" style="color: rgba(245,245,240,0.3);"> Services </p> <ul class="space-y-2 text-sm" style="color: rgba(245,245,240,0.5);"> <li>ADA Compliance Audits</li> <li>WCAG Remediation</li> <li>Ongoing Monitoring</li> <li>VPAT / ACR Reports</li> </ul> </div> <div class="space-y-3"> <p class="text-xs font-semibold uppercase tracking-wider" style="color: rgba(245,245,240,0.3);"> Resources </p> <ul class="space-y-2 text-sm" style="color: rgba(245,245,240,0.5);"> <li>ADA Compliance Guide</li> <li>WCAG 2.1 Overview</li> <li>Free Scan Tool</li> </ul> </div> <div class="space-y-3"> <p class="text-xs font-semibold uppercase tracking-wider" style="color: rgba(245,245,240,0.3);"> Connect </p> <ul class="space-y-2 text-sm" style="color: rgba(245,245,240,0.5);"> <li> <a href="mailto:eddie.lester@veloxp.com" class="text-veloxp-gold hover:underline">eddie.lester@veloxp.com</a> </li> <li> <a href="https://linkedin.com/in/maxwellkoby" target="_blank" rel="noopener noreferrer" class="text-veloxp-gold hover:underline">LinkedIn</a> </li> <li> <a href="#booking" class="text-veloxp-gold hover:underline">Book a Call</a> </li> </ul> </div> </div> <div class="mt-12 pt-8 flex flex-col sm:flex-row items-center justify-between gap-4 text-xs" style="border-top: 1px solid rgba(245,245,240,0.1); color: rgba(245,245,240,0.3);"> <p>© 2026 VeloXP. All rights reserved.</p> <p>Built by humans. Powered by agents.</p> <p>Prepared for Logan Health Whitefish | Confidential</p> </div> </div> </footer> <a href="#investment" class="fixed bottom-6 right-6 z-50 rounded-lg shadow-xl h-12 px-4 sm:px-6 gap-2 text-sm font-semibold bg-veloxp-gold hover:bg-veloxp-copper text-veloxp-ink inline-flex items-center transition-colors"> Get ADA Compliant <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path> </svg> </a> <script type="module">window.dataLayer=window.dataLayer||[];function a(){dataLayer.push(arguments)}a("js",new Date);a("config","G-DNSZ8JWG05");</script> </body> </html> <script>(function(){const pageSlug = "logan-hlth-fa30e3-ada"; (function () { var params = new URLSearchParams(window.location.search); var qs = new URLSearchParams({ type: "ada_proposal_view", slug: pageSlug, }); var src = params.get("utm_source"); var med = params.get("utm_medium"); var camp = params.get("utm_campaign"); if (src) qs.set("utm_source", src); if (med) qs.set("utm_medium", med); if (camp) qs.set("utm_campaign", camp); try { fetch("https://agents.veloxp.com/api/track?" + qs.toString(), { method: "POST", keepalive: true, }).catch(function () {}); } catch (e) {} })(); })();</script>