https://www.sprucetech.com/ FAIL

Score: 94/100 • Errors: 1 • Warnings: 1 • Notices: 0
Tests Passed: 31/33 • Response Time: 4516ms
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: 3

target .row > .col-12.col-md-6.mb-4:nth-child(1) > .sprucetech-insights-card.h-100.flex-column > .sprucetech-insights-card-thumbnail.position-relative > .sprucetech-insights-category-badge.position-absolute > a

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

HTML snippet

<a href="https://www.sprucetech.com/category/advisory-services/" aria-label="View posts in Advisory Services"> Advisory Services </a>

target .col-12.col-md-6.mb-4:nth-child(2) > .sprucetech-insights-card.h-100.flex-column > .sprucetech-insights-card-thumbnail.position-relative > .sprucetech-insights-category-badge.position-absolute > a

HTML snippet

<a href="https://www.sprucetech.com/category/application-development/" aria-label="View posts in Application Development"> Application Development </a>

target .sprucetech-contact-social-wrapper > .sprucetech-contact-button

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

HTML snippet

<a href="https://sprucetech.com/contact-us/" class="sprucetech-contact-button"> 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: 52

target .sprucetech-header-content > h1

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

HTML snippet

<h1>Harnessing Expertise, Empowering Innovation.</h1>

target a[aria-label="Explore Our Capabilities"]

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

HTML snippet

<a href="https://www.sprucetech.com/capabilities/" class="sprucetech-button-white mt-4" aria-label="Explore Our Capabilities" style="color: #ffffff; padding: 10px 20px; text-decoration: none; display: inline-block;"> Explore Our Capabilities </a>

target .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:nth-child(1) > .sprucetech-values-card.wp-block-group.is-layout-constrained > .sprucetech-values-card-headline.wp-block-heading.has-text-align-center > strong

Fix any of the following: Element's background color could not be determined because it's partially obscured by another element

HTML snippet

<strong>Trust &amp; Integrity</strong>

Fix any of the following: Element's background color could not be determined because it's partially obscured by another element

HTML snippet

<p class="has-text-align-center sprucetech-values-card-description">

target .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:nth-child(2) > .sprucetech-values-card.wp-block-group.is-layout-constrained > .sprucetech-values-card-headline.wp-block-heading.has-text-align-center > strong

Fix any of the following: Element's background color could not be determined because it's partially obscured by another element

HTML snippet

<strong>Partner Satisfaction &amp; Loyalty</strong>

Fix any of the following: Element's background color could not be determined because it's partially obscured by another element

HTML snippet

<p class="has-text-align-center sprucetech-values-card-description">

target .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:nth-child(3) > .sprucetech-values-card.wp-block-group.is-layout-constrained > .sprucetech-values-card-headline.wp-block-heading.has-text-align-center > strong

Fix any of the following: Element's background color could not be determined because it's partially obscured by another element

HTML snippet

<strong>Innovation &amp; Growth</strong>

Fix any of the following: Element's background color could not be determined because it's partially obscured by another element

HTML snippet

<p class="has-text-align-center sprucetech-values-card-description">

target .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:nth-child(4) > .sprucetech-values-card.wp-block-group.is-layout-constrained > .sprucetech-values-card-headline.wp-block-heading.has-text-align-center > strong

Fix any of the following: Element's background color could not be determined because it's partially obscured by another element

HTML snippet

<strong>Equal Opportunity</strong>

Fix any of the following: Element's background color could not be determined because it's partially obscured by another element

HTML snippet

<p class="has-text-align-center sprucetech-values-card-description">As a minority-owned business, we consider equal opportunity fundamental to our core values. We embrace the uniqueness of every individual, fostering an environment where all voices are heard and respected.</p>

target .entry-content > .wp-container-core-group-is-layout-cc6471b1.wp-block-group.is-layout-constrained:nth-child(3) > .wp-block-heading

Fix any of the following: Element's background color could not be determined because it's partially obscured by another element

HTML snippet

<h2 class="wp-block-heading">Our Services</h2>

target .callout-content > h2

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

HTML snippet

<h2>For 18 years, Spruce has been your trusted partner in innovation.</h2>

target .spruce-page-section-spaced-bottom > .my-4.wp-block-heading

Fix any of the following: Element's background color could not be determined because it's partially obscured by another element

HTML snippet

<h2 class="wp-block-heading my-4">Success Stories</h2>

target #digital-experience > .sprucetech-project-highlight > .align-items-start.row > .col-lg-6.flex-column.d-flex > .project-title.mb-2.mt-0

Fix any of the following: Element's background color could not be determined because it's partially obscured by another element

HTML snippet

