Accessibility Health Check
https://kingcounty.gov
Excellent
https://daylight.sonde.tech/usgov/kingcounty-gov/
King County (WA)
Excellent
Executive Summary
Top Findings
critical Insufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Trailhead Direct returns May 23" WCAG 1.4.3
<h3 class="hero-title">
Trailhead Direct returns May 23
</h3>critical Insufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Take transit to the Issaquah Alps and Mount Si trails on wee" WCAG 1.4.3
<p class="hero-text">
Take transit to the Issaquah Alps and Mount Si trails on weekends and holidays, Saturday, May 23 through Sunday, August 30. The 2026 season includes servihigh Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" -->
high Focus jumps backward from "Close official government website notice" to "Here's how you know" (visual distance: 491px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Here's how you know</a>
high Focus jumps backward from "Back to Top" to "Skip to main content" (visual distance: 5245px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Skip to main content</a>
high Focus jumps backward from "Close official government website notice" to "Here's how you know" (visual distance: 491px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Here's how you know</a>
high Focus jumps backward from "Close official government website notice" to "Here's how you know" (visual distance: 491px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Here's how you know</a>
high Missing Strict-Transport-Security header (HSTS)
high Missing Strict-Transport-Security header (HSTS)
high Missing Strict-Transport-Security header (HSTS)
medium Page has 2 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
<!-- 2 navigation landmarks, 1 labeled -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
<!-- a11y: role="generic" -->
medium Page has 2 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
<!-- 2 navigation landmarks, 1 labeled -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
<!-- a11y: role="generic" -->
medium Page has 3 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
<!-- 3 navigation landmarks, 2 labeled -->
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
<h3 class="hero-title">
Trailhead Direct returns May 23
</h3>medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="note-text">
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
<h3 class="hero-title">
Trailhead Direct returns May 23
</h3>medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="note-text">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="note-text">
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/dhr/about-king-county/jobs-benefits/find-a-job">Careers</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="https://contact.kingcounty.gov/">Contact us </a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/shared-topics/about-king-county/departments">Departments</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/dhr/about-king-county/hr-resources-employees-partners/employee-resources">Employee resources</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/independents/about-king-county/king-county-tv">King County TV (KCTV)</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/shared-topics/about">SEE ALL</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services/adopt-a-pet">Pet adoption</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services">Regional Animal Services (RASKC)</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services/pet-licenses">Pet licenses</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services/found-pet">Found Pets</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/dhr/about-king-county/jobs-benefits/find-a-job">Careers</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="https://contact.kingcounty.gov/">Contact us </a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/shared-topics/about-king-county/departments">Departments</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/dhr/about-king-county/hr-resources-employees-partners/employee-resources">Employee resources</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/independents/about-king-county/king-county-tv">King County TV (KCTV)</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/shared-topics/about">SEE ALL</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services/adopt-a-pet">Pet adoption</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services">Regional Animal Services (RASKC)</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services/pet-licenses">Pet licenses</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services/found-pet">Found Pets</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/dhr/about-king-county/jobs-benefits/find-a-job">Careers</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="https://contact.kingcounty.gov/">Contact us </a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/shared-topics/about-king-county/departments">Departments</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/dhr/about-king-county/hr-resources-employees-partners/employee-resources">Employee resources</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/independents/about-king-county/king-county-tv">King County TV (KCTV)</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/shared-topics/about">SEE ALL</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services/adopt-a-pet">Pet adoption</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services">Regional Animal Services (RASKC)</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services/pet-licenses">Pet licenses</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services/found-pet">Found Pets</a>
medium The same link functionality is identified as "Skip to main content" on https://kingcounty.gov/ and "Translate" on https://kingcounty.gov/en. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a class="VIpgJd-ZVi9od-l4eHX-hSRGPd" href="https://translate.google.com" target="_blank"><img src="https://www.gstatic.com/images/branding/googlelogo/1x/googlelogo_color_42x16dp.png" width="37px" height="14px" style="padding-right: 3px" alt="Google Translate">Translate</a>
medium The same link functionality is identified as "Skip to main content" on https://kingcounty.gov/ and "powered by Translate" on https://kingcounty.gov/en/404. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a class="body-small" href="https://translate.google.com" target="_blank">
powered by
<img src="https://www.gstatic.com/images/branding/googlelogo/1x/googlelogo_color_42x16dp.png" alt="Google Translate">
Translate
</a>medium "Our offices will be closed and transit and service schedules" is visually at position 9 but receives focus at position 85 (drift: 76). WCAG 2.4.3
<a>Our offices will be closed and transit and service schedules</a>
medium "#languageMenuButton" is visually at position 6 but receives focus at position 82 (drift: 76). WCAG 2.4.3
<button></button>
medium "Close official government website notice" is visually at position 3 but receives focus at position 78 (drift: 75). WCAG 2.4.3
<a>Close official government website notice</a>
medium "header > div > div:nth-of-type(1) > div:nth-of-type(1) > a" is visually at position 4 but receives focus at position 80 (drift: 76). WCAG 2.4.3
<a></a>
medium "King County Calendar" is visually at position 5 but receives focus at position 81 (drift: 76). WCAG 2.4.3
<a>King County Calendar</a>
medium "Search the site" is visually at position 7 but receives focus at position 83 (drift: 76). WCAG 2.4.3
<a>Search the site</a>
medium "Primary Menu" is visually at position 8 but receives focus at position 84 (drift: 76). WCAG 2.4.3
<button>Primary Menu</button>
medium Site set has only one navigation mechanism (navigation) across 2 comparable pages. WCAG requires at least two ways to locate a page within a set of pages. WCAG 2.4.5
medium Page requires horizontal scrolling at Modern phone (390px width, 15px overflow). Content should reflow without horizontal scrolling. WCAG Sonde responsive contract
<html lang="und">
medium Page requires horizontal scrolling at Phone SE (320px width, 15px overflow). Content should reflow without horizontal scrolling. WCAG 1.4.10
<html lang="und">
medium Interactive control "#HowToKnow" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<#HowToKnow>
medium Interactive control "a.sr-only.sr-only-focusable" is only 16px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<a.sr-only.sr-only-focusable>
medium Interactive control "button.close" is only 40px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<button.close>
medium Content clipped by 53px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
<h2 id="footerLinks" class="sr-only">Footer Links</h2>
medium Content clipped by 24px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
<a href="#maincontent" class="sr-only sr-only-focusable">Skip to main content</a>
medium Content clipped by 24px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
<div>
King County officials urge extra caution on rivers after December flooding created new potential drowning hazards
</div>medium Content clipped by 24px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
<div class="topic-card-footer">See current images from traffic cameras in unincorporated King County.</div>
medium Content clipped by 71px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
<h1 class="sr-only">Home</h1>
medium Content clipped by 53px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
<h2 class="sr-only">
Topics
</h2>medium Content clipped by 54px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
<p class="editorial-spotlight-card-text"> Disaster Recovery Center open through June 10 to help residents apply for federal assistance </p>
medium Content clipped by 26px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
<span class="sr-only">Language selector</span>
low Possible stuck loading animation: "spinner-rotator" still running after page readiness
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
low Possible stuck loading animation: "spinner-dash" still running after page readiness
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
low Possible stuck loading animation: "spinner-rotator" still running after page readiness
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
low Possible stuck loading animation: "spinner-dash" still running after page readiness
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
Best Page Fix Opportunities
kingcounty.gov32findings
critical Insufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Trailhead Direct returns May 23" WCAG 1.4.3
<h3 class="hero-title">
Trailhead Direct returns May 23
</h3>critical Insufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Take transit to the Issaquah Alps and Mount Si trails on wee" WCAG 1.4.3
<p class="hero-text">
Take transit to the Issaquah Alps and Mount Si trails on weekends and holidays, Saturday, May 23 through Sunday, August 30. The 2026 season includes servihigh Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" -->
high Focus jumps backward from "Close official government website notice" to "Here's how you know" (visual distance: 491px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Here's how you know</a>
high Focus jumps backward from "Back to Top" to "Skip to main content" (visual distance: 5245px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Skip to main content</a>
high Missing Strict-Transport-Security header (HSTS)
medium Page has 2 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
<!-- 2 navigation landmarks, 1 labeled -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
<!-- a11y: role="generic" -->
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
<h3 class="hero-title">
Trailhead Direct returns May 23
</h3>medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="note-text">
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/dhr/about-king-county/jobs-benefits/find-a-job">Careers</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="https://contact.kingcounty.gov/">Contact us </a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/shared-topics/about-king-county/departments">Departments</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/dhr/about-king-county/hr-resources-employees-partners/employee-resources">Employee resources</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/independents/about-king-county/king-county-tv">King County TV (KCTV)</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/shared-topics/about">SEE ALL</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services/adopt-a-pet">Pet adoption</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services">Regional Animal Services (RASKC)</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services/pet-licenses">Pet licenses</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services/found-pet">Found Pets</a>
medium "Our offices will be closed and transit and service schedules" is visually at position 9 but receives focus at position 85 (drift: 76). WCAG 2.4.3
<a>Our offices will be closed and transit and service schedules</a>
medium "#languageMenuButton" is visually at position 6 but receives focus at position 82 (drift: 76). WCAG 2.4.3
<button></button>
medium "Close official government website notice" is visually at position 3 but receives focus at position 78 (drift: 75). WCAG 2.4.3
<a>Close official government website notice</a>
medium "header > div > div:nth-of-type(1) > div:nth-of-type(1) > a" is visually at position 4 but receives focus at position 80 (drift: 76). WCAG 2.4.3
<a></a>
medium "King County Calendar" is visually at position 5 but receives focus at position 81 (drift: 76). WCAG 2.4.3
<a>King County Calendar</a>
medium "Search the site" is visually at position 7 but receives focus at position 83 (drift: 76). WCAG 2.4.3
<a>Search the site</a>
medium "Primary Menu" is visually at position 8 but receives focus at position 84 (drift: 76). WCAG 2.4.3
<button>Primary Menu</button>
low Possible stuck loading animation: "spinner-rotator" still running after page readiness
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
low Possible stuck loading animation: "spinner-dash" still running after page readiness
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
/en24findings
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" -->
high Focus jumps backward from "Close official government website notice" to "Here's how you know" (visual distance: 491px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Here's how you know</a>
high Missing Strict-Transport-Security header (HSTS)
medium Page has 2 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
<!-- 2 navigation landmarks, 1 labeled -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
<!-- a11y: role="generic" -->
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
<h3 class="hero-title">
Trailhead Direct returns May 23
</h3>medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="note-text">
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/dhr/about-king-county/jobs-benefits/find-a-job">Careers</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="https://contact.kingcounty.gov/">Contact us </a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/shared-topics/about-king-county/departments">Departments</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/dhr/about-king-county/hr-resources-employees-partners/employee-resources">Employee resources</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/independents/about-king-county/king-county-tv">King County TV (KCTV)</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/shared-topics/about">SEE ALL</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services/adopt-a-pet">Pet adoption</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services">Regional Animal Services (RASKC)</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services/pet-licenses">Pet licenses</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services/found-pet">Found Pets</a>
medium The same link functionality is identified as "Skip to main content" on https://kingcounty.gov/ and "Translate" on https://kingcounty.gov/en. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a class="VIpgJd-ZVi9od-l4eHX-hSRGPd" href="https://translate.google.com" target="_blank"><img src="https://www.gstatic.com/images/branding/googlelogo/1x/googlelogo_color_42x16dp.png" width="37px" height="14px" style="padding-right: 3px" alt="Google Translate">Translate</a>
medium Site set has only one navigation mechanism (navigation) across 2 comparable pages. WCAG requires at least two ways to locate a page within a set of pages. WCAG 2.4.5
low Possible stuck loading animation: "spinner-rotator" still running after page readiness
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
low Possible stuck loading animation: "spinner-dash" still running after page readiness
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
/en/40415findings
high Focus jumps backward from "Close official government website notice" to "Here's how you know" (visual distance: 491px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Here's how you know</a>
high Missing Strict-Transport-Security header (HSTS)
medium Page has 3 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
<!-- 3 navigation landmarks, 2 labeled -->
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="note-text">
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/dhr/about-king-county/jobs-benefits/find-a-job">Careers</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="https://contact.kingcounty.gov/">Contact us </a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/shared-topics/about-king-county/departments">Departments</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/dhr/about-king-county/hr-resources-employees-partners/employee-resources">Employee resources</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/independents/about-king-county/king-county-tv">King County TV (KCTV)</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/shared-topics/about">SEE ALL</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services/adopt-a-pet">Pet adoption</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services">Regional Animal Services (RASKC)</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services/pet-licenses">Pet licenses</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 86, 245), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="nav-link" href="/en/dept/executive-services/animals-pets-pests/regional-animal-services/found-pet">Found Pets</a>
medium The same link functionality is identified as "Skip to main content" on https://kingcounty.gov/ and "powered by Translate" on https://kingcounty.gov/en/404. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a class="body-small" href="https://translate.google.com" target="_blank">
powered by
<img src="https://www.gstatic.com/images/branding/googlelogo/1x/googlelogo_color_42x16dp.png" alt="Google Translate">
Translate
</a>Methodology
The Sonde Score is a universal 0–1000 compliance index — think of it like a credit score for accessibility. Each finding is weighted by its impact on human access: a keyboard trap (critical) counts far more than a best-practice suggestion (low). The raw penalty is normalized per page so scores are comparable across sites of any size. A harmonic curve ensures every site gets a meaningful score — no zeros, no false perfection.
where S = sensitivity (750), P = Σ(weight × count), N = pages scanned
| Tier | Weight | Examples |
|---|---|---|
| Critical | 10 | Keyboard traps, missing page language |
| High | 3 | Missing alt text, insufficient contrast |
| Medium | 1 | Heading hierarchy, unclear link purpose |
| Low | 0.25 | Best-practice suggestions |
The Sonde Score is a living standard (v0.1). We publish the methodology and invite public feedback because accessibility is too important for closed-door decisions. Your expertise makes it better.
Enter Mission Control
Review raw findings data, track changes between scans, and contribute to Sonde’s open methodology.
Nominate a Site for the Daylight Index
Know a public website that should be on the accessibility leaderboard? Nominate it — we’ll scan it and publish the results.