https://www.sprucetech.com/insights/ FAIL

Score: 94/100 • Errors: 1 • Warnings: 1 • Notices: 0
Tests Passed: 28/30 • 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: 7

target a[aria-label="View posts in Announcement"]

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/announcement/" aria-label="View posts in Announcement"> Announcement </a>

target .wp-block-group.is-layout-constrained.wp-container-core-group-is-layout-cc6471b1:nth-child(3) > .insights-container.mt-4.row > .mb-4.col-12.col-md-6:nth-child(1) > .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/advisory-services/" aria-label="View posts in Advisory Services"> Advisory Services </a>

target .mb-4.col-12.col-md-6: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 a[aria-label="View posts in Industry News"]

HTML snippet

<a href="https://www.sprucetech.com/category/industry-news/" aria-label="View posts in Industry News"> Industry News </a>

target a[aria-label="View posts in Cybersecurity"]

HTML snippet

<a href="https://www.sprucetech.com/category/cybersecurity/" aria-label="View posts in Cybersecurity"> Cybersecurity </a>

target .mb-4.col-12.col-md-6:nth-child(5) > .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/digital-experience/" aria-label="View posts in Digital Experience"> Digital Experience </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: 36

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">Insights</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">Insights</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;">Insights</h1>

target .wp-block-group.is-layout-constrained.wp-container-core-group-is-layout-cc6471b1:nth-child(3) > .wp-block-heading.sprucetech-insights-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="wp-block-heading sprucetech-insights-section-heading">Industry News</h2>

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;">Reach out for more information and discover how Spruce can meet your specific needs.</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/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 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 &amp; Insights">Data Services &amp; 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-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>