color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Manual review required to confirm this issue.
nodes: 56
target .sprucetech-breadcrumb-container > span
Fix any of the following:
Element's background color could not be determined due to a background image
HTML snippet
<span><span><a href="https://www.sprucetech.com/">Spruce</a></span> » <span><a href="https://www.sprucetech.com/capabilities/">Capabilities</a></span> » <span class="breadcrumb_last" aria-current="page">Application Development</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 span:nth-child(2) > 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/">Capabilities</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">Application Development</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;">Application Development</h1>
target .sprucetech-gradient-container > .container > h2
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<h2>Facing Application Development challenges? Spruce is here to help.</h2>
target .sprucetech-flip-card.short:nth-child(1) > .sprucetech-flip-card-inner > .sprucetech-flip-card-back > .flip-card-back-content > p
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<p>Legacy systems create bottlenecks and limit functionality.</p>
target .sprucetech-flip-card.short:nth-child(2) > .sprucetech-flip-card-inner > .sprucetech-flip-card-back > .flip-card-back-content > p
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<p>Many businesses struggle to connect applications with modern cloud platforms.</p>
target .sprucetech-flip-card.short:nth-child(3) > .sprucetech-flip-card-inner > .sprucetech-flip-card-back > .flip-card-back-content > p
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<p>Poorly developed applications can introduce vulnerabilities.</p>
target .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 mb-4">How We Can Help</h2>
target .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493:nth-child(2) > .wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(1) > .wp-block-media-text.is-vertically-aligned-top.mb-4 > .wp-block-media-text__content > h5 > 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>Custom Software Development</strong>
target .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493:nth-child(2) > .wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(1) > .wp-block-media-text.is-vertically-aligned-top.mb-4 > .wp-block-media-text__content > 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>We design and build scalable applications tailored to business needs, supporting performance, security, and long-term growth.</p>
target .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493:nth-child(2) > .wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(2) > .wp-block-media-text.is-vertically-aligned-top.mb-4 > .wp-block-media-text__content > h5 > 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>Cloud-Native Application Development</strong>
target .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493:nth-child(2) > .wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(2) > .wp-block-media-text.is-vertically-aligned-top.mb-4 > .wp-block-media-text__content > 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>We create applications optimized for cloud environments, enhancing agility, reliability, and cost efficiency.</p>
target .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493:nth-child(3) > .wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(1) > .wp-block-media-text.is-vertically-aligned-top.mb-4 > .wp-block-media-text__content > h5 > 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>API-Driven Architecture & Integration</strong>
target .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493:nth-child(3) > .wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(1) > .wp-block-media-text.is-vertically-aligned-top.mb-4 > .wp-block-media-text__content > 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>We develop and integrate API-driven solutions that connect applications, streamline workflows, and improve interoperability.</p>
target .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493:nth-child(3) > .wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(2) > .wp-block-media-text.is-vertically-aligned-top.mb-4 > .wp-block-media-text__content > h5 > 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>Mobile-First Development & User Experience</strong>
target .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493:nth-child(3) > .wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(2) > .wp-block-media-text.is-vertically-aligned-top.mb-4 > .wp-block-media-text__content > 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>We build mobile applications with intuitive designs, optimizing usability and engagement across all devices.</p>
target .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493:nth-child(4) > .wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(1) > .wp-block-media-text.is-vertically-aligned-top.mb-4 > .wp-block-media-text__content > h5 > 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>Agile Development & Iterative Delivery</strong>
target .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493:nth-child(4) > .wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(1) > .wp-block-media-text.is-vertically-aligned-top.mb-4 > .wp-block-media-text__content > 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>We follow agile methodologies to accelerate innovation, improve collaboration, and adapt solutions based on user feedback.</p>
target .wp-block-group-is-layout-flow.wp-block-group.container-fluid > .wp-block-group-is-layout-flow.wp-block-group.container > .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">Application Development Success Story</h2>
target .project-title
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">Developing a Mobile Inspections Application for a Municipal Agency</h2>
target .project-description
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">
target 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>Spruce Technology developed a customized mobile inspections application integrated with a Customer Relationship Management (CRM) system. This solution enabled inspectors to:</p>
target .sprucetech-checkbox-list > 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>Work offline in the field, with data syncing upon reconnection.</li>
target .sprucetech-checkbox-list > 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>Upload and view multiple images related to inspections.</li>
target .sprucetech-checkbox-list > 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>Submit stop work orders and issue mobile summons directly from the app.</li>
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>Let’s Build the Future Together</h2>
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/contact-us/" class="sprucetech-button-white">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 a[aria-current="page"]
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-current="page" 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>