https://build.ca.gov/ FAIL

Score: 78/100 • Errors: 3 • Warnings: 3 • Notices: 0
Tests Passed: 25/31 • Response Time: 13674ms
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 (3)

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">

color-contrast serious

Elements must meet minimum color contrast ratio thresholds

Learn more

nodes: 1

target .md\:text-\[68px\]

Fix any of the following: Element has insufficient color contrast of 2.59 (foreground color: #f37a21, background color: #f5f8ff, font size: 51.0pt (68px), font weight: bold). Expected contrast ratio of 3:1

HTML snippet

<h2 class="text-[36px] md:text-[68px] font-bold text-center leading-[1] text-orange-100">Investing $180 billion in California’s future</h2>

link-in-text-block serious

Links must be distinguishable without relying on color

Learn more

nodes: 1

target .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://dot.ca.gov/r..." class="not-prose inline tex..." target="_blank" rel="noopener noreferrer" aria-label="Request ADA Complian...">

Incomplete (manual review) (3)

color-contrast serious

Elements must meet minimum color contrast ratio thresholds

Manual review required to confirm this issue.

Learn more

nodes: 2

target h1

Fix any of the following: Element's background color could not be determined due to a background gradient

HTML snippet

<h1 class="text-[36px] md:text-[48px] lg:text-[70px] font-bold text-neutral-white w-full lg:w-[800px] lg:mb-[-10px]">Building California</h1>

target .text-\[24px\]

Fix any of the following: Element's background color could not be determined due to a background gradient

HTML snippet

<h2 class="text-[24px] md:text-[30px] lg:text-[45px] font-bold text-neutral-white w-full lg:w-full leading-[1] lg:mt-[.8rem]">A bright future doesn’t just happen — we must build it</h2>

video-caption critical

<video> elements must have captions

Manual review required to confirm this issue.

Learn more

nodes: 1

target video

Fix all of the following: Check that captions are available for the element

HTML snippet

<video class="object-cover w-full object-center relative css-1im33ek e13nj9f21" autoplay="" loop="" playsinline="">

no-autoplay-audio moderate

<video> or <audio> elements must not play automatically

Manual review required to confirm this issue.

Learn more

nodes: 1

target video

Fix all of the following: <video> or <audio> outputs audio for more than allowed duration and does not have a controls mechanism

HTML snippet

<video class="object-cover w-full object-center relative css-1im33ek e13nj9f21" autoplay="" loop="" playsinline="">