← Back to summary

https://www.sprucetech.ai/services PASS

Score: 100/100 • Errors: 0 • Warnings: 3 • Notices: 0
Tests Passed: 22/25 • Response Time: 2974ms
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

Incomplete (manual review) (3)

color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Manual review required to confirm this issue.
nodes: 9
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-5xl font-bold tracking-tight text-white dark:text-white sm:text-6xl lg:text-7xl mb-6">Where AI Strategy Meets Execution</h1>
target .text-white\/90
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-white/90 dark:text-white/90 max-w-3xl mx-auto">
target .w-16.to-red-500.h-16
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<div class="inline-flex items-center justify-center w-16 h-16 rounded-xl bg-gradient-to-br from-orange-500 to-red-500 text-white text-2xl font-bold shadow-lg mb-4 group-hover:scale-110 transition-transform duration-300">01</div>
target .w-16.h-16.from-red-500
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<div class="inline-flex items-center justify-center w-16 h-16 rounded-xl bg-gradient-to-br from-red-500 to-orange-500 text-white text-2xl font-bold shadow-lg mb-4 group-hover:scale-110 transition-transform duration-300">02</div>
target .w-16.h-16.to-amber-500
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<div class="inline-flex items-center justify-center w-16 h-16 rounded-xl bg-gradient-to-br from-orange-600 to-amber-500 text-white text-2xl font-bold shadow-lg mb-4 group-hover:scale-110 transition-transform duration-300">03</div>
target .w-16.from-amber-500.h-16
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<div class="inline-flex items-center justify-center w-16 h-16 rounded-xl bg-gradient-to-br from-amber-500 to-orange-500 text-white text-2xl font-bold shadow-lg mb-4 group-hover:scale-110 transition-transform duration-300">04</div>
target .text-4xl.sm\:text-5xl.text-white
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<h2 class="text-4xl font-bold tracking-tight text-white sm:text-5xl mb-6">Ready to Get Started?</h2>
target .text-orange-100
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<p class="mt-6 text-lg leading-8 text-orange-100">Let's discuss how our AI services can transform your organization and drive measurable results.</p>
target .px-8
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<a class="group relative inline-flex items-center justify-center rounded-xl bg-white px-8 py-4 text-base font-semibold text-orange-600 shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-105" href="/contact">Contact Us</a>
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$="ai-advisory"]
Fix any of the following: Element's contrast ratio could not be determined because of element overlap
HTML snippet
<a href="/services/ai-advisory"><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">AI Advisory</h2></a>
target .lg\:flex-row-reverse.lg\:grid-cols-2.gap-12:nth-child(2) > .lg\:order-1 > a
Fix any of the following: Element's contrast ratio could not be determined because of element overlap
HTML snippet
<a href="/services/ai-solutions-development"><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">AI Solutions Development</h2></a>
target .lg\:grid-cols-2.gap-12.grid:nth-child(3) > 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="/services/ai-driven-engineering"><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">AI-Driven Engineering</h2></a>
target .lg\:order-1 > a[href$="cloud-services"]
Fix any of the following: Element's contrast ratio could not be determined because of element overlap
HTML snippet
<a href="/services/cloud-services"><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">Cloud Services</h2></a>
target .lg\:grid-cols-2.gap-12.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="/services/cybersecurity-services"><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">Cybersecurity Services</h2></a>
target .lg\:flex-row-reverse.lg\:grid-cols-2.gap-12:nth-child(6) > .lg\:order-1 > a
Fix any of the following: Element's contrast ratio could not be determined because of element overlap
HTML snippet
<a href="/services/data-engineering-analytics"><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">Data Engineering &amp; Analytics</h2></a>
target .lg\:grid-cols-2.gap-12.grid:nth-child(7) > 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="/services/ai-staffing-solutions"><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">AI Staffing Solutions</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 class="absolute top-1/2 left-1/2 w-full h-full min-w-full min-h-full -translate-x-1/2 -translate-y-1/2 object-cover" autoplay="" muted="" loop="" playsinline=""><source src="/services-hero-background.mp4?v=3" type="video/mp4"></video>