← Back to summary

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

Score: 84/100 • Errors: 2 • Warnings: 1 • Notices: 0
Tests Passed: 25/28 • Response Time: 3352ms
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: 2
target .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://www.gov.ca.g..." class="not-prose inline tex..." target="_blank" rel="noopener noreferrer" aria-label="package of bills (op...">
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://opr.ca.gov/c..." class="not-prose inline tex..." target="_blank" rel="noopener noreferrer" aria-label="Office of Planning 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: 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="XwEwfMUeMcQHZ1F5w6uhA">About This Site</h1>