← Back to summary

https://build.ca.gov/capti FAIL

Score: 84/100 • Errors: 2 • Warnings: 1 • Notices: 0
Tests Passed: 25/28 • Response Time: 3357ms
Target: WCAG 2.1 Level AA • Settle Delay: 2000ms • Audit Profile: wcag • Run Profile: desktop
Tags Used: wcag2a, wcag2aa, wcag21a, wcag21aa
Excluded Rules: none

Errors (2)

aria-required-children critical
Certain ARIA roles must contain particular children
Learn more
nodes: 1
target ul[role="tablist"]
Fix any of the following: Element has children which are not allowed: [role=button]
HTML snippet
<ul role="tablist" class="flex items-center space-x-2">
link-in-text-block serious
Links must be distinguishable without relying on color
Learn more
nodes: 8
target .mobile-body.lg\:desktop-body:nth-child(3) > .text-sb1-120.no-underline.focus-visible\:ring-sb1-120
Fix any of the following: The link has insufficient color contrast of 1.99:1 with the surrounding text. (Minimum contrast is 3:1, link text: #2173a5, surrounding text: #374151) The link has no styling (such as underline) to distinguish it from the surrounding text
HTML snippet
<a href="https://assets.ctfas..." class="text-sb1-120 no-unde..." target="_blank" rel="noopener noreferrer" aria-label="Action 4.1, pdf file...">
target .mobile-body.lg\:desktop-body:nth-child(19) > .text-sb1-120[aria-label="Building CA Project Map"][target="_parent"]
Fix any of the following: The link has insufficient color contrast of 1.99:1 with the surrounding text. (Minimum contrast is 3:1, link text: #2173a5, surrounding text: #374151) The link has no styling (such as underline) to distinguish it from the surrounding text
HTML snippet
<a class="not-prose inline text-sb1-120 no-underline not-prose hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-sb1-120 focus-visible:ring-offset-2" target="_parent" aria-label="Building CA Project Map" href="https://build.ca.gov/building-ca-maps">
target .text-sb1-120[href$="glossary"][target="_parent"]
Fix any of the following: The link has insufficient color contrast of 1.99:1 with the surrounding text. (Minimum contrast is 3:1, link text: #2173a5, surrounding text: #374151) The link has no styling (such as underline) to distinguish it from the surrounding text
HTML snippet
<a class="text-sb1-120 no-underline not-prose inline hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-sb1-120 focus-visible:ring-offset-2" target="_parent" aria-label="Building California site glossary" href="/glossary">Building California site glossary</a>
target .mobile-body.lg\:desktop-body:nth-child(1) > .text-sb1-120.no-underline.focus-visible\:ring-sb1-120:nth-child(1)
Fix any of the following: The link has insufficient color contrast of 1.99:1 with the surrounding text. (Minimum contrast is 3:1, link text: #2173a5, surrounding text: #374151) The link has no styling (such as underline) to distinguish it from the surrounding text
HTML snippet
<a href="https://www.gov.ca.g..." class="not-prose inline tex..." target="_blank" rel="noopener noreferrer" aria-label="2019, pdf file (open...">
target .text-sb1-120.no-underline.focus-visible\:ring-sb1-120:nth-child(2)
Fix any of the following: The link has insufficient color contrast of 1.99:1 with the surrounding text. (Minimum contrast is 3:1, link text: #2173a5, surrounding text: #374151) The link has no styling (such as underline) to distinguish it from the surrounding text
HTML snippet
<a href="https://www.library...." class="not-prose inline tex..." target="_blank" rel="noopener noreferrer" aria-label="2020, pdf file (open...">
target .mobile-body.lg\:desktop-body:nth-child(2) > .text-sb1-120.no-underline.focus-visible\:ring-sb1-120
Fix any of the following: The link has insufficient color contrast of 1.99:1 with the surrounding text. (Minimum contrast is 3:1, link text: #2173a5, surrounding text: #374151) The link has no styling (such as underline) to distinguish it from the surrounding text
HTML snippet
<a href="https://assets.ctfas..." class="not-prose inline tex..." target="_blank" rel="noopener noreferrer" aria-label="CAPTI 1.0, pdf file ...">
target .mobile-body.lg\:desktop-body:nth-child(4) > .text-sb1-120.no-underline.focus-visible\:ring-sb1-120
Fix any of the following: The link has insufficient color contrast of 1.99:1 with the surrounding text. (Minimum contrast is 3:1, link text: #2173a5, surrounding text: #374151) The link has no styling (such as underline) to distinguish it from the surrounding text
HTML snippet
<a href="https://assets.ctfas..." class="not-prose inline tex..." target="_blank" rel="noopener noreferrer" aria-label="CAPTI 2.0, pdf file ...">
target .mobile-body.lg\:desktop-body:nth-child(8) > .text-sb1-120.no-underline.focus-visible\:ring-sb1-120
Fix any of the following: The link has insufficient color contrast of 1.99:1 with the surrounding text. (Minimum contrast is 3:1, link text: #2173a5, surrounding text: #374151) The link has no styling (such as underline) to distinguish it from the surrounding text
HTML snippet
<a href="https://calsta.ca.go..." class="not-prose inline tex..." target="_blank" rel="noopener noreferrer" aria-label="additional CAPTI inf...">

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: 1
target h1
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<h1 class="mobile-page-title lg:desktop-page-title text-neutral-white" data-contentful-field-id="pageName" data-contentful-entry-id="4NNHW5JyeP2aJJHTL2qzUB">California Projects Under Development</h1>