Sonde
Accessibility Health Check
https://hennepin.us
Sonde ScoreHigher is better
Getting Started0–349Needs Attention350–549Progressing550–749Strong750–899Excellent900–1000
Excellent
https://daylight.sonde.tech/usgov/hennepin-us/
Hennepin County (MN)
Sonde ScoreHigher is better
Getting Started0–349Needs Attention350–549Progressing550–749Strong750–899Excellent900–1000
Excellent
Executive Summary
Top Findings
critical Certain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: button[aria-controls], input[tabindex], button[aria-label] WCAG 1.3.1
Element:
<ul class="flex items-center gap-6" role="menubar" aria-label="Site menu">
critical Certain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: button[aria-controls], input[tabindex], button[aria-label] WCAG 1.3.1
Element:
<ul class="flex items-center gap-6" role="menubar" aria-label="Site menu">
critical Certain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: button[aria-controls], input[tabindex], button[aria-label] WCAG 1.3.1
Element:
<ul class="flex items-center gap-6" role="menubar" aria-label="Site menu">
critical Certain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: button[aria-controls], input[tabindex], button[aria-label] WCAG 1.3.1
Element:
<ul class="flex items-center gap-6" role="menubar" aria-label="Site menu">
critical Certain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: button[aria-controls], input[tabindex], button[aria-label] WCAG 1.3.1
Element:
<ul class="flex items-center gap-6" role="menubar" aria-label="Site menu">
critical Certain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: button[aria-controls], input[tabindex], button[aria-label] WCAG 1.3.1
Element:
<ul class="flex items-center gap-6" role="menubar" aria-label="Site menu">
critical Certain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: button[aria-controls], input[tabindex], button[aria-label] WCAG 1.3.1
Element:
<ul class="flex items-center gap-6" role="menubar" aria-label="Site menu">
critical Certain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: button[aria-controls], input[tabindex], button[aria-label] WCAG 1.3.1
Element:
<ul class="flex items-center gap-6" role="menubar" aria-label="Site menu">
critical Certain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: button[aria-controls], input[tabindex], button[aria-label] WCAG 1.3.1
Element:
<ul class="flex items-center gap-6" role="menubar" aria-label="Site menu">
critical Insufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(0, 71, 226), background: rgb(0, 71, 226). Text: "612-348-3000" WCAG 1.4.3
Element:
<a class="text-ui-blue text-base md:text-xl font-medium bg-gradient-to-r from-ui-blue to-ui-blue bg-[length:0%_2px] bg-left-bottom bg-no-repeat transition-[background-size] duration-600 ease-in-out ho
critical Insufficient color contrast: 1.86:1 (required: 4.5:1 for normal text). Foreground: rgb(0, 0, 0), background: rgb(17, 60, 102). Text: "Facebook" WCAG 1.4.3
Element:
<span class="sr-only">Facebook</span>
critical Insufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(0, 71, 226), background: rgb(0, 71, 226). Text: "Learn about home repair loans" WCAG 1.4.3
Element:
<a href="/services/grants-funding-opportunities/home-repair-maintenance-loans" class="text-ui-blue text-xl font-medium relative inline-block bg-gradient-to-r from-ui-blue to-ui-blue bg-[length:0%_2px]
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (20px by 20px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px. WCAG 2.5.8
Element:
<button class="absolute top-4 right-4 text-gray-600 leading-none cursor-pointer focus:outline-3 focus:outline-offset-2 focus:outline-ui-blue focus:rounded-[4px]" aria-label="Submit site search">
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (20px by 20px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px. WCAG 2.5.8
Element:
<button class="absolute top-4 right-4 text-gray-600 leading-none cursor-pointer focus:outline-3 focus:outline-offset-2 focus:outline-ui-blue focus:rounded-[4px]" aria-label="Submit site search">
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (20px by 20px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px. WCAG 2.5.8
Element:
<button class="absolute top-4 right-4 text-gray-600 leading-none cursor-pointer focus:outline-3 focus:outline-offset-2 focus:outline-ui-blue focus:rounded-[4px]" aria-label="Submit site search">
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (20px by 20px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px. WCAG 2.5.8
Element:
<button class="absolute top-4 right-4 text-gray-600 leading-none cursor-pointer focus:outline-3 focus:outline-offset-2 focus:outline-ui-blue focus:rounded-[4px]" aria-label="Submit site search">
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (20px by 20px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px. WCAG 2.5.8
Element:
<button class="absolute top-4 right-4 text-gray-600 leading-none cursor-pointer focus:outline-3 focus:outline-offset-2 focus:outline-ui-blue focus:rounded-[4px]" aria-label="Submit site search">
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (20px by 20px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px. WCAG 2.5.8
Element:
<button class="absolute top-4 right-4 text-gray-600 leading-none cursor-pointer focus:outline-3 focus:outline-offset-2 focus:outline-ui-blue focus:rounded-[4px]" aria-label="Submit site search">
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (20px by 20px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px. WCAG 2.5.8
Element:
<button class="absolute top-4 right-4 text-gray-600 leading-none cursor-pointer focus:outline-3 focus:outline-offset-2 focus:outline-ui-blue focus:rounded-[4px]" aria-label="Submit site search">
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (20px by 20px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px. WCAG 2.5.8
Element:
<button class="absolute top-4 right-4 text-gray-600 leading-none cursor-pointer focus:outline-3 focus:outline-offset-2 focus:outline-ui-blue focus:rounded-[4px]" aria-label="Submit site search">
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (20px by 20px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px. WCAG 2.5.8
Element:
<button class="absolute top-4 right-4 text-gray-600 leading-none cursor-pointer focus:outline-3 focus:outline-offset-2 focus:outline-ui-blue focus:rounded-[4px]" aria-label="Submit site search">
high Focus jumps backward from "Justice and corrections" to "Licenses and certificates" (visual distance: 503px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Licenses and certificates</a>
high Focus jumps backward from "Justice and corrections" to "Licenses and certificates" (visual distance: 503px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Licenses and certificates</a>
high Focus jumps backward from "Justice and corrections" to "Licenses and certificates" (visual distance: 503px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Licenses and certificates</a>
high Focus jumps backward from "Emergency short-term help" to "Food assistance" (visual distance: 551px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Food assistance</a>
high Focus jumps backward from "Justice and corrections" to "Licenses and certificates" (visual distance: 503px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Licenses and certificates</a>
high Focus jumps backward from "Justice and corrections" to "Licenses and certificates" (visual distance: 503px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Licenses and certificates</a>
high Focus jumps backward from "Justice and corrections" to "Licenses and certificates" (visual distance: 503px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Licenses and certificates</a>
high Focus jumps backward from "Justice and corrections" to "Licenses and certificates" (visual distance: 503px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Licenses and certificates</a>
high Focus jumps backward from "Justice and corrections" to "Licenses and certificates" (visual distance: 503px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Licenses and certificates</a>
high Focus jumps backward from "Justice and corrections" to "Licenses and certificates" (visual distance: 503px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Licenses and certificates</a>
medium Page has 2 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 2 navigation landmarks, 1 labeled -->
medium Page has 4 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 4 navigation landmarks, 2 labeled -->
medium Page has 4 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 4 navigation landmarks, 2 labeled -->
medium Page has 4 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 4 navigation landmarks, 2 labeled -->
medium Page has 4 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 4 navigation landmarks, 2 labeled -->
medium Page has 4 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 4 navigation landmarks, 2 labeled -->
medium Page has 4 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 4 navigation landmarks, 2 labeled -->
medium Page has 4 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 4 navigation landmarks, 2 labeled -->
medium Page has 4 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 4 navigation landmarks, 3 labeled -->
medium Landmarks 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
Element:
<nav class="hidden md:block bg-white border-b border-gray-300 py-6">
medium Landmarks 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
Element:
<nav class="hidden md:block bg-white border-b border-gray-300 py-6">
medium Landmarks 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
Element:
<nav class="hidden md:block bg-white border-b border-gray-300 py-6">
medium Landmarks 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
Element:
<nav class="hidden md:block bg-white border-b border-gray-300 py-6">
medium Landmarks 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
Element:
<nav class="hidden md:block bg-white border-b border-gray-300 py-6">
medium Landmarks 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
Element:
<nav class="hidden md:block bg-white border-b border-gray-300 py-6">
medium Landmarks 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
Element:
<nav class="hidden md:block bg-white border-b border-gray-300 py-6">
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="px-3 py-2 text-gray-700 font-medium rounded-lg hover:bg-blue-50 hover:text-blue-700 focus:rounded-[4px] focus:outline-3 focus:outline-ui-blue" role="menuitem" href="/services" data-sonde-con
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/assistance">Assistance</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/business-support">Business support</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/elections">Elections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/environment">Environment</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/grants-funding-opportunities">Grants and funding opportuni
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/justice-corrections">Justice and corrections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/licenses-certificates">Licenses and certificates</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/property">Property</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/roads-bridges">Roads and bridges</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="px-3 py-2 text-gray-700 font-medium rounded-lg hover:bg-blue-50 hover:text-blue-700 focus:rounded-[4px] focus:outline-3 focus:outline-ui-blue" role="menuitem" href="/services" data-sonde-con
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/assistance">Assistance</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/business-support">Business support</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/elections">Elections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/environment">Environment</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/grants-funding-opportunities">Grants and funding opportuni
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/justice-corrections">Justice and corrections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/licenses-certificates">Licenses and certificates</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/property">Property</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/roads-bridges">Roads and bridges</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="px-3 py-2 text-gray-700 font-medium rounded-lg hover:bg-blue-50 hover:text-blue-700 focus:rounded-[4px] focus:outline-3 focus:outline-ui-blue" role="menuitem" href="/services" data-sonde-con
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/assistance">Assistance</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/business-support">Business support</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/elections">Elections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/environment">Environment</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/grants-funding-opportunities">Grants and funding opportuni
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/justice-corrections">Justice and corrections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/licenses-certificates">Licenses and certificates</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/property">Property</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/roads-bridges">Roads and bridges</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="px-3 py-2 text-gray-700 font-medium rounded-lg hover:bg-blue-50 hover:text-blue-700 focus:rounded-[4px] focus:outline-3 focus:outline-ui-blue" role="menuitem" href="/services" data-sonde-con
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/assistance">Assistance</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/business-support">Business support</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/elections">Elections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/environment">Environment</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/grants-funding-opportunities">Grants and funding opportuni
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/justice-corrections">Justice and corrections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/licenses-certificates">Licenses and certificates</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/property">Property</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/roads-bridges">Roads and bridges</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="px-3 py-2 text-gray-700 font-medium rounded-lg hover:bg-blue-50 hover:text-blue-700 focus:rounded-[4px] focus:outline-3 focus:outline-ui-blue" role="menuitem" href="/services" data-sonde-con
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/assistance">Assistance</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/business-support">Business support</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/elections">Elections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/environment">Environment</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/grants-funding-opportunities">Grants and funding opportuni
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/justice-corrections">Justice and corrections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/licenses-certificates">Licenses and certificates</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/property">Property</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/roads-bridges">Roads and bridges</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="px-3 py-2 text-gray-700 font-medium rounded-lg hover:bg-blue-50 hover:text-blue-700 focus:rounded-[4px] focus:outline-3 focus:outline-ui-blue" role="menuitem" href="/services" data-sonde-con
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/assistance">Assistance</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/business-support">Business support</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/elections">Elections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/environment">Environment</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/grants-funding-opportunities">Grants and funding opportuni
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/justice-corrections">Justice and corrections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/licenses-certificates">Licenses and certificates</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/property">Property</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/roads-bridges">Roads and bridges</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="px-3 py-2 text-gray-700 font-medium rounded-lg hover:bg-blue-50 hover:text-blue-700 focus:rounded-[4px] focus:outline-3 focus:outline-ui-blue" role="menuitem" href="/services" data-sonde-con
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/assistance">Assistance</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/business-support">Business support</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/elections">Elections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/environment">Environment</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/grants-funding-opportunities">Grants and funding opportuni
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/justice-corrections">Justice and corrections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/licenses-certificates">Licenses and certificates</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/property">Property</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/roads-bridges">Roads and bridges</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="px-3 py-2 text-gray-700 font-medium rounded-lg hover:bg-blue-50 hover:text-blue-700 focus:rounded-[4px] focus:outline-3 focus:outline-ui-blue" role="menuitem" href="/services" data-sonde-con
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/assistance">Assistance</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/business-support">Business support</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/elections">Elections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/environment">Environment</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/grants-funding-opportunities">Grants and funding opportuni
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/justice-corrections">Justice and corrections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/licenses-certificates">Licenses and certificates</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/property">Property</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/roads-bridges">Roads and bridges</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="px-3 py-2 text-gray-700 font-medium rounded-lg hover:bg-blue-50 hover:text-blue-700 focus:rounded-[4px] focus:outline-3 focus:outline-ui-blue" role="menuitem" href="/services" data-sonde-con
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/assistance">Assistance</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/business-support">Business support</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/elections">Elections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/environment">Environment</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/grants-funding-opportunities">Grants and funding opportuni
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/justice-corrections">Justice and corrections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/licenses-certificates">Licenses and certificates</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/property">Property</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/roads-bridges">Roads and bridges</a>
medium The same link functionality is identified as "Services" on https://www.hennepincounty.gov/ and "Skip to main content" on https://www.hennepincounty.gov/services. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#main-content" class=" absolute left-[-9999px] top-2 z-[999] p-4 bg-brand-navy text-white opacity-0 focus:left-2 focus:opacity-100 rounded shadow transition-all duration-200 ">Skip to main content</a>
medium The same link functionality is identified as "Assistance" on https://www.hennepincounty.gov/ and "Skip to main content" on https://www.hennepincounty.gov/services/assistance. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#main-content" class=" absolute left-[-9999px] top-2 z-[999] p-4 bg-brand-navy text-white opacity-0 focus:left-2 focus:opacity-100 rounded shadow transition-all duration-200 ">Skip to main content</a>
medium The same link functionality is identified as "Business support" on https://www.hennepincounty.gov/ and "Skip to main content" on https://www.hennepincounty.gov/services/business-support. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#main-content" class=" absolute left-[-9999px] top-2 z-[999] p-4 bg-brand-navy text-white opacity-0 focus:left-2 focus:opacity-100 rounded shadow transition-all duration-200 ">Skip to main content</a>
medium The same link functionality is identified as "Elections" on https://www.hennepincounty.gov/ and "Skip to main content" on https://www.hennepincounty.gov/services/elections. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#main-content" class=" absolute left-[-9999px] top-2 z-[999] p-4 bg-brand-navy text-white opacity-0 focus:left-2 focus:opacity-100 rounded shadow transition-all duration-200 ">Skip to main content</a>
medium The same link functionality is identified as "Environment" on https://www.hennepincounty.gov/ and "Skip to main content" on https://www.hennepincounty.gov/services/environment. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#main-content" class=" absolute left-[-9999px] top-2 z-[999] p-4 bg-brand-navy text-white opacity-0 focus:left-2 focus:opacity-100 rounded shadow transition-all duration-200 ">Skip to main content</a>
medium The same link functionality is identified as "Grants and funding opportunities" on https://www.hennepincounty.gov/ and "Skip to main content" on https://www.hennepincounty.gov/services/grants-funding-opportunities. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#main-content" class=" absolute left-[-9999px] top-2 z-[999] p-4 bg-brand-navy text-white opacity-0 focus:left-2 focus:opacity-100 rounded shadow transition-all duration-200 ">Skip to main content</a>
medium The same link functionality is identified as "Justice and corrections" on https://www.hennepincounty.gov/ and "Skip to main content" on https://www.hennepincounty.gov/services/justice-corrections. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#main-content" class=" absolute left-[-9999px] top-2 z-[999] p-4 bg-brand-navy text-white opacity-0 focus:left-2 focus:opacity-100 rounded shadow transition-all duration-200 ">Skip to main content</a>
medium The same link functionality is identified as "languageTranslation help" on https://www.hennepincounty.gov/ and "Skip to main content" on https://www.hennepincounty.gov/translation-help. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#main-content" class=" absolute left-[-9999px] top-2 z-[999] p-4 bg-brand-navy text-white opacity-0 focus:left-2 focus:opacity-100 rounded shadow transition-all duration-200 ">Skip to main content</a>
medium Interactive control "a" is only 20px tall at Modern phone. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a>
medium Interactive control "a.focus:rounded-[4px].focus:outline-offset-8" is only 32px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.focus:rounded-[4px].focus:outline-offset-8>
medium Interactive control "a.text-ui-blue.hover:text-ui-blue-hover" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.text-ui-blue.hover:text-ui-blue-hover>
medium Interactive control "a.text-ui-blue.ml-2" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.text-ui-blue.ml-2>
medium Interactive control "a.w-full.flex" is only 27px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.w-full.flex>
medium Interactive control "button.cursor-default.text-ui-blue" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.cursor-default.text-ui-blue>
medium Interactive control "button.cursor-pointer.transition-all" is only 40px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.cursor-pointer.transition-all>
medium Interactive control "button.text-2xl.text-gray-700" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.text-2xl.text-gray-700>
medium Interactive control "button.text-white.underline" is only 20px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.text-white.underline>
medium Interactive control "a.block.px-4" is only 40px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.block.px-4>
medium Interactive control "a.ml-auto.text-xs" is only 24px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.ml-auto.text-xs>
medium Interactive control "a.px-3.py-2" is only 40px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.px-3.py-2>
medium Interactive control "button.ml-1.relative" is only 20px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.ml-1.relative>
medium Content clipped by 23px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Element:
<h2 class="sr-only">Navigation links</h2>
medium Content clipped by 23px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Element:
<span class="sr-only">Facebook</span>
medium Interactive control "a.text-ui-blue.hover:text-ui-blue-hover" is only 24px tall at Modern phone. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.text-ui-blue.hover:text-ui-blue-hover>
medium Interactive control "a.text-ui-blue.text-base" is only 21px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.text-ui-blue.text-base>
medium Page requires horizontal scrolling at Tablet (768px width, 46px overflow). Content should reflow without horizontal scrolling. WCAG Sonde responsive contract
Element:
<html lang="und">
medium Element overflows viewport by 31px at Tablet (768px width). WCAG Sonde responsive contract
Element:
<hr class="text-gray-300 w-[252px] h-[1px] my-2">
medium Stuck loading state: loading indicator CSS class on <input> persists after page readiness
Element:
<input type="text" id="desktop-search" name="Search" aria-required="true" required="" placeholder="Search by keyword or phrase" class="h-15 md:h-16 w-full bg-white pr-36 pl-12 placeholder-gray-600 rou
low Broken link: https://twitter.com/Hennepin returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/Hennepin">X</a>
low Broken link: https://twitter.com/Hennepin returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/Hennepin">X</a>
low Broken link: https://twitter.com/Hennepin returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/Hennepin">X</a>
low Broken link: https://twitter.com/Hennepin returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/Hennepin">X</a>
low Broken link: https://twitter.com/Hennepin returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/Hennepin">X</a>
low Broken link: https://twitter.com/Hennepin returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/Hennepin">X</a>
low Link timeout: https://www.hennepincounty.gov/services/environment/environmental-education did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.hennepincounty.gov/services/environment/environmental-education">Environmental educationchevron_right</a>
low Broken link: https://twitter.com/Hennepin returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/Hennepin">X</a>
low Link timeout: https://www.hennepincounty.gov/services/grants-funding-opportunities#main-content did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.hennepincounty.gov/services/grants-funding-opportunities#main-content">Skip to main content</a>
low Broken link: https://twitter.com/Hennepin returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/Hennepin">X</a>
low Broken link: https://twitter.com/Hennepin returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/Hennepin">X</a>
Best Page Fix Opportunities
/services/environment34findings
critical Certain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: button[aria-controls], input[tabindex], button[aria-label] WCAG 1.3.1
Element:
<ul class="flex items-center gap-6" role="menubar" aria-label="Site menu">
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (20px by 20px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px. WCAG 2.5.8
Element:
<button class="absolute top-4 right-4 text-gray-600 leading-none cursor-pointer focus:outline-3 focus:outline-offset-2 focus:outline-ui-blue focus:rounded-[4px]" aria-label="Submit site search">
high Focus jumps backward from "Justice and corrections" to "Licenses and certificates" (visual distance: 503px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Licenses and certificates</a>
medium Page has 4 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 4 navigation landmarks, 2 labeled -->
medium Landmarks 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
Element:
<nav class="hidden md:block bg-white border-b border-gray-300 py-6">
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="px-3 py-2 text-gray-700 font-medium rounded-lg hover:bg-blue-50 hover:text-blue-700 focus:rounded-[4px] focus:outline-3 focus:outline-ui-blue" role="menuitem" href="/services" data-sonde-con
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/assistance">Assistance</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/business-support">Business support</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/elections">Elections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/environment">Environment</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/grants-funding-opportunities">Grants and funding opportuni
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/justice-corrections">Justice and corrections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/licenses-certificates">Licenses and certificates</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/property">Property</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/roads-bridges">Roads and bridges</a>
medium The same link functionality is identified as "Environment" on https://www.hennepincounty.gov/ and "Skip to main content" on https://www.hennepincounty.gov/services/environment. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#main-content" class=" absolute left-[-9999px] top-2 z-[999] p-4 bg-brand-navy text-white opacity-0 focus:left-2 focus:opacity-100 rounded shadow transition-all duration-200 ">Skip to main content</a>
medium Interactive control "a" is only 20px tall at Modern phone. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a>
medium Interactive control "a.focus:rounded-[4px].focus:outline-offset-8" is only 32px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.focus:rounded-[4px].focus:outline-offset-8>
medium Interactive control "a.text-ui-blue.hover:text-ui-blue-hover" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.text-ui-blue.hover:text-ui-blue-hover>
medium Interactive control "a.text-ui-blue.ml-2" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.text-ui-blue.ml-2>
medium Interactive control "a.w-full.flex" is only 27px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.w-full.flex>
medium Interactive control "button.cursor-default.text-ui-blue" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.cursor-default.text-ui-blue>
medium Interactive control "button.cursor-pointer.transition-all" is only 40px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.cursor-pointer.transition-all>
medium Interactive control "button.text-2xl.text-gray-700" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.text-2xl.text-gray-700>
medium Interactive control "button.text-white.underline" is only 20px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.text-white.underline>
medium Interactive control "a.block.px-4" is only 40px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.block.px-4>
medium Interactive control "a.ml-auto.text-xs" is only 24px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.ml-auto.text-xs>
medium Interactive control "a.px-3.py-2" is only 40px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.px-3.py-2>
medium Interactive control "button.ml-1.relative" is only 20px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.ml-1.relative>
medium Content clipped by 23px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Element:
<h2 class="sr-only">Navigation links</h2>
medium Content clipped by 23px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Element:
<span class="sr-only">Facebook</span>
low Broken link: https://twitter.com/Hennepin returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/Hennepin">X</a>
low Link timeout: https://www.hennepincounty.gov/services/environment/environmental-education did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.hennepincounty.gov/services/environment/environmental-education">Environmental educationchevron_right</a>
/services20findings
critical Certain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: button[aria-controls], input[tabindex], button[aria-label] WCAG 1.3.1
Element:
<ul class="flex items-center gap-6" role="menubar" aria-label="Site menu">
critical Insufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(0, 71, 226), background: rgb(0, 71, 226). Text: "612-348-3000" WCAG 1.4.3
Element:
<a class="text-ui-blue text-base md:text-xl font-medium bg-gradient-to-r from-ui-blue to-ui-blue bg-[length:0%_2px] bg-left-bottom bg-no-repeat transition-[background-size] duration-600 ease-in-out ho
critical Insufficient color contrast: 1.86:1 (required: 4.5:1 for normal text). Foreground: rgb(0, 0, 0), background: rgb(17, 60, 102). Text: "Facebook" WCAG 1.4.3
Element:
<span class="sr-only">Facebook</span>
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (20px by 20px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px. WCAG 2.5.8
Element:
<button class="absolute top-4 right-4 text-gray-600 leading-none cursor-pointer focus:outline-3 focus:outline-offset-2 focus:outline-ui-blue focus:rounded-[4px]" aria-label="Submit site search">
high Focus jumps backward from "Justice and corrections" to "Licenses and certificates" (visual distance: 503px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Licenses and certificates</a>
medium Page has 4 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 4 navigation landmarks, 2 labeled -->
medium Landmarks 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
Element:
<nav class="hidden md:block bg-white border-b border-gray-300 py-6">
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="px-3 py-2 text-gray-700 font-medium rounded-lg hover:bg-blue-50 hover:text-blue-700 focus:rounded-[4px] focus:outline-3 focus:outline-ui-blue" role="menuitem" href="/services" data-sonde-con
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/assistance">Assistance</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/business-support">Business support</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/elections">Elections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/environment">Environment</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/grants-funding-opportunities">Grants and funding opportuni
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/justice-corrections">Justice and corrections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/licenses-certificates">Licenses and certificates</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/property">Property</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/roads-bridges">Roads and bridges</a>
medium The same link functionality is identified as "Services" on https://www.hennepincounty.gov/ and "Skip to main content" on https://www.hennepincounty.gov/services. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#main-content" class=" absolute left-[-9999px] top-2 z-[999] p-4 bg-brand-navy text-white opacity-0 focus:left-2 focus:opacity-100 rounded shadow transition-all duration-200 ">Skip to main content</a>
low Broken link: https://twitter.com/Hennepin returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/Hennepin">X</a>
/services/grants-funding-opportunities20findings
critical Certain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: button[aria-controls], input[tabindex], button[aria-label] WCAG 1.3.1
Element:
<ul class="flex items-center gap-6" role="menubar" aria-label="Site menu">
critical Insufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(0, 71, 226), background: rgb(0, 71, 226). Text: "Learn about home repair loans" WCAG 1.4.3
Element:
<a href="/services/grants-funding-opportunities/home-repair-maintenance-loans" class="text-ui-blue text-xl font-medium relative inline-block bg-gradient-to-r from-ui-blue to-ui-blue bg-[length:0%_2px]
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (20px by 20px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px. WCAG 2.5.8
Element:
<button class="absolute top-4 right-4 text-gray-600 leading-none cursor-pointer focus:outline-3 focus:outline-offset-2 focus:outline-ui-blue focus:rounded-[4px]" aria-label="Submit site search">
high Focus jumps backward from "Justice and corrections" to "Licenses and certificates" (visual distance: 503px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Licenses and certificates</a>
medium Page has 4 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 4 navigation landmarks, 2 labeled -->
medium Landmarks 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
Element:
<nav class="hidden md:block bg-white border-b border-gray-300 py-6">
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="px-3 py-2 text-gray-700 font-medium rounded-lg hover:bg-blue-50 hover:text-blue-700 focus:rounded-[4px] focus:outline-3 focus:outline-ui-blue" role="menuitem" href="/services" data-sonde-con
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/assistance">Assistance</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/business-support">Business support</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/elections">Elections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/environment">Environment</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/grants-funding-opportunities">Grants and funding opportuni
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/justice-corrections">Justice and corrections</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/licenses-certificates">Licenses and certificates</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/property">Property</a>
medium Link is distinguished from surrounding text only by color (link: rgb(55, 65, 81), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="block px-4 py-2 text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors" role="menuitem" tabindex="-1" href="/services/roads-bridges">Roads and bridges</a>
medium The same link functionality is identified as "Grants and funding opportunities" on https://www.hennepincounty.gov/ and "Skip to main content" on https://www.hennepincounty.gov/services/grants-funding-opportunities. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#main-content" class=" absolute left-[-9999px] top-2 z-[999] p-4 bg-brand-navy text-white opacity-0 focus:left-2 focus:opacity-100 rounded shadow transition-all duration-200 ">Skip to main content</a>
low Broken link: https://twitter.com/Hennepin returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/Hennepin">X</a>
low Link timeout: https://www.hennepincounty.gov/services/grants-funding-opportunities#main-content did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.hennepincounty.gov/services/grants-funding-opportunities#main-content">Skip to main content</a>
Methodology
The Sonde Score is a universal 0–1000 compliance index — think of it like a credit score for accessibility. Each finding is weighted by its impact on human access: a keyboard trap (critical) counts far more than a best-practice suggestion (low). The raw penalty is normalized per page so scores are comparable across sites of any size. A harmonic curve ensures every site gets a meaningful score — no zeros, no false perfection.
Score = round(1000 × S / (S + P/N))
where S = sensitivity (750), P = Σ(weight × count), N = pages scanned
| Tier | Weight | Examples |
|---|---|---|
| Critical | 10 | Keyboard traps, missing page language |
| High | 3 | Missing alt text, insufficient contrast |
| Medium | 1 | Heading hierarchy, unclear link purpose |
| Low | 0.25 | Best-practice suggestions |
The Sonde Score is a living standard (v0.1). We publish the methodology and invite public feedback because accessibility is too important for closed-door decisions. Your expertise makes it better.
Enter Mission Control
Review raw findings data, track changes between scans, and contribute to Sonde’s open methodology.
Nominate a Site for the Daylight Index
Know a public website that should be on the accessibility leaderboard? Nominate it — we’ll scan it and publish the results.