<h2 class="project-title mb-2 mt-0" style="font-size:38px;">Dynamic Website Revamp for Interstate Transit Hub</h2>

target #digital-experience > .sprucetech-project-highlight > .align-items-start.row > .col-lg-6.flex-column.d-flex > .project-description.mb-4

Fix any of the following: Element's background color could not be determined because it's partially obscured by another element

HTML snippet

<p class="project-description mb-4">

target #digital-experience > .sprucetech-project-highlight > .align-items-start.row > .col-lg-6.flex-column.d-flex > p:nth-child(3)

Fix any of the following: Element's background color could not be determined because it's partially obscured by another element

HTML snippet

<p>

target #digital-experience > .sprucetech-project-highlight > .align-items-start.row > .col-lg-6.flex-column.d-flex > .sprucetech-checkbox-list.mb-0 > li:nth-child(1)

Fix any of the following: Element's background color could not be determined because it's partially obscured by another element

HTML snippet

<li>User-Centric Design: Intuitive navigation and layout tailored to user needs.</li>

target #digital-experience > .sprucetech-project-highlight > .align-items-start.row > .col-lg-6.flex-column.d-flex > .sprucetech-checkbox-list.mb-0 > li:nth-child(2)

Fix any of the following: Element's background color could not be determined because it's partially obscured by another element

HTML snippet

<li>Responsive Interface: Optimized performance across various devices and screen sizes.</li>

target #digital-experience > .sprucetech-project-highlight > .align-items-start.row > .col-lg-6.flex-column.d-flex > .sprucetech-checkbox-list.mb-0 > li:nth-child(3)

Fix any of the following: Element's background color could not be determined because it's partially obscured by another element

HTML snippet

<li style="margin-bottom:10px;">Real-Time Updates: Integration of live data feeds to provide up-to-date information.</li>

target #digital-experience > .sprucetech-project-highlight > .align-items-start.row > .col-lg-6.flex-column.d-flex > p:nth-child(5)

Fix any of the following: Element's background color could not be determined because it's partially obscured by another element

HTML snippet

<p> With Spruce’s solution, the client’s family of websites saw significant improvement in overall functionality and user experience, leading to increased user satisfaction and engagement.</p>

target .spruce-page-section-spaced.wp-container-core-group-is-layout-cc6471b1.wp-block-group > .my-4.wp-block-heading

Fix any of the following: Element's background color could not be determined because it's partially obscured by another element

HTML snippet

<h2 class="wp-block-heading my-4">News &amp; Updates</h2>

target .sprucetech-white-callout-tagline

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

HTML snippet

<p class="sprucetech-white-callout-tagline">Reach out for more information and discover how Spruce can meet your specific needs.</p>

target .py-5 > .sprucetech-button-white.mt-4

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

HTML snippet

<a href="https://www.sprucetech.com/contact-us/" class="sprucetech-button-white mt-4">Contact Us</a>

target .px-4.col-lg-2.col-12:nth-child(1) > .widget.footer_widget.mb-3 > .widget-title.h5

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

HTML snippet

<h2 class="widget-title h5">Services</h2>

target #menu-item-66 > a[aria-label="Learn More Advisory Services"]

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

HTML snippet

<a href="https://www.sprucetech.com/capabilities/advisory-services/" aria-label="Learn More Advisory Services">Advisory Services</a>

target #menu-item-65 > a

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

HTML snippet

<a href="https://www.sprucetech.com/capabilities/application-development/" aria-label="Learn More Application Development">Application Development</a>

target #menu-item-64 > a[aria-label="Learn More Cloud Services"]

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

HTML snippet

<a href="https://www.sprucetech.com/capabilities/cloud-services/" aria-label="Learn More Cloud Services">Cloud Services</a>

target #menu-item-63 > a[aria-label="Learn More Cybersecurity"]

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

HTML snippet

<a href="https://www.sprucetech.com/capabilities/cybersecurity/" aria-label="Learn More Cybersecurity">Cybersecurity</a>

target #menu-item-62 > a

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

HTML snippet

<a href="https://www.sprucetech.com/capabilities/data-services-insights/" aria-label="Learn More Data Services &amp; Insights">Data Services &amp; Insights</a>

target #menu-item-40 > a[aria-label="Learn More Digital Experience"]

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

HTML snippet

<a href="https://www.sprucetech.com/capabilities/digital-experience/" aria-label="Learn More Digital Experience">Digital Experience</a>

target #menu-item-60 > a

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

HTML snippet

<a href="https://www.sprucetech.com/capabilities/legacy-modernization/" aria-label="Learn More Legacy Modernization">Legacy Modernization</a>

target #menu-item-59 > a[aria-label="Learn More Staffing"]

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

HTML snippet

