Accessibility Health Check
https://kingcounty.gov
Excellent
https://daylight.sonde.life/usgov/kingcounty-gov/
Excellent
Executive Summary
Top Findings
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "expand_more"WCAG 1.4.3
<span tabindex="0" id="heroScrollTo" class="material-icons scroll-down-arrow" translate="no">expand_more</span>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "King County Disaster Recovery Center runs April 28 - June 10"WCAG 1.4.3
<h3 class="hero-title">
King County Disaster Recovery Center runs April 28 - June 10
</h3>Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "King County's Disaster Recovery Center is now available to h"WCAG 1.4.3
<p class="hero-text">
King County's Disaster Recovery Center is now available to help residents impacted by December's flooding with applications for federal disaster assistancCurrent ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.72:1 (required: 4.5:1 for normal text). Foreground: rgb(68, 68, 68), background: rgb(24, 112, 137). Text: "Translate"WCAG 1.4.3
<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" hei
Current ratio: 1.72:1 (need 4.5:1). Change foreground from #444444 to #e6e6e5 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.02:1 (required: 4.5:1 for normal text). Foreground: rgb(102, 102, 102), background: rgb(24, 112, 137). Text: "Select LanguageAbkhazAcehneseAcholiAfarAfrikaansAlbanianAlur"WCAG 1.4.3
<div class="skiptranslate goog-te-gadget" dir="ltr" style=""><div id=":0.targetLanguage"><select class="goog-te-combo" aria-label="Language Translate Widget"><option value="">Select Language</option><
Current ratio: 1.02:1 (need 4.5:1). Change foreground from #666666 to #e6e6e5 (ratio: 4.5:1). Or change background from #187089 to #000000.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
high<html> element must have a lang attribute: Fix any of the following: The <html> element does not have a lang attributeWCAG 3.1.1
<html><head><title>Object moved</title></head><body> <h2>Object moved to <a href="/404?item=%2fen%2f404%2f404-folder-test-js+(route%3a+%7b*pathInfo%7d)&user=extranet%5cAnonymous&site=KCGov">he...
Ensure every HTML document has a lang attribute. See: https://www.w3.org/WAI/WCAG22/Understanding/language-of-page Add a lang attribute to the <html> element with a valid BCP 47 language tag. Example: <html lang="en">.
high<html> element must have a lang attribute: Fix any of the following: The <html> element does not have a lang attributeWCAG 3.1.1
<html><head><title>Object moved</title></head><body> <h2>Object moved to <a href="/404?item=%2fen%2fcategories+(route%3a+%7b*pathInfo%7d)&user=extranet%5cAnonymous&site=KCGov">here</a>.</h2> ...
Ensure every HTML document has a lang attribute. See: https://www.w3.org/WAI/WCAG22/Understanding/language-of-page Add a lang attribute to the <html> element with a valid BCP 47 language tag. Example: <html lang="en">.
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item does not have a <ul>, <ol> parent elementWCAG 1.3.1
<li class="page-item"><button class="page-link">2</button></li>
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 3.97 (foreground color: #007bff, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<button id="next" class="page-link">Next</button>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 3.98:1 (need 4.5:1). Change foreground from #007bff to #0072ee (ratio: 4.5:1).
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: spanWCAG 1.3.1
<ul id="cat-pagination" class="pagination" style="justify-content: center; padding-top: 20px;">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item does not have a <ul>, <ol> parent elementWCAG 1.3.1
<li class="page-item disabled"><button class="page-link active">1</button></li>
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item does not have a <ul>, <ol> parent elementWCAG 1.3.1
<li class="page-item"><button class="page-link">3</button></li>
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 3.97 (foreground color: #007bff, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<button id="next" class="page-link">Next</button>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 3.98:1 (need 4.5:1). Change foreground from #007bff to #0072ee (ratio: 4.5:1).
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item does not have a <ul>, <ol> parent elementWCAG 1.3.1
<li class="page-item"><button class="page-link">2</button></li>
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item does not have a <ul>, <ol> parent elementWCAG 1.3.1
<li class="page-item"><button class="page-link">11</button></li>
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 3.97 (foreground color: #007bff, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<button class="page-link">11</button>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: spanWCAG 1.3.1
<ul id="cat-pagination" class="pagination" style="justify-content: center; padding-top: 20px;">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item does not have a <ul>, <ol> parent elementWCAG 1.3.1
<li class="page-item disabled"><button class="page-link active">1</button></li>
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item does not have a <ul>, <ol> parent elementWCAG 1.3.1
<li class="page-item disabled"><button disabled="" class="disabled page-link">...</button></li>
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item does not have a <ul>, <ol> parent elementWCAG 1.3.1
<li class="page-item"><button class="page-link">3</button></li>
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highConsole error: Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
https://cds.kingcounty.gov/index.js:40mediumAdd Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highFocus jumps backward from "Close official government website notice" to "Here's how you know" (visual distance: 499px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Here's how you know</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Skip to main content" to "header > div > div:nth-of-type(1) > div:nth-of-type(1) > a" (visual distance: 539px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a></a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Universal Design bookletDigital 182026" to "Local Nav Category +" (visual distance: 882px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Local Nav Category +</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Skip to main content" to "header > div > div:nth-of-type(1) > div:nth-of-type(1) > a" (visual distance: 539px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a></a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Skip to main content" to "header > div > div:nth-of-type(1) > div:nth-of-type(1) > a" (visual distance: 539px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a></a>
Reorder elements in the DOM to match the visual layout.
highPage has no detectable navigation mechanisms (no <nav>, search, sitemap link, breadcrumbs, or table of contents). Users need multiple ways to locate content.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
highPage has no detectable navigation mechanisms (no <nav>, search, sitemap link, breadcrumbs, or table of contents). Users need multiple ways to locate content.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumFocusable 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" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage 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 -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage 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 -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumFocusable 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" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage 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 -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 3 "complementary" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 3 complementary landmarks, 1 labeled -->
Add unique aria-label or aria-labelledby to each "complementary" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage 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 -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 2 "complementary" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 complementary landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "complementary" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage 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 -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage 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 -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 2 "complementary" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 complementary landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "complementary" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage 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 -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 2 "complementary" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 complementary landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "complementary" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage 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 -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage 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 -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 2 "complementary" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 complementary landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "complementary" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage 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 -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3 class="hero-title">
King County Disaster Recovery Center runs April 28 - June 10
</h3>Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="note-text">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3 class="hero-title">
King County Disaster Recovery Center runs April 28 - June 10
</h3>Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2>Object moved to <a href="/404?item=%2fen%2f404%2f404-folder-test-js+(route%3a+%7b*pathInfo%7d)&user=extranet%5cAnonymous&site=KCGov">here</a>.</h2>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should have one main landmark: Fix all of the following: Document does not have a main landmark
<html><head><title>Object moved</title></head><body> <h2>Object moved to <a href="/404?item=%2fen%2f404%2f404-folder-test-js+(route%3a+%7b*pathInfo%7d)&user=extranet%5cAnonymous&site=KCGov">he...
Ensure the document has a main landmark. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure that the page, or at least one of its frames contains a level-one heading. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
<aside class="col-md-12 col-lg-4 right-rail">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
<aside class="col-md-12 col-lg-4 right-rail">
</aside>Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2>Object moved to <a href="/404?item=%2fen%2fcategories+(route%3a+%7b*pathInfo%7d)&user=extranet%5cAnonymous&site=KCGov">here</a>.</h2>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should have one main landmark: Fix all of the following: Document does not have a main landmark
<html><head><title>Object moved</title></head><body> <h2>Object moved to <a href="/404?item=%2fen%2fcategories+(route%3a+%7b*pathInfo%7d)&user=extranet%5cAnonymous&site=KCGov">here</a>.</h2> ...
Ensure the document has a main landmark. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure that the page, or at least one of its frames contains a level-one heading. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
<aside class="col-md-12 col-lg-4 right-rail">
</aside>Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
<aside class="col-md-12 col-lg-4 right-rail">
</aside>Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
<aside class="col-md-12 col-lg-4 right-rail">
</aside>Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3>Building and fire codes</h3>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumInsufficient color contrast: 3.98:1 (required: 4.5:1 for normal text). Foreground: rgb(0, 123, 255), background: rgb(255, 255, 255). Text: "11"WCAG 1.4.3
<button class="page-link">11</button>
Current ratio: 3.98:1 (need 4.5:1). Change foreground from #007bff to #0072ee (ratio: 4.5:1).
mediumNavigation region "footerLinks" (present on kingcounty.gov) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav -->
Ensure the "footerLinks" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumNavigation region "footerLinks" (present on kingcounty.gov) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav -->
Ensure the "footerLinks" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumClicking "Language selector English" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button class="btn btn-link dropdown-toggle" type="button" id="languageMenuButton" data-toggle="modal" data-target="#langList" aria-haspopup="true" aria-expanded="false">
<span ariWrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Language selector English" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button class="btn btn-link dropdown-toggle" type="button" id="languageMenuButton" data-toggle="modal" data-target="#langList" aria-haspopup="true" aria-expanded="false">
<span ariWrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Language selector English" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button class="btn btn-link dropdown-toggle" type="button" id="languageMenuButton" data-toggle="modal" data-target="#langList" aria-haspopup="true" aria-expanded="false">
<span ariWrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Language selector English" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button class="btn btn-link dropdown-toggle" type="button" id="languageMenuButton" data-toggle="modal" data-target="#langList" aria-haspopup="true" aria-expanded="false">
<span ariWrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Language selector English" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button class="btn btn-link dropdown-toggle" type="button" id="languageMenuButton" data-toggle="modal" data-target="#langList" aria-haspopup="true" aria-expanded="false">
<span ariWrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "chevron_right" inserts 28 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" class="btn btn-secondary" id="next-btn" title="Next week"><span class="material-icons" style="vertical-align: middle;">chevron_right</span></button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "chevron_left" inserts 18 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" class="btn btn-secondary" id="previous-btn" title="Previous week"><span class="material-icons" style="vertical-align: middle;">chevron_left</span></button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Month" inserts 4 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" class="btn btn-primary " id="cal-month-btn">Month</button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Language selector English" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button class="btn btn-link dropdown-toggle" type="button" id="languageMenuButton" data-toggle="modal" data-target="#langList" aria-haspopup="true" aria-expanded="false">
<span ariWrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Language selector English" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button class="btn btn-link dropdown-toggle" type="button" id="languageMenuButton" data-toggle="modal" data-target="#langList" aria-haspopup="true" aria-expanded="false">
<span ariWrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Language selector English" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button class="btn btn-link dropdown-toggle" type="button" id="languageMenuButton" data-toggle="modal" data-target="#langList" aria-haspopup="true" aria-expanded="false">
<span ariWrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Language selector English" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button class="btn btn-link dropdown-toggle" type="button" id="languageMenuButton" data-toggle="modal" data-target="#langList" aria-haspopup="true" aria-expanded="false">
<span ariWrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Language selector English" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button class="btn btn-link dropdown-toggle" type="button" id="languageMenuButton" data-toggle="modal" data-target="#langList" aria-haspopup="true" aria-expanded="false">
<span ariWrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumBroken link: https://kingcounty.gov/en/404/404-folder-test-js/-/media/4eda65354f6449a3b72b426b0b0cb398.ashx returned status 404 Not Found after 1 attempts
<a href="https://kingcounty.gov/en/404/404-folder-test-js/-/media/4eda65354f6449a3b72b426b0b0cb398.ashx">508 Overview</a>
mediumBroken link: https://kingcounty.gov/en/sitecore returned status 404 Not Found after 1 attempts
<a href="https://kingcounty.gov/en/sitecore">OPTIONAL LINK</a>
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
mediumElement overflows viewport by 1057px at 320px width.WCAG 1.4.10
<div class="slick-track" style="opacity: 1; width: 1377px; transform: translate3d(0px, 0px, 0px);"><div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="w
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 37px at 320px width.WCAG 1.4.10
<li style="width: 100%; display: inline-block;"><a href="/en/index/#F" tabindex="0">F</a></li>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent 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>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 37px at 320px width.WCAG 1.4.10
<div><li style="width: 100%; display: inline-block;"><a href="/en/index/#F" tabindex="0">F</a></li></div>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 37px at 320px width.WCAG 1.4.10
<a href="/en/index/#F" tabindex="0">F</a>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 37px at 320px width.WCAG 1.4.10
<div class="slick-slide slick-active" data-slick-index="6" aria-hidden="false" style="width: 51px;"><div><li style="width: 100%; display: inline-block;"><a href="/en/index/#F" tabindex="0">F</a></li><
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent 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">Add text for your Topic 1 description and embed a URL to the Topic Detail Page here.</div>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent 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">
Topic Cards
</h2>Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 200px 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="row filter-row smooth-transition" id="filterRow"><div class="container"><div class="kc-form calendar-filters"><div class="kc-form-element button clear-button-row"><input type="submit" name
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent 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>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent 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>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent 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>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumPage requires horizontal scrolling at 320px width (1px overflow). Content should reflow without horizontal scrolling at this width.WCAG 1.4.10
<html>
Use responsive CSS (max-width, flex-wrap, media queries) to ensure content reflows at narrow widths.
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h2></h2>
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h2></h2>
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h2></h2>
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowPossible 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
lowPossible 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>
lowPossible 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>
lowPossible 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
lowPossible 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>
lowPossible 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
lowPossible 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
lowPossible 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>
lowPossible 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
lowPossible 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>
lowPossible 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>
lowPossible 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
Best Page Fix Opportunities
kingcounty.gov27findings
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "expand_more"WCAG 1.4.3
<span tabindex="0" id="heroScrollTo" class="material-icons scroll-down-arrow" translate="no">expand_more</span>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "King County Disaster Recovery Center runs April 28 - June 10"WCAG 1.4.3
<h3 class="hero-title">
King County Disaster Recovery Center runs April 28 - June 10
</h3>Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "King County's Disaster Recovery Center is now available to h"WCAG 1.4.3
<p class="hero-text">
King County's Disaster Recovery Center is now available to help residents impacted by December's flooding with applications for federal disaster assistancCurrent ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highFocus jumps backward from "Close official government website notice" to "Here's how you know" (visual distance: 499px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Here's how you know</a>
Reorder elements in the DOM to match the visual layout.
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumFocusable 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" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage 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 -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3 class="hero-title">
King County Disaster Recovery Center runs April 28 - June 10
</h3>Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="note-text">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumClicking "Language selector English" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button class="btn btn-link dropdown-toggle" type="button" id="languageMenuButton" data-toggle="modal" data-target="#langList" aria-haspopup="true" aria-expanded="false">
<span ariWrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
lowPossible 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
lowPossible 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/categories/buildings-property27findings
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 3.97 (foreground color: #007bff, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<button id="next" class="page-link">Next</button>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 3.98:1 (need 4.5:1). Change foreground from #007bff to #0072ee (ratio: 4.5:1).
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item does not have a <ul>, <ol> parent elementWCAG 1.3.1
<li class="page-item"><button class="page-link">2</button></li>
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item does not have a <ul>, <ol> parent elementWCAG 1.3.1
<li class="page-item"><button class="page-link">11</button></li>
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 3.97 (foreground color: #007bff, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<button class="page-link">11</button>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: spanWCAG 1.3.1
<ul id="cat-pagination" class="pagination" style="justify-content: center; padding-top: 20px;">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item does not have a <ul>, <ol> parent elementWCAG 1.3.1
<li class="page-item disabled"><button class="page-link active">1</button></li>
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item does not have a <ul>, <ol> parent elementWCAG 1.3.1
<li class="page-item disabled"><button disabled="" class="disabled page-link">...</button></li>
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item does not have a <ul>, <ol> parent elementWCAG 1.3.1
<li class="page-item"><button class="page-link">3</button></li>
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highFocus jumps backward from "Skip to main content" to "header > div > div:nth-of-type(1) > div:nth-of-type(1) > a" (visual distance: 539px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a></a>
Reorder elements in the DOM to match the visual layout.
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumPage 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 -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 2 "complementary" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 complementary landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "complementary" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumLandmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
<aside class="col-md-12 col-lg-4 right-rail">
</aside>Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumInsufficient color contrast: 3.98:1 (required: 4.5:1 for normal text). Foreground: rgb(0, 123, 255), background: rgb(255, 255, 255). Text: "11"WCAG 1.4.3
<button class="page-link">11</button>
Current ratio: 3.98:1 (need 4.5:1). Change foreground from #007bff to #0072ee (ratio: 4.5:1).
mediumClicking "Language selector English" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button class="btn btn-link dropdown-toggle" type="button" id="languageMenuButton" data-toggle="modal" data-target="#langList" aria-haspopup="true" aria-expanded="false">
<span ariWrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h2></h2>
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
/en/calendar24findings
criticalInsufficient color contrast: 1.72:1 (required: 4.5:1 for normal text). Foreground: rgb(68, 68, 68), background: rgb(24, 112, 137). Text: "Translate"WCAG 1.4.3
<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" hei
Current ratio: 1.72:1 (need 4.5:1). Change foreground from #444444 to #e6e6e5 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.02:1 (required: 4.5:1 for normal text). Foreground: rgb(102, 102, 102), background: rgb(24, 112, 137). Text: "Select LanguageAbkhazAcehneseAcholiAfarAfrikaansAlbanianAlur"WCAG 1.4.3
<div class="skiptranslate goog-te-gadget" dir="ltr" style=""><div id=":0.targetLanguage"><select class="goog-te-combo" aria-label="Language Translate Widget"><option value="">Select Language</option><
Current ratio: 1.02:1 (need 4.5:1). Change foreground from #666666 to #e6e6e5 (ratio: 4.5:1). Or change background from #187089 to #000000.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumPage has 2 "complementary" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 complementary landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "complementary" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage 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 -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumLandmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
<aside class="col-md-12 col-lg-4 right-rail">
</aside>Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink 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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumClicking "Language selector English" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button class="btn btn-link dropdown-toggle" type="button" id="languageMenuButton" data-toggle="modal" data-target="#langList" aria-haspopup="true" aria-expanded="false">
<span ariWrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "chevron_right" inserts 28 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" class="btn btn-secondary" id="next-btn" title="Next week"><span class="material-icons" style="vertical-align: middle;">chevron_right</span></button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "chevron_left" inserts 18 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" class="btn btn-secondary" id="previous-btn" title="Previous week"><span class="material-icons" style="vertical-align: middle;">chevron_left</span></button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Month" inserts 4 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" class="btn btn-primary " id="cal-month-btn">Month</button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumContent clipped by 200px 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="row filter-row smooth-transition" id="filterRow"><div class="container"><div class="kc-form calendar-filters"><div class="kc-form-element button clear-button-row"><input type="submit" name
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
lowPossible 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
lowPossible 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>
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’re building it in the open 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.