Accessibility Health Check
https://maricopa.gov
Excellent
https://daylight.sonde.tech/usgov/maricopa-gov/
Maricopa County
Excellent
Executive Summary
Top Findings
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" desc="Maricopa County Seal" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" desc="Maricopa County Seal" -->
high Elements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 4.47 (foreground color: #777777, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 WCAG 1.4.3
<p class="copyright">Powered by <a href="https://www.okta.com/?internal_link=wic_login" class="inline-block notranslate" data-sonde-contrast-state-id="sonde-contrast-state-4" data-sonde-contrast-state...
high Links must be distinguishable without relying on color: Fix any of the following: The link has insufficient color contrast of 1.12:1 with the surrounding text. (Minimum contrast is 3:1, link text: #6e6e78, surrounding text: #777777) The link has no styling (such as underline) to distinguish it from the surrounding text WCAG 1.4.1
<a href="https://www.okta.com/?internal_link=wic_login" class="inline-block notranslate" data-sonde-contrast-state-id="sonde-contrast-state-4" data-sonde-contrast-state-owned="true">Okta</a>
high Focus jumps backward from "Privacy Policy" to "#input28" (visual distance: 773px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<input></input>
high Focus jumps backward from "Submit search" to "Accessible Menu" (visual distance: 499px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<button>Accessible Menu</button>
high Focus jumps backward from "Recorded Documents Locate Opens in new window" to "All Maps" (visual distance: 458px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>All Maps</a>
high Focus jumps backward from "Board of Supervisors" to "Summer heat relief Find cooling centers and get access to re" (visual distance: 508px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Summer heat relief Find cooling centers and get access to re</a>
high Focus jumps backward from "Accessible Menu" to "I Want To..." (visual distance: 316px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>I Want To...</a>
high Focus jumps backward from "Read on..." to "Read on..." (visual distance: 612px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Read on...</a>
high Focus jumps backward from "Read on..." to "Read on..." (visual distance: 501px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Read on...</a>
high Focus jumps backward from "View All Events" to "#youtube-iframe" (visual distance: 682px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<iframe></iframe>
high Focus jumps backward from "Submit search" to "Accessible Menu" (visual distance: 499px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<button>Accessible Menu</button>
high Focus jumps backward from "Recorded Documents Locate Opens in new window" to "All Maps" (visual distance: 458px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>All Maps</a>
high Focus jumps backward from "Board of Supervisors" to "Summer heat relief Find cooling centers and get access to re" (visual distance: 508px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Summer heat relief Find cooling centers and get access to re</a>
high Focus jumps backward from "Accessible Menu" to "I Want To..." (visual distance: 316px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>I Want To...</a>
high Focus jumps backward from "Read on..." to "Read on..." (visual distance: 612px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Read on...</a>
high Focus jumps backward from "Read on..." to "Read on..." (visual distance: 501px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Read on...</a>
high Focus jumps backward from "View All Events" to "#youtube-iframe" (visual distance: 682px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<iframe></iframe>
high Missing X-Content-Type-Options header
medium Page has 14 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
<!-- 14 navigation landmarks, 1 labeled -->
medium Page has 14 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
<!-- 14 navigation landmarks, 1 labeled -->
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="applogin-banner">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="footer">
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
<nav class="widgetGraphicLinksNav">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetBody cpGrid cpGrid1 ">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdva9fab1d0-6..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdvce0cf7d4-2..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=102848" alt="framework 2040 Maricopa County Comprehensive Plan logo" style="">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=101218" alt="Galvin_Election Bills" style="">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=120946" alt="Tentative Budget 2027" style="">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdv61ead008-4..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdvb210b311-e..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="tabbedWidget cpTabPanel showing" style="" id="tab850458f8-ec44-4cf0-9580-04092831e185_0" role="tabpanel" aria-labelledby="tabBtn850458f8-ec44-4cf0-9580-04092831e185_0" tabindex="-1">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdv8eac4a67-4..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...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
<nav class="widgetGraphicLinksNav">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetBody cpGrid cpGrid1 ">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdva9fab1d0-6..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdvce0cf7d4-2..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=102848" alt="framework 2040 Maricopa County Comprehensive Plan logo" style="">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=101218" alt="Galvin_Election Bills" style="">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=120946" alt="Tentative Budget 2027" style="">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdv61ead008-4..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdvb210b311-e..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="tabbedWidget cpTabPanel showing" style="" id="tab850458f8-ec44-4cf0-9580-04092831e185_0" role="tabpanel" aria-labelledby="tabBtn850458f8-ec44-4cf0-9580-04092831e185_0" tabindex="-1">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdv8eac4a67-4..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium Link is distinguished from surrounding text only by color (link: rgb(110, 110, 120), text: rgb(119, 119, 119)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="/privacy" target="_blank" class="inline-block margin-l-10" data-sonde-contrast-state-id="sonde-contrast-state-5" data-sonde-contrast-state-owned="true">Privacy Policy</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/5289/Maricopa-County" target="_self">About Maricopa County</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/5342/Staff-by-Common-Requests" target="_self">Contact Us</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="https://maricopa.wd1.myworkdayjobs.com/MC_External" target="_blank" aria-label="Apply For Jobs Opens in new window" rel="noopener">Apply For Jobs</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/4131/Pay" target="_self">Pay Bills</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/4214/Public-Records" target="_self">Request A Public Record</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/224/Board-of-Supervisors" target="_self">Board of Supervisors</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 110, 181), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="/1871/Extreme-Heat" target="_blank" class="fancyButton fancyButton6902 " aria-label="Summer heat relief Find cooling centers and get access to resources to protect yourself and others. Opens
medium Link is distinguished from surrounding text only by color (link: rgb(0, 110, 181), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="/2835/Measles" target="_self" class="fancyButton fancyButton7168 "> <span> <span><span class="text"><span class="textStyle1">Public health alert</span><span class="textStyle2">Public Hea
medium Link is distinguished from surrounding text only by color (link: rgb(0, 110, 181), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://mcassessor.maricopa.gov/" target="_blank" class="fancyButton fancyButton5697 " aria-label="Parcel Information FIND Opens in new window" rel="noopener"> <span> <span><span c
medium Link is distinguished from surrounding text only by color (link: rgb(0, 110, 181), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://recorder.maricopa.gov/recording/document-search.html" target="_blank" class="fancyButton fancyButton5702 " aria-label="Recorded Documents Locate Opens in new window" rel="noopener">
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/5289/Maricopa-County" target="_self">About Maricopa County</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/5342/Staff-by-Common-Requests" target="_self">Contact Us</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="https://maricopa.wd1.myworkdayjobs.com/MC_External" target="_blank" aria-label="Apply For Jobs Opens in new window" rel="noopener">Apply For Jobs</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/4131/Pay" target="_self">Pay Bills</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/4214/Public-Records" target="_self">Request A Public Record</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/224/Board-of-Supervisors" target="_self">Board of Supervisors</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 110, 181), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="/1871/Extreme-Heat" target="_blank" class="fancyButton fancyButton6902 " aria-label="Summer heat relief Find cooling centers and get access to resources to protect yourself and others. Opens
medium Link is distinguished from surrounding text only by color (link: rgb(0, 110, 181), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="/2835/Measles" target="_self" class="fancyButton fancyButton7168 "> <span> <span><span class="text"><span class="textStyle1">Public health alert</span><span class="textStyle2">Public Hea
medium Link is distinguished from surrounding text only by color (link: rgb(0, 110, 181), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://mcassessor.maricopa.gov/" target="_blank" class="fancyButton fancyButton5697 " aria-label="Parcel Information FIND Opens in new window" rel="noopener"> <span> <span><span c
medium Link is distinguished from surrounding text only by color (link: rgb(0, 110, 181), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://recorder.maricopa.gov/recording/document-search.html" target="_blank" class="fancyButton fancyButton5702 " aria-label="Recorded Documents Locate Opens in new window" rel="noopener">
medium Insufficient color contrast: 4.25:1 (required: 4.5:1 for normal text). Foreground: rgb(119, 119, 119), background: rgb(249, 249, 249). Text: "Sign in with your account to access Okta Dashboard" WCAG 1.4.3
<p>Sign in with your account to access Okta Dashboard</p>
medium Navigation region "Main" is present on https://www.maricopa.gov/ but missing on https://maricopa.okta.com/login/agentlessDsso/idx?stateToken=bWp6MjNYUkRjV0FIMzVPOElDbm1mLy9rSFMvanF0b1BuYzJEOEJCb2t0UjI4N1AwVm4wcmg0Qkg1K3ZocWFKVw&precheckFailure=true&redirectFromAdsso=true. Navigation should appear consistently across pages in the same site set. WCAG 3.2.3
<!-- missing: nav#mainNav -->
medium The same link functionality is identified as "Skip To Main Content" on https://www.maricopa.gov/ and "Parcel Information FIND Opens in new window" on https://www.maricopa.gov/1/Home. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a href="https://mcassessor.maricopa.gov/" target="_blank" class="fancyButton fancyButton5697 " aria-label="Parcel Information FIND Opens in new window" rel="noopener"> <span> <span><span class="text"><span class="textStyle1">Parcel </span><span class="textStyle1">Information</span><span class="textStyle2">FIND</span></span></span> </span> </a>
medium The same link functionality is identified as "Board Adopts Framework 2040 Maricopa County Comprehensive Plan" on https://www.maricopa.gov/ and "Board Adopts Framework 2040 Maricopa County Comprehensive Plan Read on... about Board Adopts Framework 2040 Maricopa County Comprehensive Plan" on https://www.maricopa.gov/1/Home. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a href="/CivicAlerts.aspx?AID=3682" target="_self" id="newsFlashReadOn3682" aria-labelledby="newsFlashItemHeader3682 newsFlashReadOn3682" class="readOn">Read on...<span class="ae-compliance-indent" style="display:none"> about Board Adopts Framework 2040 Maricopa County Comprehensive Plan</span></a>
medium The same link functionality is identified as "Board of Supervisors Stands Up for Election Staff, Calls for Public Meetings" on https://www.maricopa.gov/ and "Board of Supervisors Stands Up for Election Staff, Calls for Public Meetings Read on... about Board of Supervisors Stands Up for Election Staff, Calls for Public Meetings" on https://www.maricopa.gov/1/Home. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a href="/CivicAlerts.aspx?AID=3681" target="_self" id="newsFlashReadOn3681" aria-labelledby="newsFlashItemHeader3681 newsFlashReadOn3681" class="readOn">Read on...<span class="ae-compliance-indent" style="display:none"> about Board of Supervisors Stands Up for Election Staff, Calls for Public Meetings</span></a>
medium The same link functionality is identified as "Board of Supervisors Approves Tentative FY 2027 Budget" on https://www.maricopa.gov/ and "Board of Supervisors Approves Tentative FY 2027 Budget Read on... about Board of Supervisors Approves Tentative FY 2027 Budget" on https://www.maricopa.gov/1/Home. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a href="/CivicAlerts.aspx?AID=3677" target="_self" id="newsFlashReadOn3677" aria-labelledby="newsFlashItemHeader3677 newsFlashReadOn3677" class="readOn">Read on...<span class="ae-compliance-indent" style="display:none"> about Board of Supervisors Approves Tentative FY 2027 Budget</span></a>
medium The same link functionality is identified as "Supervisor Thomas Galvin Hosts Fourth Annual Lake and Trail Safety Event" on https://www.maricopa.gov/ and "Supervisor Thomas Galvin Hosts Fourth Annual Lake and Trail Safety Event Read on... about Supervisor Thomas Galvin Hosts Fourth Annual Lake and Trail Safety Event" on https://www.maricopa.gov/1/Home. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a href="/CivicAlerts.aspx?AID=3680" target="_self" id="newsFlashReadOn3680" aria-labelledby="newsFlashItemHeader3680 newsFlashReadOn3680" class="readOn">Read on...<span class="ae-compliance-indent" style="display:none"> about Supervisor Thomas Galvin Hosts Fourth Annual Lake and Trail Safety Event</span></a>
medium The same link functionality is identified as "May 8, 2026: New Measles Case, Public Exposures Identified by Public Health" on https://www.maricopa.gov/ and "May 8, 2026: New Measles Case, Public Exposures Identified by Public Health Read on... about May 8, 2026: New Measles Case, Public Exposures Identified by Public Health" on https://www.maricopa.gov/1/Home. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a href="/CivicAlerts.aspx?AID=3673" target="_self" id="newsFlashReadOn3673" aria-labelledby="newsFlashItemHeader3673 newsFlashReadOn3673" class="readOn">Read on...<span class="ae-compliance-indent" style="display:none"> about May 8, 2026: New Measles Case, Public Exposures Identified by Public Health</span></a>
medium The same link functionality is identified as "Public Health Confirms Three New Local Measles Cases With Public Exposures" on https://www.maricopa.gov/ and "Public Health Confirms Three New Local Measles Cases With Public Exposures Read on... about Public Health Confirms Three New Local Measles Cases With Public Exposures" on https://www.maricopa.gov/1/Home. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a href="/CivicAlerts.aspx?AID=3670" target="_self" id="newsFlashReadOn3670" aria-labelledby="newsFlashItemHeader3670 newsFlashReadOn3670" class="readOn">Read on...<span class="ae-compliance-indent" style="display:none"> about Public Health Confirms Three New Local Measles Cases With Public Exposures</span></a>
medium The same link functionality is identified as "Departments" on https://www.maricopa.gov/ and "More Departments" on https://www.maricopa.gov/1/Home. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a href="/27/Departments" target="_self" class="fancyButton fancyButton5682 "> <span> <span><span class="text">More Departments</span></span> </span> </a>
medium Element overflows viewport by 92px at Modern phone (390px width). WCAG Sonde responsive contract
<a href="/civicmedia" target="_self" class="fancyButton fancyButton5675 "> <span> <span><span class="text">All County Videos</span></span> </span> </a>
medium Element overflows viewport by 1066px at Modern phone (390px width). WCAG Sonde responsive contract
<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=79623" width="3097.5266666666666px" style="position: absolute; left: 0px; margin: 0px; width: 2522.62px;">
medium Element overflows viewport by 75px at Modern phone (390px width). WCAG Sonde responsive contract
<span> <span><span class="text">All County Videos</span></span> </span>
medium Element overflows viewport by 75px at Modern phone (390px width). WCAG Sonde responsive contract
<span class="text">All County Videos</span>
medium Element overflows viewport by 65px at Phone SE (320px width). WCAG 1.4.10
<a href="/1871/Extreme-Heat" target="_blank" class="fancyButton fancyButton6902 " aria-label="Summer heat relief Find cooling centers and get access to resources to protect yourself and others. Opens
medium Element overflows viewport by 65px at Phone SE (320px width). WCAG 1.4.10
<a href="/2835/Measles" target="_self" class="fancyButton fancyButton7168 "> <span> <span><span class="text"><span class="textStyle1">Public health alert</span><span class="textStyle2">Public Hea
medium Element overflows viewport by 239px at Phone SE (320px width). WCAG 1.4.10
<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=80071" width="741px" style="position: absolute; left: 0px; margin: 0px; width: 797.907px;">
medium Element overflows viewport by 65px at Phone SE (320px width). WCAG 1.4.10
<span> <span><span class="text"><span class="textStyle1">Summer heat relief</span><span class="textStyle2">Find cooling centers and get access to resources to protect yourself and others.</span></s
medium Element overflows viewport by 65px at Phone SE (320px width). WCAG 1.4.10
<span class="text"><span class="textStyle1">Summer heat relief</span><span class="textStyle2">Find cooling centers and get access to resources to protect yourself and others.</span></span>
medium Element overflows viewport by 51px at Phone SE (320px width). WCAG 1.4.10
<span class="textStyle1">Summer heat relief</span>
medium Element overflows viewport by 51px at Phone SE (320px width). WCAG 1.4.10
<span class="textStyle2">Find cooling centers and get access to resources to protect yourself and others.</span>
medium Interactive control "#newsFlashReadOn3681" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<#newsFlashReadOn3681>
medium Interactive control "#newsFlashReadOn3682" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<#newsFlashReadOn3682>
medium Interactive control "a.audioeye-skip-link" is only 1px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<a.audioeye-skip-link>
medium Interactive control "a.skipToContentLink.ae-exclude" is only 33px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<a.skipToContentLink.ae-exclude>
medium Interactive control "a.widgetDesc.widgetQuickLinksLink" is only 19px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<a.widgetDesc.widgetQuickLinksLink>
medium Interactive control "#ae-sitemenu-button-0" is only 6px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<#ae-sitemenu-button-0>
medium Primary content surface "#structuralContainer6" is only 1201px wide at Ultrawide (3440px viewport). Sonde responsive contract expects ≥ 1548px on this tier. WCAG Sonde responsive contract
<#structuralContainer6>
medium Content clipped by 43px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
<button type="button" id="ae-sitemenu-button-0" class="ae-offscreen ae-accessible-menu-button" tabindex="0" style="display: none" data-custom-label="">Accessible Menu</button>
medium Content clipped by 224px 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 data-cprole="structuralContainer" id="structuralContainer3" style="padding-top: 237.375px;"> <div data-cprole="banner" id="banner1"><div data-cprole="structuralContainer" id="structuralContainer4
medium Content clipped by 85px 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="#structuralContainer6" class="audioeye-skip-link">Skip To Main Content</a>
medium Content clipped by 87px 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="#ccccf06312-0b4b-49d2-92ed-1abf2a8d0cb9" target="_self" class="skipToContentLink ae-exclude" role="presentation" aria-hidden="true" tabindex="-1">Skip to Main Content</a>
medium Content clipped by 21px 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="ae-compliance-indent" style="display:none"> about Board Adopts Framework 2040 Maricopa County Comprehensive Plan</span>
medium Missing X-Frame-Options header
medium Missing X-Frame-Options header
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role heading is not allowed for given element
<a id="banner2-250" style=" display: block; text-align: center; " class="bannerObject" href="/" target="_self" role="heading" aria-level="1"><img alt="Maricopa County Homepage Logo" class="bannerObj...
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role search is not allowed for given element
<input type="text" class="maricopawidgetsearchinput" maxlength="256" name="searchPhrase" placeholder="Search" aria-label="Search site" role="search">
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role heading is not allowed for given element
<li class="InfoAdvanced widgetItem fr-view" role="heading" aria-level="2"> Common Requests </li>
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role heading is not allowed for given element
<li class="InfoAdvanced widgetItem fr-view" role="heading" aria-level="2"> County News </li>
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role heading is not allowed for given element
<li class="InfoAdvanced widgetItem fr-view" role="heading" aria-level="2"> Most Visited Departments </li>
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role heading is not allowed for given element
<li class="InfoAdvanced widgetItem fr-view" role="heading" aria-level="2"> Connect With Us </li>
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role heading is not allowed for given element
<li class="InfoAdvanced widgetItem fr-view" role="heading" aria-level="2"> Board of Supervisors </li>
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role heading is not allowed for given element
<li class="InfoAdvanced widgetItem fr-view" role="heading" aria-level="2">
low Headings 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
<h4 id="newsFlashItemHeader3677" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3677" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Board of S...
low Headings 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
<h4 id="newsFlashItemHeader3680" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3680" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Supervisor...
low Headings 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
<h4 id="newsFlashItemHeader3673" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3673" target="_self" role="presentation" aria-hidden="true" tabindex="-1">May 8, 202...
low Headings 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
<h4 id="newsFlashItemHeader3670" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3670" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Public Hea...
low Headings 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
<h4 id="newsFlashItemHeader3682" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3682" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Board Adop...
low Headings 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
<h4 id="newsFlashItemHeader3681" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3681" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Board of S...
low Elements marked as presentational should be consistently ignored: Fix all of the following: Element does not have global ARIA attribute
<ol class="tabbedWidget cpTabs " role="presentation" aria-hidden="false" style="">
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role heading is not allowed for given element
<a id="banner2-250" style=" display: block; text-align: center; " class="bannerObject" href="/" target="_self" role="heading" aria-level="1"><img alt="Maricopa County Homepage Logo" class="bannerObj...
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role search is not allowed for given element
<input type="text" class="maricopawidgetsearchinput" maxlength="256" name="searchPhrase" placeholder="Search" aria-label="Search site" role="search">
low Headings 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
<h4 id="newsFlashItemHeader3682" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3682" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Board Adop...
low Headings 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
<h4 id="newsFlashItemHeader3681" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3681" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Board of S...
low Headings 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
<h4 id="newsFlashItemHeader3677" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3677" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Board of S...
low Headings 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
<h4 id="newsFlashItemHeader3680" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3680" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Supervisor...
low Headings 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
<h4 id="newsFlashItemHeader3673" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3673" target="_self" role="presentation" aria-hidden="true" tabindex="-1">May 8, 202...
low Headings 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
<h4 id="newsFlashItemHeader3670" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3670" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Public Hea...
low Elements marked as presentational should be consistently ignored: Fix all of the following: Element does not have global ARIA attribute
<ol class="tabbedWidget cpTabs " role="presentation" aria-hidden="false" style="">
low Deep focus region: aside "Board Adopts Framework 2040 Maricopa Cou" has 13 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys. WCAG 2.4.1
<aside role="aside">Board Adopts Framework 2040 Maricopa Cou</aside>
low Deep focus region: aside "Upcoming Events Upc" has 15 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys. WCAG 2.4.1
<aside role="aside">Upcoming Events Upc</aside>
low Broken link: https://recorder.maricopa.gov/ returned status 403 Forbidden after 1 attempts
<a href="https://recorder.maricopa.gov/">Recorder</a>
low Broken link: https://recorder.maricopa.gov/recording/document-search.html returned status 403 Forbidden after 1 attempts
<a href="https://recorder.maricopa.gov/recording/document-search.html">RecordedDocumentsLocate</a>
low Broken link: https://twitter.com/maricopacounty returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/maricopacounty"></a>
low Broken link: https://www.clerkofcourt.maricopa.gov/records/marriage-licenses-passports/marriage-licenses returned status 403 Forbidden after 1 attempts
<a href="https://www.clerkofcourt.maricopa.gov/records/marriage-licenses-passports/marriage-licenses">MarriageCertificatesApply</a>
low Invalid tel link format: tel:602.506.0583
<a href="tel:602.506.0583">602.506.0583</a>
low Link timeout: https://envapp.maricopa.gov/EnvironmentalHealth/FoodInspections did not respond within 5000ms after 7 attempts
<a href="https://envapp.maricopa.gov/EnvironmentalHealth/FoodInspections">RestaurantRatingsView</a>
low Link timeout: https://www.maricopa.gov/CivicAlerts.aspx?AID=3670 did not respond within 5000ms after 2 attempts
<a href="https://www.maricopa.gov/CivicAlerts.aspx?AID=3670">Read on... about Public Health Confirms Three New Local Measles Cases With Publi</a>
low Link timeout: https://www.mcassessor.maricopa.gov/ did not respond within 5000ms after 6 attempts
<a href="https://www.mcassessor.maricopa.gov/">Assessor</a>
low Broken link: https://recorder.maricopa.gov/ returned status 403 Forbidden after 1 attempts
<a href="https://recorder.maricopa.gov/">Recorder</a>
low Broken link: https://recorder.maricopa.gov/recording/document-search.html returned status 403 Forbidden after 1 attempts
<a href="https://recorder.maricopa.gov/recording/document-search.html">RecordedDocumentsLocate</a>
low Broken link: https://twitter.com/maricopacounty returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/maricopacounty"></a>
low Broken link: https://www.clerkofcourt.maricopa.gov/records/marriage-licenses-passports/marriage-licenses returned status 403 Forbidden after 1 attempts
<a href="https://www.clerkofcourt.maricopa.gov/records/marriage-licenses-passports/marriage-licenses">MarriageCertificatesApply</a>
low Invalid tel link format: tel:602.506.0583
<a href="tel:602.506.0583">602.506.0583</a>
low Link timeout: https://envapp.maricopa.gov/EnvironmentalHealth/FoodInspections did not respond within 5000ms after 7 attempts
<a href="https://envapp.maricopa.gov/EnvironmentalHealth/FoodInspections">RestaurantRatingsView</a>
low Link timeout: https://www.maricopa.gov/CivicAlerts.aspx?AID=3670 did not respond within 5000ms after 2 attempts
<a href="https://www.maricopa.gov/CivicAlerts.aspx?AID=3670">Read on... about Public Health Confirms Three New Local Measles Cases With Publi</a>
low Link timeout: https://www.mcassessor.maricopa.gov/ did not respond within 5000ms after 6 attempts
<a href="https://www.mcassessor.maricopa.gov/">Assessor</a>
Best Page Fix Opportunities
/1/Home93findings
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" desc="Maricopa County Seal" -->
high Focus jumps backward from "Submit search" to "Accessible Menu" (visual distance: 499px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<button>Accessible Menu</button>
high Focus jumps backward from "Recorded Documents Locate Opens in new window" to "All Maps" (visual distance: 458px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>All Maps</a>
high Focus jumps backward from "Board of Supervisors" to "Summer heat relief Find cooling centers and get access to re" (visual distance: 508px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Summer heat relief Find cooling centers and get access to re</a>
high Focus jumps backward from "Accessible Menu" to "I Want To..." (visual distance: 316px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>I Want To...</a>
high Focus jumps backward from "Read on..." to "Read on..." (visual distance: 612px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Read on...</a>
high Focus jumps backward from "Read on..." to "Read on..." (visual distance: 501px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Read on...</a>
high Focus jumps backward from "View All Events" to "#youtube-iframe" (visual distance: 682px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<iframe></iframe>
medium Page has 14 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
<!-- 14 navigation landmarks, 1 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
<nav class="widgetGraphicLinksNav">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetBody cpGrid cpGrid1 ">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdva9fab1d0-6..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdvce0cf7d4-2..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=102848" alt="framework 2040 Maricopa County Comprehensive Plan logo" style="">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=101218" alt="Galvin_Election Bills" style="">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=120946" alt="Tentative Budget 2027" style="">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdv61ead008-4..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdvb210b311-e..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="tabbedWidget cpTabPanel showing" style="" id="tab850458f8-ec44-4cf0-9580-04092831e185_0" role="tabpanel" aria-labelledby="tabBtn850458f8-ec44-4cf0-9580-04092831e185_0" tabindex="-1">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdv8eac4a67-4..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/5289/Maricopa-County" target="_self">About Maricopa County</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/5342/Staff-by-Common-Requests" target="_self">Contact Us</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="https://maricopa.wd1.myworkdayjobs.com/MC_External" target="_blank" aria-label="Apply For Jobs Opens in new window" rel="noopener">Apply For Jobs</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/4131/Pay" target="_self">Pay Bills</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/4214/Public-Records" target="_self">Request A Public Record</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/224/Board-of-Supervisors" target="_self">Board of Supervisors</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 110, 181), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="/1871/Extreme-Heat" target="_blank" class="fancyButton fancyButton6902 " aria-label="Summer heat relief Find cooling centers and get access to resources to protect yourself and others. Opens
medium Link is distinguished from surrounding text only by color (link: rgb(0, 110, 181), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="/2835/Measles" target="_self" class="fancyButton fancyButton7168 "> <span> <span><span class="text"><span class="textStyle1">Public health alert</span><span class="textStyle2">Public Hea
medium Link is distinguished from surrounding text only by color (link: rgb(0, 110, 181), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://mcassessor.maricopa.gov/" target="_blank" class="fancyButton fancyButton5697 " aria-label="Parcel Information FIND Opens in new window" rel="noopener"> <span> <span><span c
medium Link is distinguished from surrounding text only by color (link: rgb(0, 110, 181), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://recorder.maricopa.gov/recording/document-search.html" target="_blank" class="fancyButton fancyButton5702 " aria-label="Recorded Documents Locate Opens in new window" rel="noopener">
medium The same link functionality is identified as "Skip To Main Content" on https://www.maricopa.gov/ and "Parcel Information FIND Opens in new window" on https://www.maricopa.gov/1/Home. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a href="https://mcassessor.maricopa.gov/" target="_blank" class="fancyButton fancyButton5697 " aria-label="Parcel Information FIND Opens in new window" rel="noopener"> <span> <span><span class="text"><span class="textStyle1">Parcel </span><span class="textStyle1">Information</span><span class="textStyle2">FIND</span></span></span> </span> </a>
medium The same link functionality is identified as "Board Adopts Framework 2040 Maricopa County Comprehensive Plan" on https://www.maricopa.gov/ and "Board Adopts Framework 2040 Maricopa County Comprehensive Plan Read on... about Board Adopts Framework 2040 Maricopa County Comprehensive Plan" on https://www.maricopa.gov/1/Home. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a href="/CivicAlerts.aspx?AID=3682" target="_self" id="newsFlashReadOn3682" aria-labelledby="newsFlashItemHeader3682 newsFlashReadOn3682" class="readOn">Read on...<span class="ae-compliance-indent" style="display:none"> about Board Adopts Framework 2040 Maricopa County Comprehensive Plan</span></a>
medium The same link functionality is identified as "Board of Supervisors Stands Up for Election Staff, Calls for Public Meetings" on https://www.maricopa.gov/ and "Board of Supervisors Stands Up for Election Staff, Calls for Public Meetings Read on... about Board of Supervisors Stands Up for Election Staff, Calls for Public Meetings" on https://www.maricopa.gov/1/Home. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a href="/CivicAlerts.aspx?AID=3681" target="_self" id="newsFlashReadOn3681" aria-labelledby="newsFlashItemHeader3681 newsFlashReadOn3681" class="readOn">Read on...<span class="ae-compliance-indent" style="display:none"> about Board of Supervisors Stands Up for Election Staff, Calls for Public Meetings</span></a>
medium The same link functionality is identified as "Board of Supervisors Approves Tentative FY 2027 Budget" on https://www.maricopa.gov/ and "Board of Supervisors Approves Tentative FY 2027 Budget Read on... about Board of Supervisors Approves Tentative FY 2027 Budget" on https://www.maricopa.gov/1/Home. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a href="/CivicAlerts.aspx?AID=3677" target="_self" id="newsFlashReadOn3677" aria-labelledby="newsFlashItemHeader3677 newsFlashReadOn3677" class="readOn">Read on...<span class="ae-compliance-indent" style="display:none"> about Board of Supervisors Approves Tentative FY 2027 Budget</span></a>
medium The same link functionality is identified as "Supervisor Thomas Galvin Hosts Fourth Annual Lake and Trail Safety Event" on https://www.maricopa.gov/ and "Supervisor Thomas Galvin Hosts Fourth Annual Lake and Trail Safety Event Read on... about Supervisor Thomas Galvin Hosts Fourth Annual Lake and Trail Safety Event" on https://www.maricopa.gov/1/Home. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a href="/CivicAlerts.aspx?AID=3680" target="_self" id="newsFlashReadOn3680" aria-labelledby="newsFlashItemHeader3680 newsFlashReadOn3680" class="readOn">Read on...<span class="ae-compliance-indent" style="display:none"> about Supervisor Thomas Galvin Hosts Fourth Annual Lake and Trail Safety Event</span></a>
medium The same link functionality is identified as "May 8, 2026: New Measles Case, Public Exposures Identified by Public Health" on https://www.maricopa.gov/ and "May 8, 2026: New Measles Case, Public Exposures Identified by Public Health Read on... about May 8, 2026: New Measles Case, Public Exposures Identified by Public Health" on https://www.maricopa.gov/1/Home. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a href="/CivicAlerts.aspx?AID=3673" target="_self" id="newsFlashReadOn3673" aria-labelledby="newsFlashItemHeader3673 newsFlashReadOn3673" class="readOn">Read on...<span class="ae-compliance-indent" style="display:none"> about May 8, 2026: New Measles Case, Public Exposures Identified by Public Health</span></a>
medium The same link functionality is identified as "Public Health Confirms Three New Local Measles Cases With Public Exposures" on https://www.maricopa.gov/ and "Public Health Confirms Three New Local Measles Cases With Public Exposures Read on... about Public Health Confirms Three New Local Measles Cases With Public Exposures" on https://www.maricopa.gov/1/Home. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a href="/CivicAlerts.aspx?AID=3670" target="_self" id="newsFlashReadOn3670" aria-labelledby="newsFlashItemHeader3670 newsFlashReadOn3670" class="readOn">Read on...<span class="ae-compliance-indent" style="display:none"> about Public Health Confirms Three New Local Measles Cases With Public Exposures</span></a>
medium The same link functionality is identified as "Departments" on https://www.maricopa.gov/ and "More Departments" on https://www.maricopa.gov/1/Home. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
<a href="/27/Departments" target="_self" class="fancyButton fancyButton5682 "> <span> <span><span class="text">More Departments</span></span> </span> </a>
medium Element overflows viewport by 92px at Modern phone (390px width). WCAG Sonde responsive contract
<a href="/civicmedia" target="_self" class="fancyButton fancyButton5675 "> <span> <span><span class="text">All County Videos</span></span> </span> </a>
medium Element overflows viewport by 1066px at Modern phone (390px width). WCAG Sonde responsive contract
<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=79623" width="3097.5266666666666px" style="position: absolute; left: 0px; margin: 0px; width: 2522.62px;">
medium Element overflows viewport by 75px at Modern phone (390px width). WCAG Sonde responsive contract
<span> <span><span class="text">All County Videos</span></span> </span>
medium Element overflows viewport by 75px at Modern phone (390px width). WCAG Sonde responsive contract
<span class="text">All County Videos</span>
medium Element overflows viewport by 65px at Phone SE (320px width). WCAG 1.4.10
<a href="/1871/Extreme-Heat" target="_blank" class="fancyButton fancyButton6902 " aria-label="Summer heat relief Find cooling centers and get access to resources to protect yourself and others. Opens
medium Element overflows viewport by 65px at Phone SE (320px width). WCAG 1.4.10
<a href="/2835/Measles" target="_self" class="fancyButton fancyButton7168 "> <span> <span><span class="text"><span class="textStyle1">Public health alert</span><span class="textStyle2">Public Hea
medium Element overflows viewport by 239px at Phone SE (320px width). WCAG 1.4.10
<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=80071" width="741px" style="position: absolute; left: 0px; margin: 0px; width: 797.907px;">
medium Element overflows viewport by 65px at Phone SE (320px width). WCAG 1.4.10
<span> <span><span class="text"><span class="textStyle1">Summer heat relief</span><span class="textStyle2">Find cooling centers and get access to resources to protect yourself and others.</span></s
medium Element overflows viewport by 65px at Phone SE (320px width). WCAG 1.4.10
<span class="text"><span class="textStyle1">Summer heat relief</span><span class="textStyle2">Find cooling centers and get access to resources to protect yourself and others.</span></span>
medium Element overflows viewport by 51px at Phone SE (320px width). WCAG 1.4.10
<span class="textStyle1">Summer heat relief</span>
medium Element overflows viewport by 51px at Phone SE (320px width). WCAG 1.4.10
<span class="textStyle2">Find cooling centers and get access to resources to protect yourself and others.</span>
medium Interactive control "#newsFlashReadOn3681" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<#newsFlashReadOn3681>
medium Interactive control "#newsFlashReadOn3682" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<#newsFlashReadOn3682>
medium Interactive control "a.audioeye-skip-link" is only 1px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<a.audioeye-skip-link>
medium Interactive control "a.skipToContentLink.ae-exclude" is only 33px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<a.skipToContentLink.ae-exclude>
medium Interactive control "a.widgetDesc.widgetQuickLinksLink" is only 19px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<a.widgetDesc.widgetQuickLinksLink>
medium Interactive control "#ae-sitemenu-button-0" is only 6px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<#ae-sitemenu-button-0>
medium Primary content surface "#structuralContainer6" is only 1201px wide at Ultrawide (3440px viewport). Sonde responsive contract expects ≥ 1548px on this tier. WCAG Sonde responsive contract
<#structuralContainer6>
medium Content clipped by 43px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
<button type="button" id="ae-sitemenu-button-0" class="ae-offscreen ae-accessible-menu-button" tabindex="0" style="display: none" data-custom-label="">Accessible Menu</button>
medium Content clipped by 224px 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 data-cprole="structuralContainer" id="structuralContainer3" style="padding-top: 237.375px;"> <div data-cprole="banner" id="banner1"><div data-cprole="structuralContainer" id="structuralContainer4
medium Content clipped by 85px 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="#structuralContainer6" class="audioeye-skip-link">Skip To Main Content</a>
medium Content clipped by 87px 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="#ccccf06312-0b4b-49d2-92ed-1abf2a8d0cb9" target="_self" class="skipToContentLink ae-exclude" role="presentation" aria-hidden="true" tabindex="-1">Skip to Main Content</a>
medium Content clipped by 21px 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="ae-compliance-indent" style="display:none"> about Board Adopts Framework 2040 Maricopa County Comprehensive Plan</span>
medium Missing X-Frame-Options header
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role heading is not allowed for given element
<a id="banner2-250" style=" display: block; text-align: center; " class="bannerObject" href="/" target="_self" role="heading" aria-level="1"><img alt="Maricopa County Homepage Logo" class="bannerObj...
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role search is not allowed for given element
<input type="text" class="maricopawidgetsearchinput" maxlength="256" name="searchPhrase" placeholder="Search" aria-label="Search site" role="search">
low Headings 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
<h4 id="newsFlashItemHeader3682" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3682" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Board Adop...
low Headings 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
<h4 id="newsFlashItemHeader3681" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3681" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Board of S...
low Headings 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
<h4 id="newsFlashItemHeader3677" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3677" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Board of S...
low Headings 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
<h4 id="newsFlashItemHeader3680" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3680" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Supervisor...
low Headings 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
<h4 id="newsFlashItemHeader3673" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3673" target="_self" role="presentation" aria-hidden="true" tabindex="-1">May 8, 202...
low Headings 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
<h4 id="newsFlashItemHeader3670" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3670" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Public Hea...
low Elements marked as presentational should be consistently ignored: Fix all of the following: Element does not have global ARIA attribute
<ol class="tabbedWidget cpTabs " role="presentation" aria-hidden="false" style="">
low Deep focus region: aside "Board Adopts Framework 2040 Maricopa Cou" has 13 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys. WCAG 2.4.1
<aside role="aside">Board Adopts Framework 2040 Maricopa Cou</aside>
low Deep focus region: aside "Upcoming Events Upc" has 15 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys. WCAG 2.4.1
<aside role="aside">Upcoming Events Upc</aside>
low Broken link: https://recorder.maricopa.gov/ returned status 403 Forbidden after 1 attempts
<a href="https://recorder.maricopa.gov/">Recorder</a>
low Broken link: https://recorder.maricopa.gov/recording/document-search.html returned status 403 Forbidden after 1 attempts
<a href="https://recorder.maricopa.gov/recording/document-search.html">RecordedDocumentsLocate</a>
low Broken link: https://twitter.com/maricopacounty returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/maricopacounty"></a>
low Broken link: https://www.clerkofcourt.maricopa.gov/records/marriage-licenses-passports/marriage-licenses returned status 403 Forbidden after 1 attempts
<a href="https://www.clerkofcourt.maricopa.gov/records/marriage-licenses-passports/marriage-licenses">MarriageCertificatesApply</a>
low Invalid tel link format: tel:602.506.0583
<a href="tel:602.506.0583">602.506.0583</a>
low Link timeout: https://envapp.maricopa.gov/EnvironmentalHealth/FoodInspections did not respond within 5000ms after 7 attempts
<a href="https://envapp.maricopa.gov/EnvironmentalHealth/FoodInspections">RestaurantRatingsView</a>
low Link timeout: https://www.maricopa.gov/CivicAlerts.aspx?AID=3670 did not respond within 5000ms after 2 attempts
<a href="https://www.maricopa.gov/CivicAlerts.aspx?AID=3670">Read on... about Public Health Confirms Three New Local Measles Cases With Publi</a>
low Link timeout: https://www.mcassessor.maricopa.gov/ did not respond within 5000ms after 6 attempts
<a href="https://www.mcassessor.maricopa.gov/">Assessor</a>
www.maricopa.gov66findings
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Empty heading (role="heading"). Headings must contain text for screen reader navigation to work. WCAG 1.3.1
<!-- a11y: role="heading" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" desc="Maricopa County Seal" -->
high Focus jumps backward from "Submit search" to "Accessible Menu" (visual distance: 499px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<button>Accessible Menu</button>
high Focus jumps backward from "Recorded Documents Locate Opens in new window" to "All Maps" (visual distance: 458px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>All Maps</a>
high Focus jumps backward from "Board of Supervisors" to "Summer heat relief Find cooling centers and get access to re" (visual distance: 508px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Summer heat relief Find cooling centers and get access to re</a>
high Focus jumps backward from "Accessible Menu" to "I Want To..." (visual distance: 316px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>I Want To...</a>
high Focus jumps backward from "Read on..." to "Read on..." (visual distance: 612px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Read on...</a>
high Focus jumps backward from "Read on..." to "Read on..." (visual distance: 501px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a>Read on...</a>
high Focus jumps backward from "View All Events" to "#youtube-iframe" (visual distance: 682px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<iframe></iframe>
medium Page has 14 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
<!-- 14 navigation landmarks, 1 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
<nav class="widgetGraphicLinksNav">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetBody cpGrid cpGrid1 ">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdva9fab1d0-6..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdvce0cf7d4-2..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=102848" alt="framework 2040 Maricopa County Comprehensive Plan logo" style="">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=101218" alt="Galvin_Election Bills" style="">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=120946" alt="Tentative Budget 2027" style="">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdv61ead008-4..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdvb210b311-e..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="tabbedWidget cpTabPanel showing" style="" id="tab850458f8-ec44-4cf0-9580-04092831e185_0" role="tabpanel" aria-labelledby="tabBtn850458f8-ec44-4cf0-9580-04092831e185_0" tabindex="-1">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdv8eac4a67-4..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/5289/Maricopa-County" target="_self">About Maricopa County</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/5342/Staff-by-Common-Requests" target="_self">Contact Us</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="https://maricopa.wd1.myworkdayjobs.com/MC_External" target="_blank" aria-label="Apply For Jobs Opens in new window" rel="noopener">Apply For Jobs</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/4131/Pay" target="_self">Pay Bills</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/4214/Public-Records" target="_self">Request A Public Record</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 51, 51), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a class="widgetDesc widgetQuickLinksLink" href="/224/Board-of-Supervisors" target="_self">Board of Supervisors</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 110, 181), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="/1871/Extreme-Heat" target="_blank" class="fancyButton fancyButton6902 " aria-label="Summer heat relief Find cooling centers and get access to resources to protect yourself and others. Opens
medium Link is distinguished from surrounding text only by color (link: rgb(0, 110, 181), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="/2835/Measles" target="_self" class="fancyButton fancyButton7168 "> <span> <span><span class="text"><span class="textStyle1">Public health alert</span><span class="textStyle2">Public Hea
medium Link is distinguished from surrounding text only by color (link: rgb(0, 110, 181), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://mcassessor.maricopa.gov/" target="_blank" class="fancyButton fancyButton5697 " aria-label="Parcel Information FIND Opens in new window" rel="noopener"> <span> <span><span c
medium Link is distinguished from surrounding text only by color (link: rgb(0, 110, 181), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://recorder.maricopa.gov/recording/document-search.html" target="_blank" class="fancyButton fancyButton5702 " aria-label="Recorded Documents Locate Opens in new window" rel="noopener">
medium Missing X-Frame-Options header
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role heading is not allowed for given element
<a id="banner2-250" style=" display: block; text-align: center; " class="bannerObject" href="/" target="_self" role="heading" aria-level="1"><img alt="Maricopa County Homepage Logo" class="bannerObj...
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role search is not allowed for given element
<input type="text" class="maricopawidgetsearchinput" maxlength="256" name="searchPhrase" placeholder="Search" aria-label="Search site" role="search">
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role heading is not allowed for given element
<li class="InfoAdvanced widgetItem fr-view" role="heading" aria-level="2"> Common Requests </li>
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role heading is not allowed for given element
<li class="InfoAdvanced widgetItem fr-view" role="heading" aria-level="2"> County News </li>
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role heading is not allowed for given element
<li class="InfoAdvanced widgetItem fr-view" role="heading" aria-level="2"> Most Visited Departments </li>
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role heading is not allowed for given element
<li class="InfoAdvanced widgetItem fr-view" role="heading" aria-level="2"> Connect With Us </li>
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role heading is not allowed for given element
<li class="InfoAdvanced widgetItem fr-view" role="heading" aria-level="2"> Board of Supervisors </li>
low ARIA role should be appropriate for the element: Fix any of the following: ARIA role heading is not allowed for given element
<li class="InfoAdvanced widgetItem fr-view" role="heading" aria-level="2">
low Headings 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
<h4 id="newsFlashItemHeader3677" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3677" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Board of S...
low Headings 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
<h4 id="newsFlashItemHeader3680" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3680" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Supervisor...
low Headings 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
<h4 id="newsFlashItemHeader3673" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3673" target="_self" role="presentation" aria-hidden="true" tabindex="-1">May 8, 202...
low Headings 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
<h4 id="newsFlashItemHeader3670" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3670" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Public Hea...
low Headings 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
<h4 id="newsFlashItemHeader3682" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3682" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Board Adop...
low Headings 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
<h4 id="newsFlashItemHeader3681" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3681" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Board of S...
low Elements marked as presentational should be consistently ignored: Fix all of the following: Element does not have global ARIA attribute
<ol class="tabbedWidget cpTabs " role="presentation" aria-hidden="false" style="">
low Broken link: https://recorder.maricopa.gov/ returned status 403 Forbidden after 1 attempts
<a href="https://recorder.maricopa.gov/">Recorder</a>
low Broken link: https://recorder.maricopa.gov/recording/document-search.html returned status 403 Forbidden after 1 attempts
<a href="https://recorder.maricopa.gov/recording/document-search.html">RecordedDocumentsLocate</a>
low Broken link: https://twitter.com/maricopacounty returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/maricopacounty"></a>
low Broken link: https://www.clerkofcourt.maricopa.gov/records/marriage-licenses-passports/marriage-licenses returned status 403 Forbidden after 1 attempts
<a href="https://www.clerkofcourt.maricopa.gov/records/marriage-licenses-passports/marriage-licenses">MarriageCertificatesApply</a>
low Invalid tel link format: tel:602.506.0583
<a href="tel:602.506.0583">602.506.0583</a>
low Link timeout: https://envapp.maricopa.gov/EnvironmentalHealth/FoodInspections did not respond within 5000ms after 7 attempts
<a href="https://envapp.maricopa.gov/EnvironmentalHealth/FoodInspections">RestaurantRatingsView</a>
low Link timeout: https://www.maricopa.gov/CivicAlerts.aspx?AID=3670 did not respond within 5000ms after 2 attempts
<a href="https://www.maricopa.gov/CivicAlerts.aspx?AID=3670">Read on... about Public Health Confirms Three New Local Measles Cases With Publi</a>
low Link timeout: https://www.mcassessor.maricopa.gov/ did not respond within 5000ms after 6 attempts
<a href="https://www.mcassessor.maricopa.gov/">Assessor</a>
/login/agentlessDsso/idx?stateToken=bWp6MjNYUkRjV0FIMzVPOElDbm1mLy9rSFMvanF0b1BuYzJEOEJCb2t0UjI4N1AwVm4wcmg0Qkg1K3ZocWFKVw&precheckFailure=true&redirectFromAdsso=true9findings
high Elements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 4.47 (foreground color: #777777, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 WCAG 1.4.3
<p class="copyright">Powered by <a href="https://www.okta.com/?internal_link=wic_login" class="inline-block notranslate" data-sonde-contrast-state-id="sonde-contrast-state-4" data-sonde-contrast-state...
high Links must be distinguishable without relying on color: Fix any of the following: The link has insufficient color contrast of 1.12:1 with the surrounding text. (Minimum contrast is 3:1, link text: #6e6e78, surrounding text: #777777) The link has no styling (such as underline) to distinguish it from the surrounding text WCAG 1.4.1
<a href="https://www.okta.com/?internal_link=wic_login" class="inline-block notranslate" data-sonde-contrast-state-id="sonde-contrast-state-4" data-sonde-contrast-state-owned="true">Okta</a>
high Focus jumps backward from "Privacy Policy" to "#input28" (visual distance: 773px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<input></input>
high Missing X-Content-Type-Options header
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="applogin-banner">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="footer">
medium Link is distinguished from surrounding text only by color (link: rgb(110, 110, 120), text: rgb(119, 119, 119)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="/privacy" target="_blank" class="inline-block margin-l-10" data-sonde-contrast-state-id="sonde-contrast-state-5" data-sonde-contrast-state-owned="true">Privacy Policy</a>
medium Insufficient color contrast: 4.25:1 (required: 4.5:1 for normal text). Foreground: rgb(119, 119, 119), background: rgb(249, 249, 249). Text: "Sign in with your account to access Okta Dashboard" WCAG 1.4.3
<p>Sign in with your account to access Okta Dashboard</p>
medium Navigation region "Main" is present on https://www.maricopa.gov/ but missing on https://maricopa.okta.com/login/agentlessDsso/idx?stateToken=bWp6MjNYUkRjV0FIMzVPOElDbm1mLy9rSFMvanF0b1BuYzJEOEJCb2t0UjI4N1AwVm4wcmg0Qkg1K3ZocWFKVw&precheckFailure=true&redirectFromAdsso=true. Navigation should appear consistently across pages in the same site set. WCAG 3.2.3
<!-- missing: nav#mainNav -->
Methodology
The Sonde Score is a universal 0–1000 compliance index — think of it like a credit score for accessibility. Each finding is weighted by its impact on human access: a keyboard trap (critical) counts far more than a best-practice suggestion (low). The raw penalty is normalized per page so scores are comparable across sites of any size. A harmonic curve ensures every site gets a meaningful score — no zeros, no false perfection.
where S = sensitivity (750), P = Σ(weight × count), N = pages scanned
| Tier | Weight | Examples |
|---|---|---|
| Critical | 10 | Keyboard traps, missing page language |
| High | 3 | Missing alt text, insufficient contrast |
| Medium | 1 | Heading hierarchy, unclear link purpose |
| Low | 0.25 | Best-practice suggestions |
The Sonde Score is a living standard (v0.1). We publish the methodology and invite public feedback because accessibility is too important for closed-door decisions. Your expertise makes it better.
Enter Mission Control
Review raw findings data, track changes between scans, and contribute to Sonde’s open methodology.
Nominate a Site for the Daylight Index
Know a public website that should be on the accessibility leaderboard? Nominate it — we’ll scan it and publish the results.