<a href="https://www.sprucetech.com/capabilities/staffing/" aria-label="Learn More Staffing">Staffing</a>

target .px-4.col-lg-2.col-12:nth-child(2) > .widget.footer_widget.mb-3 > .widget-title.h5

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

HTML snippet

<h2 class="widget-title h5">Solutions</h2>

target #menu-item-111 > a

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

HTML snippet

<a href="https://www.sprucetech.com/capabilities/licensing-permitting-inspections/" aria-label="Learn More Licensing Permitting &amp; Inspections">Licensing Permitting &amp; Inspections</a>

target a[aria-label="Learn More Timecone"]

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

HTML snippet

<a href="https://www.sprucetech.com/capabilities/timecone/" aria-label="Learn More Timecone">Timecone</a>

target a[aria-label="Learn More Employee Roster"]

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

HTML snippet

<a href="https://www.sprucetech.com/capabilities/employee-roster/" aria-label="Learn More Employee Roster">Employee Roster</a>

target a[aria-label="Learn More Pipeline Safety"]

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

HTML snippet

<a href="https://www.sprucetech.com/capabilities/pipeline-safety/" aria-label="Learn More Pipeline Safety">Pipeline Safety</a>

target #menu-item-107 > a

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

HTML snippet

<a href="https://www.sprucetech.com/capabilities/freedom-of-information-act-foia/" aria-label="Learn More Freedom of Information Act (FOIA)">Freedom of Information Act (FOIA)</a>

target #menu-item-106 > a

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

HTML snippet

<a href="https://www.sprucetech.com/capabilities/ms4-stormwater-management/" aria-label="Learn More MS4 Stormwater Management">MS4 Stormwater Management</a>

target #menu-item-105 > a

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

HTML snippet

<a href="https://www.sprucetech.com/capabilities/underground-damage-prevention/" aria-label="Learn More Underground Damage Prevention">Underground Damage Prevention</a>

target #menu-item-104 > a

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

HTML snippet

<a href="https://www.sprucetech.com/capabilities/equal-employment-opportunity-eeo/" aria-label="Learn More Equal Employment Opportunity (EEO)">Equal Employment Opportunity (EEO)</a>

target .sprucetech-footer-column-padded.px-4.col-lg-2:nth-child(3) > .widget-title.h5 > .sprucetech-footer-header-item.footer-widget-title-menu-item

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

HTML snippet

<a href="https://sprucetech.com/industries/" class="footer-widget-title-menu-item sprucetech-footer-header-item" style="color:#000;">Industries</a>

target a[aria-label="State & Local Government"]

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

HTML snippet

<a href="https://www.sprucetech.com/industries/#state-local-government-industry" aria-label="State &amp; Local Government">State &amp; Local Government</a>

target a[aria-label="Education"]

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

HTML snippet

<a href="https://www.sprucetech.com/industries#education-industry" aria-label="Education">Education</a>

target a[aria-label="Commercial & Private"]

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

HTML snippet

<a href="https://www.sprucetech.com/industries#commercial-private-industry" aria-label="Commercial &amp; Private">Commercial &amp; Private</a>

target a[aria-label="Non-Profit"]

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

HTML snippet

<a href="https://www.sprucetech.com/industries/#non-profit-industry" aria-label="Non-Profit">Non-Profit</a>

target a[aria-label="Federal Government"]

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

HTML snippet

<a href="https://www.sprucetech.com/industries/#federal-government-industry" aria-label="Federal Government">Federal Government</a>

target .sprucetech-footer-column-padded.px-4.col-lg-2:nth-child(4) > .widget-title.h5:nth-child(1) > .sprucetech-footer-header-item.footer-widget-title-menu-item

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

HTML snippet

<a href="https://sprucetech.com/insights/" class="footer-widget-title-menu-item sprucetech-footer-header-item" style="color:#000;"> Insights </a>

target .widget-title.h5:nth-child(2) > a[href$="about/"]

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

HTML snippet

<a href="https://sprucetech.com/about/" class="footer-widget-title-menu-item"> About </a>

target .widget-title.h5:nth-child(3) > .footer-widget-title-menu-item

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

HTML snippet

<a href="https://sprucetech.com/careers/" class="footer-widget-title-menu-item"> Careers </a>

target iframe[title="reCAPTCHA"], .rc-anchor-normal-footer > .rc-anchor-pt > a:nth-child(1)

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

HTML snippet

<a href="https://www.google.com/intl/en/policies/privacy/" target="_blank">Privacy</a>

target iframe[title="reCAPTCHA"], .rc-anchor-normal-footer > .rc-anchor-pt > a:nth-child(3)

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

HTML snippet

<a href="https://www.google.com/intl/en/policies/terms/" target="_blank">Terms</a>