← Back to summary

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

Score: 84/100 • Errors: 2 • Warnings: 1 • Notices: 0
Tests Passed: 25/28 • Response Time: 3150ms
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: 3
target div[data-contentful-entry-id="5Uox8UpsjPEKiRfjpJni1v"][data-contentful-field-id="topContent"] > .mobile-body.lg\:desktop-body:nth-child(1) > .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://leginfo.legi..." class="not-prose inline tex..." target="_blank" rel="noopener noreferrer" aria-label="Senate Bill 1 (SB 1)...">
target .mobile-body.lg\:desktop-body:nth-child(8) > .text-sb1-120.no-underline[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 tex..." target="_parent" aria-label="fill out the comment..." href="https://build.ca.gov...">
target div[data-contentful-entry-id="4HSi1zvBDS4VLRw6poKuoW"][data-contentful-field-id="topContent"] > .mobile-body.lg\:desktop-body > .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/p..." class="not-prose inline tex..." target="_blank" rel="noopener noreferrer" aria-label="Caltrans Office of P...">

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="5kNhvhzVQKAKdJalVzLBV4">Transportation</h1>