color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Manual review required to confirm this issue.
nodes: 77
target .sprucetech-breadcrumb-container > span
Fix any of the following:
Element content is too short to determine if it is actual text content
HTML snippet
<span><span><a href="https://www.sprucetech.com/">Spruce</a></span> » <span class="breadcrumb_last" aria-current="page">About</span></span>
target a[href$="sprucetech.com/"]
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/">Spruce</a>
target .breadcrumb_last
Fix any of the following:
Element's background color could not be determined due to a background image
HTML snippet
<span class="breadcrumb_last" aria-current="page">About</span>
target .sprucetech-header-content > h1
Fix any of the following:
Element's background color could not be determined due to a background image
HTML snippet
<h1 style="color:#000000;">Empowering success with cutting-edge IT services.</h1>
target .sprucetech-header-content > p:nth-child(2)
Fix any of the following:
Element's background color could not be determined due to a background image
HTML snippet
<p>
target .sprucetech-header-content > p:nth-child(3)
Fix any of the following:
Element's background color could not be determined due to a background image
HTML snippet
<p>
target .section-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="section-heading">Our Leadership</h2>
target .leadership-flip-card-row:nth-child(2) > .leadership-flip-card.aligncenter:nth-child(1) > .leadership-member-name
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="leadership-member-name">Srini Penumella</h2>
target .leadership-flip-card-row:nth-child(2) > .leadership-flip-card.aligncenter:nth-child(1) > .leadership-member-title
Fix any of the following:
Element's background color could not be determined because it's partially obscured by another element
HTML snippet
<h3 class="leadership-member-title">CEO</h3>
target .leadership-flip-card-row:nth-child(2) > .leadership-flip-card.aligncenter:nth-child(2) > .leadership-member-name
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="leadership-member-name">Albert Balcells</h2>
target .leadership-flip-card-row:nth-child(2) > .leadership-flip-card.aligncenter:nth-child(2) > .leadership-member-title
Fix any of the following:
Element's background color could not be determined because it's partially obscured by another element
HTML snippet
<h3 class="leadership-member-title">Chief Technology Officer</h3>
target .leadership-flip-card-row:nth-child(2) > .leadership-flip-card.aligncenter:nth-child(3) > .leadership-member-name
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="leadership-member-name">James Mahoney</h2>
target .leadership-flip-card-row:nth-child(2) > .leadership-flip-card.aligncenter:nth-child(3) > .leadership-member-title
Fix any of the following:
Element's background color could not be determined because it's partially obscured by another element
HTML snippet
<h3 class="leadership-member-title">EVP, Professional Services</h3>
target .leadership-flip-card-row:nth-child(3) > .leadership-flip-card.aligncenter:nth-child(1) > .leadership-flip-card-inner > .leadership-flip-card-back > .leadership-flip-card-back-content
Fix any of the following:
Element's background color could not be determined because it partially overlaps other elements
HTML snippet
<div class="leadership-flip-card-back-content">
target .leadership-flip-card-row:nth-child(3) > .leadership-flip-card.aligncenter:nth-child(1) > .leadership-member-name
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="leadership-member-name">Srini Chintalapudi</h2>
target .leadership-flip-card-row:nth-child(3) > .leadership-flip-card.aligncenter:nth-child(1) > .leadership-member-title
Fix any of the following:
Element's background color could not be determined because it's partially obscured by another element
HTML snippet
<h3 class="leadership-member-title">EVP, Operations & Strategic Staffing</h3>
target .leadership-flip-card-row:nth-child(3) > .leadership-flip-card.aligncenter:nth-child(2) > .leadership-flip-card-inner > .leadership-flip-card-back > .leadership-flip-card-back-content
Fix any of the following:
Element's background color could not be determined because it partially overlaps other elements
HTML snippet
<div class="leadership-flip-card-back-content">
target .leadership-flip-card-row:nth-child(3) > .leadership-flip-card.aligncenter:nth-child(2) > .leadership-member-name
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="leadership-member-name">Muttu Nagubandi</h2>
target .leadership-flip-card-row:nth-child(3) > .leadership-flip-card.aligncenter:nth-child(2) > .leadership-member-title
Fix any of the following:
Element's background color could not be determined because it's partially obscured by another element
HTML snippet
<h3 class="leadership-member-title">EVP, West Coast Operations</h3>
target .leadership-flip-card-row:nth-child(3) > .leadership-flip-card.aligncenter:nth-child(3) > .leadership-flip-card-inner > .leadership-flip-card-back > .leadership-flip-card-back-content
Fix any of the following:
Element's background color could not be determined because it partially overlaps other elements
HTML snippet
<div class="leadership-flip-card-back-content">
target .leadership-flip-card-row:nth-child(3) > .leadership-flip-card.aligncenter:nth-child(3) > .leadership-member-name
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="leadership-member-name">Richard Stow</h2>
target .leadership-flip-card-row:nth-child(3) > .leadership-flip-card.aligncenter:nth-child(3) > .leadership-member-title
Fix any of the following:
Element's background color could not be determined because it's partially obscured by another element
HTML snippet
<h3 class="leadership-member-title">EVP Sales and Marketing</h3>
target .sprucetech-awards-section-container > .sprucetech-page-heading.mb-4.wp-block-heading
Fix any of the following:
Element's background color could not be determined due to a background image
HTML snippet
<h2 class="wp-block-heading sprucetech-page-heading mb-4">Awards & Clients</h2>
target .justify-content-center.align-items-center.spruce-page-section-spaced > .sprucetech-page-heading.mb-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 sprucetech-page-heading mb-4">Our Values</h2>
target .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493:nth-child(2) > .wp-block-column-is-layout-flow.wp-block-column.is-layout-flow:nth-child(1) > .sprucetech-values-card.wp-block-group-is-layout-constrained.mb-4 > .sprucetech-values-card-headline > 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 & Integrity</strong>
target .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493:nth-child(2) > .wp-block-column-is-layout-flow.wp-block-column.is-layout-flow:nth-child(1) > .sprucetech-values-card.wp-block-group-is-layout-constrained.mb-4 > .sprucetech-values-card-description.has-text-align-center
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-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493:nth-child(2) > .wp-block-column-is-layout-flow.wp-block-column.is-layout-flow:nth-child(2) > .sprucetech-values-card.wp-block-group-is-layout-constrained.mb-4 > .sprucetech-values-card-headline > 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 & Loyalty</strong>
target .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493:nth-child(2) > .wp-block-column-is-layout-flow.wp-block-column.is-layout-flow:nth-child(2) > .sprucetech-values-card.wp-block-group-is-layout-constrained.mb-4 > .sprucetech-values-card-description.has-text-align-center
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-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493:nth-child(3) > .wp-block-column-is-layout-flow.wp-block-column.is-layout-flow:nth-child(1) > .sprucetech-values-card.wp-block-group-is-layout-constrained.mb-4 > .sprucetech-values-card-headline > 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 & Growth</strong>
target .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493:nth-child(3) > .wp-block-column-is-layout-flow.wp-block-column.is-layout-flow:nth-child(1) > .sprucetech-values-card.wp-block-group-is-layout-constrained.mb-4 > .sprucetech-values-card-description.has-text-align-center
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-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493:nth-child(3) > .wp-block-column-is-layout-flow.wp-block-column.is-layout-flow:nth-child(2) > .sprucetech-values-card.wp-block-group-is-layout-constrained.mb-4 > .sprucetech-values-card-headline > 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>
target .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493:nth-child(3) > .wp-block-column-is-layout-flow.wp-block-column.is-layout-flow:nth-child(2) > .sprucetech-values-card.wp-block-group-is-layout-constrained.mb-4 > .sprucetech-values-card-description.has-text-align-center
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 .spruce-page-section-spaced.wp-block-group-is-layout-flow.container:nth-child(7) > .wp-block-heading.mt-4
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 mt-4">National Presence</h2>
target .is-vertically-aligned-center.wp-block-column-is-layout-flow.wp-block-column:nth-child(2) > h4
Fix any of the following:
Element's background color could not be determined because it's partially obscured by another element
HTML snippet
<h4 class="wp-block-heading mb-4">Powering Innovation Across 40+ States Nationwide</h4>
target .is-vertically-aligned-center.wp-block-column-is-layout-flow.wp-block-column:nth-child(2) > .wp-block-group-is-layout-constrained.is-layout-constrained.wp-block-group > p
Fix any of the following:
Element's background color could not be determined because it's partially obscured by another element
HTML snippet
<p>Spruce Technology has been delivering cutting-edge IT services and solutions to clients across the public, private, and federal sectors since its establishment in 2006.</p>
target .spruce-page-section-spaced.wp-block-group-is-layout-flow.container:nth-child(8) > .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">Corporate Social Responsibility</h2>
target .wp-block-column-is-layout-constrained.is-layout-constrained.wp-block-column:nth-child(1) > .sprucetech-flip-card.mt-4:nth-child(1) > .sprucetech-flip-card-inner > .sprucetech-flip-card-back > .flip-card-content > li:nth-child(1)
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<li>Internship opportunities for hands-on experience and career development.</li>
target .wp-block-column-is-layout-constrained.is-layout-constrained.wp-block-column:nth-child(1) > .sprucetech-flip-card.mt-4:nth-child(1) > .sprucetech-flip-card-inner > .sprucetech-flip-card-back > .flip-card-content > li:nth-child(2)
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<li>Training and Development programs to enhance skills and professional growth.</li>
target .wp-block-column-is-layout-constrained.is-layout-constrained.wp-block-column:nth-child(1) > .sprucetech-flip-card.mt-4:nth-child(1) > .sprucetech-flip-card-inner > .sprucetech-flip-card-back > .flip-card-content > li:nth-child(3)
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<li>CEO participation in NYC Small Business Mentoring Program.</li>
target .wp-block-column-is-layout-constrained.is-layout-constrained.wp-block-column:nth-child(1) > .sprucetech-flip-card.mt-4:nth-child(2) > .sprucetech-flip-card-inner > .sprucetech-flip-card-back > .flip-card-content > li:nth-child(1)
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<li>Remote Work to reduce carbon footprint and enhance work-life balance.</li>
target .wp-block-column-is-layout-constrained.is-layout-constrained.wp-block-column:nth-child(1) > .sprucetech-flip-card.mt-4:nth-child(2) > .sprucetech-flip-card-inner > .sprucetech-flip-card-back > .flip-card-content > li:nth-child(2)
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<li>Sustainable Technology Solutions for eco-friendly business operations.</li>
target .wp-block-column-is-layout-constrained.is-layout-constrained.wp-block-column:nth-child(1) > .sprucetech-flip-card.mt-4:nth-child(2) > .sprucetech-flip-card-inner > .sprucetech-flip-card-back > .flip-card-content > li:nth-child(3)
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<li>Green Goals to minimize environmental impact and promote sustainability.</li>
target .wp-block-column-is-layout-constrained.is-layout-constrained.wp-block-column:nth-child(2) > .sprucetech-flip-card.mt-4:nth-child(1) > .sprucetech-flip-card-inner > .sprucetech-flip-card-back > .flip-card-content > li:nth-child(1)
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<li>Donation Walkathon in partnership with The Rose to support Breast Cancer Awareness.</li>
target .wp-block-column-is-layout-constrained.is-layout-constrained.wp-block-column:nth-child(2) > .sprucetech-flip-card.mt-4:nth-child(1) > .sprucetech-flip-card-inner > .sprucetech-flip-card-back > .flip-card-content > li:nth-child(2)
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<li>Virtual Volunteer Opportunities to engage in meaningful philanthropic activities remotely.</li>
target .wp-block-column-is-layout-constrained.is-layout-constrained.wp-block-column:nth-child(2) > .sprucetech-flip-card.mt-4:nth-child(1) > .sprucetech-flip-card-inner > .sprucetech-flip-card-back > .flip-card-content > li:nth-child(3)
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<li>Supporting the Boys & Girls Club of America to enrich the lives of young people.</li>
target .wp-block-column-is-layout-constrained.is-layout-constrained.wp-block-column:nth-child(2) > .sprucetech-flip-card.mt-4:nth-child(2) > .sprucetech-flip-card-inner > .sprucetech-flip-card-back > .flip-card-content > li:nth-child(1)
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<li>Recruiting outreach through national and local organizations supporting hiring.</li>
target .wp-block-column-is-layout-constrained.is-layout-constrained.wp-block-column:nth-child(2) > .sprucetech-flip-card.mt-4:nth-child(2) > .sprucetech-flip-card-inner > .sprucetech-flip-card-back > .flip-card-content > li:nth-child(2)
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<li>Regular measurement of progress in hiring women, minority, and veteran candidates.</li>
target .wp-block-column-is-layout-constrained.is-layout-constrained.wp-block-column:nth-child(2) > .sprucetech-flip-card.mt-4:nth-child(2) > .sprucetech-flip-card-inner > .sprucetech-flip-card-back > .flip-card-content > li:nth-child(3)
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<li>Benefits such as floating holidays and flexible work schedules to support diverse needs.</li>
target .callout-wide > p
Fix any of the following:
Element's background color could not be determined due to a background image
HTML snippet
<p style="font-size:2rem;color:#ffffff;font-weight:bold;">Fuel organizational change with Spruce as your trusted partner.</p>
target .sprucetech-button-white
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/" class="sprucetech-button-white mt-4">Learn More</a>
target .px-4.col-12.col-md-6: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 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 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 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 & Insights">Data Services & Insights</a>
target 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 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-12.col-md-6: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 & Inspections">Licensing Permitting & 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-12: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 & Local Government">State & 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 & Private">Commercial & 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-12: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>