← Back to summary

https://www.sprucetech.ai/services/ai-advisory FAIL

Score: 94/100 • Errors: 1 • Warnings: 1 • Notices: 0
Tests Passed: 22/24 • Response Time: 2594ms
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 span:nth-child(5)
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 Advisory</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 Advisory Services</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 help leaders navigate the risks and rewards of artificial intelligence, from readiness to use case prioritization road-mapping.</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 Advisory<!-- --> can transform your organization and drive measurable results.</p>