Sonde

Accessibility Health Check

https://kingcounty.gov

Sonde ScoreHigher is better

Excellent

May 26, 2026

Provided free by Sonde

3 pages 84 findings 2 critical 15 high 63 medium 4 low 28 avg/page 3,984 elements 47 with findings 98.8% ECR 4m 22s total 1m 27s per page

King County (WA)

Sonde ScoreHigher is better

Excellent

Executive Summary

3 pages 84 findings 28 avg/page 3,984 elements 47 with findings 98.8% ECR 4m 22s total 1m 27s per page

Top Findings

Copy a direct link to share a finding Open a discussion to give feedback on a finding

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
Element:
<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
Element:
<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 servi
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- 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
Element:
<!-- 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
Element:
<!-- 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
Element:
<!-- 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
Element:
<!-- 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
Element:
<!-- 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
Element:
<!-- 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
Element:
<!-- 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
Element:
<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
Element:
<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
Element:
<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
Element:
<a>Here's how you know</a>
high Missing Strict-Transport-Security header (HSTS)
Page: /
high Missing Strict-Transport-Security header (HSTS)
Page: /en
high Missing Strict-Transport-Security header (HSTS)
Page: /en/404
medium Page has 2 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 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
Element:
<!-- 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
Element:
<!-- 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
Element:
<!-- 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
Element:
<!-- 3 navigation landmarks, 2 labeled -->
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
Page: /
Element:
<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
Page: /
Element:
<div class="note-text">
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
Page: /en
Element:
<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
Page: /en
Element:
<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
Page: /en/404
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<a></a>
medium "King County Calendar" is visually at position 5 but receives focus at position 81 (drift: 76). WCAG 2.4.3
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<#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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<span class="sr-only">Language selector</span>
low Possible stuck loading animation: "spinner-rotator" still running after page readiness
Page: /
Element:
<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
Page: /
Element:
<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
Page: /en
Element:
<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
Page: /en
Element:
<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
Element:
<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
Element:
<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 servi
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- 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
Element:
<!-- 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
Element:
<!-- 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
Element:
<!-- 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
Element:
<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
Element:
<a>Skip to main content</a>
high Missing Strict-Transport-Security header (HSTS)
Page: /
medium Page has 2 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 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
Element:
<!-- a11y: role="generic" -->
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
Page: /
Element:
<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
Page: /
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<a></a>
medium "King County Calendar" is visually at position 5 but receives focus at position 81 (drift: 76). WCAG 2.4.3
Element:
<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
Element:
<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
Element:
<button>Primary Menu</button>
low Possible stuck loading animation: "spinner-rotator" still running after page readiness
Page: /
Element:
<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
Page: /
Element:
<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
Element:
<!-- 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
Element:
<!-- 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
Element:
<!-- 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
Element:
<!-- 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
Element:
<a>Here's how you know</a>
high Missing Strict-Transport-Security header (HSTS)
Page: /en
medium Page has 2 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 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
Element:
<!-- a11y: role="generic" -->
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
Page: /en
Element:
<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
Page: /en
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Page: /en
Element:
<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
Page: /en
Element:
<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
Element:
<a>Here's how you know</a>
high Missing Strict-Transport-Security header (HSTS)
Page: /en/404
medium Page has 3 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 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
Page: /en/404
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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
Element:
<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.

Score = round(1000 × S / (S + P/N))

where S = sensitivity (750), P = Σ(weight × count), N = pages scanned

TierWeightExamples
Critical10Keyboard traps, missing page language
High3Missing alt text, insufficient contrast
Medium1Heading hierarchy, unclear link purpose
Low0.25Best-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.

Nominate a Site →