← Back to summary

https://www.sprucetech.ai/services/ai-solutions-development FAIL

Score: 94/100 • Errors: 1 • Warnings: 1 • Notices: 0
Tests Passed: 22/24 • Response Time: 2575ms
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
Learn more
nodes: 2
target .hover\:scale-105
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="inline-flex items-center rounded-xl bg-white px-8 py-4 text-base font-semibold text-orange-600 shadow-lg hover:bg-orange-50 transition-all duration-300 hover:scale-105" href="/contact">Get Started</a>
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) (1)

color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Manual review required to confirm this issue.
Learn more
nodes: 8
target .hover\:text-white[href="/"]
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<a class="hover:text-white" href="/">Home</a>
target .hover\:text-white[href$="services"]
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<a class="hover:text-white" href="/services">Services</a>
target .space-x-2 > .text-white
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<span class="text-white">AI Solutions Development</span>
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 dark:text-white sm:text-6xl mb-6">AI Solutions Development</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">We build enterprise AI systems that drive efficiency and accelerate decision-making while maximizing efficiency and ROI.</p>
target .bg-white\/20
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<a class="inline-flex items-center rounded-xl bg-white/20 backdrop-blur-sm px-8 py-4 text-base font-semibold text-white border-2 border-white/30 hover:bg-white/30 transition-all duration-300" href="/services">View All Services</a>
target .max-w-2xl
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<h2 class="mx-auto max-w-2xl text-3xl font-bold tracking-tight text-white sm:text-4xl">Ready to Get Started?</h2>
target .max-w-xl
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<p class="mx-auto mt-6 max-w-xl text-lg leading-8 text-orange-100">Let's discuss how our <!-- -->AI Solutions Development<!-- --> can transform your organization and drive measurable results.</p>