← Back to summary

https://www.sprucetech.ai/solutions FAIL

Score: 94/100 • Errors: 1 • Warnings: 3 • Notices: 0
Tests Passed: 22/26 • Response Time: 3045ms
Target: WCAG 2.2 Level AA • Settle Delay: 2000ms • Audit Profile: wcag • Run Profile: desktop
Tags Used: wcag2a, wcag2aa, wcag21a, wcag21aa, wcag22a, wcag22aa
Excluded Rules: none

Errors (1)

color-contrast serious

Elements must meet minimum color contrast ratio thresholds

nodes: 2

target .text-blue-100

Fix any of the following: Element has insufficient color contrast of 2.91 (foreground color: #dbeafe, background color: #ea580c, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

HTML snippet

<p class="mt-6 text-lg leading-8 text-blue-100">Let's discuss how Spruce AI can help your organization achieve similar transformative results.</p>

target .rounded-lg

Fix any of the following: Element has insufficient color contrast of 3.55 (foreground color: #ea580c, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

HTML snippet

<a class="rounded-lg bg-white px-6 py-3 text-base font-semibold text-orange-600 shadow-sm hover:bg-orange-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white" href="/contact">Contact Us</a>

Incomplete (manual review) (3)

color-contrast serious

Elements must meet minimum color contrast ratio thresholds

Manual review required to confirm this issue.

nodes: 2

target h1

Fix any of the following: Element's background color could not be determined due to a background gradient

HTML snippet

<h1 class="text-4xl font-bold tracking-tight text-white sm:text-6xl">Proven AI Solutions</h1>

target .text-neutral-200

Fix any of the following: Element's background color could not be determined due to a background gradient

HTML snippet

<p class="mt-6 text-lg leading-8 text-neutral-200">Discover how organizations across industries have transformed their operations with Spruce AI solutions. Each case study demonstrates real-world impact and measurable results.</p>

link-in-text-block serious

Links must be distinguishable without relying on color

Manual review required to confirm this issue.

nodes: 7

target div:nth-child(2) > a[href$="government"]

Fix any of the following: Element's contrast ratio could not be determined because of element overlap

HTML snippet

<a href="/solutions/government"><h2 class="text-3xl font-bold tracking-tight text-neutral-900 dark:text-neutral-100 sm:text-4xl hover:text-orange-600 dark:hover:text-orange-400 transition-colors">Government</h2></a>

target .lg\:order-1 > a[href$="healthcare"]

Fix any of the following: Element's contrast ratio could not be determined because of element overlap

HTML snippet

<a href="/solutions/healthcare"><h2 class="text-3xl font-bold tracking-tight text-neutral-900 dark:text-neutral-100 sm:text-4xl hover:text-orange-600 dark:hover:text-orange-400 transition-colors">Healthcare</h2></a>

target div:nth-child(2) > a[href$="education"]

Fix any of the following: Element's contrast ratio could not be determined because of element overlap

HTML snippet

<a href="/solutions/education"><h2 class="text-3xl font-bold tracking-tight text-neutral-900 dark:text-neutral-100 sm:text-4xl hover:text-orange-600 dark:hover:text-orange-400 transition-colors">Education</h2></a>

target .lg\:order-1 > a[href$="finance"]

Fix any of the following: Element's contrast ratio could not be determined because of element overlap

HTML snippet

<a href="/solutions/finance"><h2 class="text-3xl font-bold tracking-tight text-neutral-900 dark:text-neutral-100 sm:text-4xl hover:text-orange-600 dark:hover:text-orange-400 transition-colors">Finance</h2></a>

target .gap-12.lg\:grid-cols-2.grid:nth-child(5) > div:nth-child(2) > a

Fix any of the following: Element's contrast ratio could not be determined because of element overlap

HTML snippet

<a href="/solutions/transportation-logistics"><h2 class="text-3xl font-bold tracking-tight text-neutral-900 dark:text-neutral-100 sm:text-4xl hover:text-orange-600 dark:hover:text-orange-400 transition-colors">Transportation &amp; Logistics</h2></a>

target .lg\:order-1 > a[href$="retail"]

Fix any of the following: Element's contrast ratio could not be determined because of element overlap

HTML snippet

<a href="/solutions/retail"><h2 class="text-3xl font-bold tracking-tight text-neutral-900 dark:text-neutral-100 sm:text-4xl hover:text-orange-600 dark:hover:text-orange-400 transition-colors">Retail</h2></a>

target div:nth-child(2) > a[href$="nonprofit"]

Fix any of the following: Element's contrast ratio could not be determined because of element overlap

HTML snippet

<a href="/solutions/nonprofit"><h2 class="text-3xl font-bold tracking-tight text-neutral-900 dark:text-neutral-100 sm:text-4xl hover:text-orange-600 dark:hover:text-orange-400 transition-colors">Nonprofit</h2></a>

video-caption critical

<video> elements must have captions

Manual review required to confirm this issue.

nodes: 1

target video

Fix all of the following: Check that captions are available for the element

HTML snippet

<video autoplay="" loop="" muted="" playsinline="" class="absolute inset-0 w-full h-full object-cover"><source src="/ai-solutions-hero.mp4" type="video/mp4"></video>