color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Manual review required to confirm this issue.
nodes: 3
target h1
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<h1>Digital Experience Portfolio</h1>
target .hero-content > p
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<p>Spruce partners with government and enterprise clients to create smarter, more engaging digital experiences that are people-centered, purpose-driven, and powered by innovation.</p>
target #testimonial-panel-1 > .testimonial-card > .attribution
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<span class="attribution">— Rhona Bronson, Head of Marketing | Delaware River & Bay Authority</span>
target-size serious
All touch targets must be 24px large, or leave sufficient space
Manual review required to confirm this issue.
nodes: 7
target #testimonial-tab-1
Fix any of the following:
Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 8px instead of at least 24px. Is the neighbor a target?
HTML snippet
<button class="testimonial-dot" type="button" id="testimonial-tab-1" role="tab" aria-label="Show testimonial 1" aria-controls="testimonial-panel-1" aria-selected="true" tabindex="0"></button>
target #testimonial-tab-2
Fix any of the following:
Element with negative tabindex has insufficient size (8px by 8px, should be at least 24px by 24px). Is this a target?
Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 8px instead of at least 24px. Is this a target?
HTML snippet
<button class="testimonial-dot" type="button" id="testimonial-tab-2" role="tab" aria-label="Show testimonial 2" aria-controls="testimonial-panel-2" aria-selected="false" tabindex="-1"></button>
target #testimonial-tab-3
Fix any of the following:
Element with negative tabindex has insufficient size (8px by 8px, should be at least 24px by 24px). Is this a target?
Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 8px instead of at least 24px. Is the neighbor a target?
HTML snippet
<button class="testimonial-dot" type="button" id="testimonial-tab-3" role="tab" aria-label="Show testimonial 3" aria-controls="testimonial-panel-3" aria-selected="false" tabindex="-1"></button>
target #testimonial-tab-4
Fix any of the following:
Element with negative tabindex has insufficient size (8px by 8px, should be at least 24px by 24px). Is this a target?
Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 8px instead of at least 24px. Is the neighbor a target?
HTML snippet
<button class="testimonial-dot" type="button" id="testimonial-tab-4" role="tab" aria-label="Show testimonial 4" aria-controls="testimonial-panel-4" aria-selected="false" tabindex="-1"></button>
target #testimonial-tab-5
Fix any of the following:
Element with negative tabindex has insufficient size (8px by 8px, should be at least 24px by 24px). Is this a target?
Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 8px instead of at least 24px. Is the neighbor a target?
HTML snippet
<button class="testimonial-dot" type="button" id="testimonial-tab-5" role="tab" aria-label="Show testimonial 5" aria-controls="testimonial-panel-5" aria-selected="false" tabindex="-1"></button>
target #testimonial-tab-6
Fix any of the following:
Element with negative tabindex has insufficient size (8px by 8px, should be at least 24px by 24px). Is this a target?
Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 8px instead of at least 24px. Is the neighbor a target?
HTML snippet
<button class="testimonial-dot" type="button" id="testimonial-tab-6" role="tab" aria-label="Show testimonial 6" aria-controls="testimonial-panel-6" aria-selected="false" tabindex="-1"></button>
target #testimonial-tab-7
Fix any of the following:
Element with negative tabindex has insufficient size (8px by 8px, should be at least 24px by 24px). Is this a target?
Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 8px instead of at least 24px. Is the neighbor a target?
HTML snippet
<button class="testimonial-dot" type="button" id="testimonial-tab-7" role="tab" aria-label="Show testimonial 7" aria-controls="testimonial-panel-7" aria-selected="false" tabindex="-1"></button>