Accessibility Health Check
https://maricopa.gov
Strong
https://daylight.sonde.life/usgov/maricopa-gov/
Strong
Executive Summary
Top Findings
criticalARIA roles used must conform to valid values: Fix all of the following: Role must be one of the valid ARIA roles: barWCAG 4.1.2
<div class="bar" role="bar" style="transform: translate3d(-91.9941%, 0px, 0px); transition: 200ms;"><div class="peg"></div></div>
Ensure all elements with a role attribute use a valid value. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Welcome to Civic Access"WCAG 1.4.3
<h1 class="welcome-header ng-binding" id="focusTextLabel" ng-style="{color:vm.tileDetails.TenantTileLayout.HeaderTextColor,
'-webkit-text-stroke-width':(vm.tileDetails.TenantTileLaCurrent ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Welcome to Civic Access"WCAG 1.4.3
<h1 class="welcome-header ng-binding" id="focusTextLabel" ng-style="{color:vm.tileDetails.TenantTileLayout.HeaderTextColor,
'-webkit-text-stroke-width':(vm.tileDetails.TenantTileLaCurrent ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.33:1 (required: 4.5:1 for normal text). Foreground: rgb(68, 68, 68), background: rgb(50, 49, 49). Text: "Translate"WCAG 1.4.3
<a class="VIpgJd-ZVi9od-l4eHX-hSRGPd" href="https://translate.google.com" target="_blank"><img src="https://www.gstatic.com/images/branding/googlelogo/1x/googlelogo_color_42x16dp.png" width="37px" hei
Current ratio: 1.33:1 (need 4.5:1). Change foreground from #444444 to #999898 (ratio: 4.5:1). Or change background from #323131 to #000000.
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Locate"WCAG 1.4.3
<span class="textStyle2">Locate</span>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Parcel"WCAG 1.4.3
<span class="textStyle1">Parcel </span>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.33:1 (required: 4.5:1 for normal text). Foreground: rgb(0, 0, 0), background: rgb(19, 32, 72). Text: "<img height="1" width="1" style="display:none" src="https://"WCAG 1.4.3
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1420335796087337&ev=PageView&noscript=1"></noscript>
Current ratio: 1.33:1 (need 4.5:1). Change foreground from #000000 to #898989 (ratio: 4.5:1). Or change background from #132048 to #000000.
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Connect With Us"WCAG 1.4.3
<li class="InfoAdvanced widgetItem fr-view" role="heading" aria-level="2"> Connect With Us </li>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" desc="Maricopa County Seal" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" desc="Maricopa County Seal" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 4.47 (foreground color: #777777, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<p class="copyright">Powered by <a href="https://www.okta.com/?internal_link=wic_login" class="inline-block notranslate">Okta</a></p>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 4.48:1 (need 4.5:1). Change foreground from #777777 to #777676 (ratio: 4.5:1).
highLinks 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 textWCAG 1.4.1
<a href="https://www.okta.com/?internal_link=wic_login" class="inline-block notranslate">Okta</a>
Ensure links are distinguished from surrounding text in a way that does not rely on color. See: https://www.w3.org/WAI/WCAG22/Understanding/use-of-color Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<div class="text-center" ng-focus="vm.pauseCarousel()" ng-blur="vm.playCarousel()" tabindex="1" role="region">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/6003/Maricopa-Countys-New-Permit-Center" target="_blank" role="document" tabindex="1">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<h1 class="welcome-header ng-bi..." id="focusTextLabel" ng-style="{color:vm.tileDetail..." style="color: rgb(255, 255,..." role="document" tabindex="1">Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a id="link-Menu-Search" class="mainMenuNav-a ng-binding" data-no-click="" href="/apps/selfservice/Home#/search" name="menu-5" tabindex="5">Search <span class="fa fa-search"></span></a>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<p class="ng-scope" tabindex="1"><br></p>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<span role="document" tabindex="1" title="Apply here for all other permits and plans." ng-class="vm.isTwoByTwo()? 'block-with-text-max-height':'block-with-text-max-height-small'" class="tile-desc-span...
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<a href="" tabindex="1" id="skip-to-content" ng-click="vm.skipToMainContent()" style="position: absolute;">Skip To Main Content</a>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<b role="document" tabindex="1" class="ng-binding">
Login or Register
</b>Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<b role="document" tabindex="1" class="ng-binding">
Submit a Department Inquiry or Citizen Complaint
</b>Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<a class="wecome-tile-anchor" href="https://maricopacountyaz-energovweb.tylerhost.net/apps/selfservice#/payinvoice" target="_blank" role="document" tabindex="1">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<a class="wecome-tile-anchor" href="https://maricopacountyaz-energovweb.tylerhost.net/apps/selfservice#/applicationAssistant" target="_blank" role="document" tabindex="1">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<a class="wecome-tile-anchor" href="https://maricopacountyaz-energovweb.tylerhost.net/apps/selfservice#/login" target="_blank" role="document" tabindex="1">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<a class="wecome-tile-anchor" href="https://maricopacountyaz-energovweb.tylerhost.net/apps/selfservice#/guidedapplication" target="_blank" role="document" tabindex="1">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highLinks must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text 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 attributeWCAG 2.4.4
<a class="wecome-tile-anchor" href="https://maricopacountyaz-energovweb.tylerhost.net/apps/selfservice#/login" target="_blank" role="document" tabindex="1">
Ensure links have discernible text. See: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/6003/Maricopa-Countys-New-Permit-Center" target="_blank" role="document" tabindex="1">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highLinks must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text 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 attributeWCAG 2.4.4
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/6003/Maricopa-Countys-New-Permit-Center" target="_blank" role="document" tabindex="1">
Ensure links have discernible text. See: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a tabindex="3" class="mainMenuNav-a ng-binding" data-no-click="" href="/apps/selfservice/Home#/map" id="link-Menu-Map" name="menu-3">Map</a>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<span role="document" tabindex="1" title="The Application Help..." ng-class="vm.isTwoByTwo()? 'bl..." class="tile-desc-span ng-bi...">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<md-card class="card-container _md welcome-card-size-small" ng-class="vm.isTwoByTwo()? 'welcome-card-size':'welcome-card-size-small'" role="document" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<span role="document" tabindex="1" title="Dust control permit,..." ng-class="vm.isTwoByTwo()? 'bl..." class="tile-desc-span ng-bi...">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<span role="document" tabindex="1" title="Learn more about Per..." ng-class="vm.isTwoByTwo()? 'bl..." class="tile-desc-span ng-bi...">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highLinks must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text 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 attributeWCAG 2.4.4
<a class="wecome-tile-anchor" href="https://maricopacountyaz-energovweb.tylerhost.net/apps/selfservice#/guidedapplication" target="_blank" role="document" tabindex="1">
Ensure links have discernible text. See: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<p style="cursor: auto; text-align: center;" class="ng-scope" tabindex="1"><br></p>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<span role="document" tabindex="1" title="Here, you can access..." ng-class="vm.isTwoByTwo()? 'bl..." class="tile-desc-span ng-bi...">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<md-card class="card-container _md welcome-card-size-small" ng-class="vm.isTwoByTwo()? 'welcome-card-size':'welcome-card-size-small'" role="document" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highLinks must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text 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 attributeWCAG 2.4.4
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/6003/Maricopa-Countys-New-Permit-Center" target="_blank" role="document" tabindex="1">
Ensure links have discernible text. See: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<p style="text-align: center;" class="ng-scope" tabindex="1"><img src="https://www.maricopa.gov/DocumentCenter/View/92434/Permit-Center-Portal" alt="" width="355" height="auto" style="min-width: 20px;...
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highLinks must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text 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 attributeWCAG 2.4.4
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/6003/Maricopa-Countys-New-Permit-Center" target="_blank" role="document" tabindex="1">
Ensure links have discernible text. See: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a id="link-Menu-Resources" tabindex="4" dropdown-toggle="" class="mainMenuNav-a dropdown-toggle ng-binding" data-no-click="" href="" aria-haspopup="true" aria-expanded="false" name="menu-4">Resources...
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<span role="document" tabindex="1" title="Pay invoices here fo..." ng-class="vm.isTwoByTwo()? 'bl..." class="tile-desc-span ng-bi...">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 4.16 (foreground color: #f2f2f2, background color: #0079c1, font size: 10.0pt (13.3333px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<b style="color: rgb(242, 242, 242); font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.25px; text-wrap-mode: nowrap;">Any request for a wire transfer or login details is fraudulent. If you ...
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<md-card class="card-container _md welcome-card-size-small" ng-class="vm.isTwoByTwo()? 'welcome-card-size':'welcome-card-size-small'" role="document" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 4.16 (foreground color: #f2f2f2, background color: #0079c1, font size: 10.0pt (13.3333px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<b style="color: rgb(242, 242, 242); font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.25px; text-wrap-mode: nowrap;">
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 4.16:1 (need 4.5:1). Change foreground from #f2f2f2 to #fbfbfa (ratio: 4.5:1).
highLinks must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text 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 attributeWCAG 2.4.4
<a class="wecome-tile-anchor" href="https://maricopacountyaz-energovweb.tylerhost.net/apps/selfservice#/payinvoice" target="_blank" role="document" tabindex="1">
Ensure links have discernible text. See: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a tabindex="1" class="mainMenuNav-a ng-binding" data-no-click="" href="/apps/selfservice/Home#/home" id="default-main-menu-item" name="menu-1">Home</a>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<md-card class="card-container _md welcome-card-size-small" ng-class="vm.isTwoByTwo()? 'welcome-card-size':'welcome-card-size-small'" role="document" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<b role="document" tabindex="1" class="ng-binding">
Apply
</b>Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<b role="document" tabindex="1" class="ng-binding">
Training Resources
</b>Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/6085/Submit-an-InquiryComplaint" target="_blank" role="document" tabindex="1">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highLinks must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text 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 attributeWCAG 2.4.4
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/1818/Permits-Forms-and-Payments" target="_blank" role="document" tabindex="1">
Ensure links have discernible text. See: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
highLinks must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text 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 attributeWCAG 2.4.4
<a class="wecome-tile-anchor" href="https://maricopacountyaz-energovweb.tylerhost.net/apps/selfservice#/applicationAssistant" target="_blank" role="document" tabindex="1">
Ensure links have discernible text. See: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/6003/Maricopa-Countys-New-Permit-Center" target="_blank" role="document" tabindex="1">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<span role="document" tabindex="1" title="Login or create a new account. " ng-class="vm.isTwoByTwo()? 'block-with-text-max-height':'block-with-text-max-height-small'" class="tile-desc-span ng-binding ...
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<b role="document" tabindex="1" class="ng-binding">
Air Quality - Apply & Pay
</b>Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<md-card class="card-container _md welcome-card-size-small" ng-class="vm.isTwoByTwo()? 'welcome-card-size':'welcome-card-size-small'" role="document" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a tabindex="2" class="mainMenuNav-a ng-binding" data-no-click="" href="/apps/selfservice/Home#/applicationAssistant" id="link-Menu-Apply" name="menu-2">Apply</a>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<b role="document" tabindex="1" class="ng-binding">
Need Help Selecting the Correct Application?
</b>Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<div class="text-center" ng-focus="vm.pauseCarousel()" ng-blur="vm.playCarousel()" tabindex="1" role="region">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<b role="document" tabindex="1" class="ng-binding">
Not Finding What You Need?
</b>Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<a href="" tabindex="1" id="skip-to-content" ng-click="vm.skipToMainContent()">Skip To Main Content</a>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<span role="document" tabindex="1" title="Click here for help,..." ng-class="vm.isTwoByTwo()? 'bl..." class="tile-desc-span ng-bi...">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a tabindex="1" class="mainMenuNav-a ng-binding" data-no-click="" href="/apps/selfservice/Home#/home" id="default-main-menu-item" name="menu-1">Home</a>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a id="link-Menu-Search" class="mainMenuNav-a ng-binding" data-no-click="" href="/apps/selfservice/Home#/search" name="menu-5" tabindex="5">Search <span class="fa fa-search"></span></a>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a id="link-Menu-Resources" tabindex="4" dropdown-toggle="" class="mainMenuNav-a dropdown-toggle ng-binding" data-no-click="" href="" aria-haspopup="true" aria-expanded="false" name="menu-4">Resources...
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a tabindex="2" class="mainMenuNav-a ng-binding" data-no-click="" href="/apps/selfservice/Home#/applicationAssistant" id="link-Menu-Apply" name="menu-2">Apply</a>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/1818/Permits-Forms-and-Payments" target="_blank" role="document" tabindex="1">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements must only use permitted ARIA attributes: Fix all of the following: aria-label attribute cannot be used on a div with no valid role attribute.WCAG 4.1.2
<div id="overlay" aria-label="Processing" tabindex="0" ng-show="vm.showProcessing()" aria-hidden="false" style="opacity: 0.4; position: fixed; top: 0px; left: 0px; background-color: black; width: 100%...
Ensure ARIA attributes are not prohibited for an element's role. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<p style="text-align: center;" class="ng-scope" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<md-card class="card-container _md welcome-card-size-small" ng-class="vm.isTwoByTwo()? 'welcome-card-size':'welcome-card-size-small'" role="document" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 4.16 (foreground color: #f2f2f2, background color: #0079c1, font size: 10.0pt (13.3333px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<b style="color: rgb(242, 242, 242); font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.25px; text-wrap-mode: nowrap;">Any request for a wire transfer or login details is fraudulent. If you ...
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<md-card class="card-container _md welcome-card-size-small" ng-class="vm.isTwoByTwo()? 'welcome-card-size':'welcome-card-size-small'" role="document" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<span role="document" tabindex="1" title="Use this tool to submit a department inquiry or to file a citizen complaint." ng-class="vm.isTwoByTwo()? 'block-with-text-max-height':'block-with-text-max-hei...
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<b role="document" tabindex="1" class="ng-binding">
Pay Invoice
</b>Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a tabindex="3" class="mainMenuNav-a ng-binding" data-no-click="" href="/apps/selfservice/Home#/map" id="link-Menu-Map" name="menu-3">Map</a>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highLinks must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text 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 attributeWCAG 2.4.4
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/6085/Submit-an-InquiryComplaint" target="_blank" role="document" tabindex="1">
Ensure links have discernible text. See: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<md-card class="card-container _md welcome-card-size-small" ng-class="vm.isTwoByTwo()? 'welcome-card-size':'welcome-card-size-small'" role="document" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<hr class="ng-scope" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<md-card class="card-container _md welcome-card-size-small" ng-class="vm.isTwoByTwo()? 'welcome-card-size':'welcome-card-size-small'" role="document" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 4.16 (foreground color: #f2f2f2, background color: #0079c1, font size: 10.0pt (13.3333px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<b style="color: rgb(242, 242, 242); font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.25px; text-wrap-mode: nowrap;">
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 4.16:1 (need 4.5:1). Change foreground from #f2f2f2 to #fbfbfa (ratio: 4.5:1).
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<b role="document" tabindex="1" class="ng-binding">
Getting Started
</b>Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA dialog and alertdialog nodes should have an accessible name: Fix any of the following: 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
<div class="right-middle lite-mode desktopConfig " id="ae_toolbar_container" role="dialog" aria-modal="true" aria-labelledby="ae_toolbar_title" style="display: none;">
Ensure every ARIA dialog and alertdialog node has an accessible name. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
highInsufficient color contrast: 2.26:1 (required: 4.5:1 for normal text). Foreground: rgb(102, 102, 102), background: rgb(50, 49, 49). Text: "Select LanguageAbkhazAcehneseAcholiAfarAfrikaansAlbanianAlur"WCAG 1.4.3
<div class="skiptranslate goog-te-gadget" dir="ltr" style=""><div id=":0.targetLanguage"><select class="goog-te-combo" aria-label="Language Translate Widget"><option value="">Select Language</option><
Current ratio: 2.26:1 (need 4.5:1). Change foreground from #666666 to #999898 (ratio: 4.5:1).
highConsole warning: Google Maps JavaScript API has been loaded directly without loading=async. This can result in suboptimal performance. For best-practice loading patterns please see https://goo.gle/js-api-loading
https://maps.googleapis.com/maps/api/js?libraries=places&sensor=false:1433mediumAdd a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highFocus jumps backward from "Privacy Policy" to "#input28" (visual distance: 797px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<input></input>
Reorder elements in the DOM to match the visual layout. Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
highFocus jumps backward from "Recorded Documents Locate Opens in new window" to "All Maps" (visual distance: 460px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>All Maps</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Submit search" to "Accessible Menu" (visual distance: 506px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<button>Accessible Menu</button>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Read on..." to "Read on..." (visual distance: 681px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Read on...</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Accessible Menu" to "I Want To..." (visual distance: 320px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>I Want To...</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Board of Supervisors" to "Parks & Recreation Trails, Events & Much More Did you know?T" (visual distance: 508px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Parks & Recreation Trails, Events & Much More Did you know?T</a>
Reorder elements in the DOM to match the visual layout.
highPage has no detectable navigation mechanisms (no <nav>, search, sitemap link, breadcrumbs, or table of contents). Users need multiple ways to locate content.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
highMissing X-Content-Type-Options header
Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage has 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 -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage has 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 -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="footer">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="applogin-banner">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumPage should contain a level-one heading: Fix all of the following: Page must have a level-one heading
<html data-ng-app="app.main" lang="en" style="height: 100%;" class="js flexbox flexboxle...">
Ensure that the page, or at least one of its frames contains a level-one heading. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div id="overlay" aria-label="Processing" tabindex="0" ng-show="vm.showProcessing()" aria-hidden="false" style="opacity: 0.4; position: fixed; top: 0px; left: 0px; background-color: black; width: 100%...
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=118055" alt="Chair Brophy McGee speaking at Alta Vista Ranch Closing Ceremony outdoors" style="">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="tabbedWidget cpTabPanel showing" style="" id="tab850458f8-ec44-4cf0-9580-04092831e185_0" role="tabpanel" aria-labelledby="tabBtn850458f8-ec44-4cf0-9580-04092831e185_0" tabindex="-1">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdva9fab1d0-6..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=106240" alt="measles virus cells" style="">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdv8eac4a67-4..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=115172" alt="Board Chair Kate Brophy McGee " style="">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdvb210b311-e..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetBody cpGrid cpGrid1 ">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdv61ead008-4..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
<nav class="widgetGraphicLinksNav">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdvce0cf7d4-2..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdvb210b311-e..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
<nav class="widgetGraphicLinksNav">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdv8eac4a67-4..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdv61ead008-4..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetBody cpGrid cpGrid1 ">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="tabbedWidget cpTabPanel showing" style="" id="tab850458f8-ec44-4cf0-9580-04092831e185_0" role="tabpanel" aria-labelledby="tabBtn850458f8-ec44-4cf0-9580-04092831e185_0" tabindex="-1">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=118055" alt="Chair Brophy McGee speaking at Alta Vista Ranch Closing Ceremony outdoors" style="">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdvce0cf7d4-2..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=115172" alt="Board Chair Kate Brophy McGee " style="">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdva9fab1d0-6..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=106240" alt="measles virus cells" style="">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(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">Privacy Policy</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 id="link-LogoutUnderGreetings" href="" ng-click="vm.logout()">Log Out</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 id="link-LoginUnderGreetings" href="" ng-click="vm.login()">Log In</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 id="link-MyAccountUnderGreetings" href="" ng-click="vm.manageMyUser()">My Account</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 href="" ng-click="vm.register()">Register</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 id="link-ContactManager" href="" ng-click="vm.manageContactManager()">Contact Manager</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 id="link-PersonalInfo" href="" ng-click="vm.managePersonalInformation()">Personal Info</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 id="link-SavedWork" href="" ng-click="vm.manageSavedWork()">Saved Work</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 id="link-MyBusinessesUnderGreetings" href="" ng-click="vm.manageMyBusinesses()">My Businesses</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 id="link-Addresses" href="" ng-click="vm.manageAddresses()">Addresses</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 id="link-MyInvoice" href="" ng-click="vm.manageInvoices()">My Invoices</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 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
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 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://www.maricopacountyparks.net/" target="_blank" class="fancyButton fancyButton7142 " aria-label="Parks & Recreation Trails, Events & Much More Did you know?There is a trail that
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 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">
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 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
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 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">
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 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://www.maricopacountyparks.net/" target="_blank" class="fancyButton fancyButton7142 " aria-label="Parks & Recreation Trails, Events & Much More Did you know?There is a trail that
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumInsufficient color contrast: 4.25:1 (required: 4.5:1 for normal text). Foreground: rgb(119, 119, 119), background: rgb(249, 249, 249). Text: "<div id="noscript-msg" class="noscript-msg"> <div cl"WCAG 1.4.3
<noscript>
<div id="noscript-msg" class="noscript-msg">
<div class="noscript-content">
<h2>Javascript is required</h2>
<h1>Javascript is disabled on your browser.&nCurrent ratio: 4.25:1 (need 4.5:1). Change foreground from #777777 to #737373 (ratio: 4.5:1).
mediumInsufficient 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>
Current ratio: 4.25:1 (need 4.5:1). Change foreground from #777777 to #737373 (ratio: 4.5:1).
mediumInsufficient color contrast: 4.48:1 (required: 4.5:1 for normal text). Foreground: rgb(119, 119, 119), background: rgb(255, 255, 255). Text: "If this page does not reload automatically, please refresh y"WCAG 1.4.3
<p class="inactive-tab-details">If this page does not reload automatically, please refresh your browser.</p>
Current ratio: 4.48:1 (need 4.5:1). Change foreground from #777777 to #777676 (ratio: 4.5:1).
mediumNavigation region "Main" (present on www.maricopa.gov) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav#mainNav -->
Ensure the "Main" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content. Ensure the "nav" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumNavigation region "Main" (present on www.maricopa.gov) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav#mainNav -->
Ensure the "Main" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content. Ensure the "nav" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumClicking "#menu-toggle" inserts 19 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button id="menu-toggle" type="button" class="col-sm-3 navbar-toggle mainMenuToggle" data-toggle="toggled" data-target="#wrapper" tabindex="0" aria-label="Main Menu">
<span claWrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Explore your accessibility options" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button aria-label="Explore your accessibility options">
<div style="display: none" class="ae-left">
<span>Explore your accessibility options</span>
</div>
<div class="ae-right">
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
medium"#welcome-sub-header > p:nth-of-type(2)" is visually at position 12 but receives focus at position 6 (drift: 6).WCAG 2.4.3
<p></p>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Apply" is visually at position 8 but receives focus at position 14 (drift: 6).WCAG 2.4.3
<a>Apply</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Apply" is visually at position 9 but receives focus at position 15 (drift: 6).WCAG 2.4.3
<md-card>Apply</md-card>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"#welcome-sub-header > p:nth-of-type(1)" is visually at position 10 but receives focus at position 5 (drift: 5).WCAG 2.4.3
<p></p>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"#welcome-sub-header > p:nth-of-type(4)" is visually at position 15 but receives focus at position 8 (drift: 7).WCAG 2.4.3
<p></p>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"#welcome-sub-header > p:nth-of-type(3)" is visually at position 14 but receives focus at position 7 (drift: 7).WCAG 2.4.3
<p></p>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
mediumContent clipped by 9px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<div class="footer">
<div class="footer-container clearfix">
<p class="copyright">Powered by <a href="https://www.okta.com/?internal_link=wic_login" class="inline-block notranslate">Okta</a></p>Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 8px at 320px width.WCAG 1.4.10
<div class="card-container padding ng-scope col-sm-4" ng-class="vm.getTileLayoutClass(vm.selectedLayout.ColumnCount)" ng-repeat="cols in vm.getNumberArray(vm.selectedLayout.ColumnCount) track by $inde
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 7px at 320px width.WCAG 1.4.10
<div class="row">
<div class="col-sm-3"><div style="text-align: center; padding-top: 10px;"><img src="https://www.maricopa.gov/ImageRepository/Document?documentID=51001" alt="Maricopa County Seal"Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 8px at 320px width.WCAG 1.4.10
<div ng-repeat="rows in vm.getNumberArray(vm.selectedLayout.RowCount) track by $index" class="row welcome-card-div ng-scope">
<!-- ngRepeat: cols in vm.getNumberArray(vm.selectedLaSet max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 113px at 320px width.WCAG 1.4.10
<img src="https://www.maricopa.gov/DocumentCenter/View/92434/Permit-Center-Portal" alt="" width="355" height="auto" style="min-width: 20px; max-width: 1744px; min-height: 0px;" class="e-rte-image e-im
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 944px at 320px width.WCAG 1.4.10
<span style="font-size: 10pt;"><b style="color: rgb(242, 242, 242); font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.25px; text-wrap-mode: nowrap;">Maricopa County will never ask for wire
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 944px at 320px width.WCAG 1.4.10
<b style="color: rgb(242, 242, 242); font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.25px; text-wrap-mode: nowrap;">Maricopa County will never ask for wire transfers, passwords, or confid
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 7px at 320px width.WCAG 1.4.10
<div class="col-sm-3"><div style="text-align: center; padding-top: 10px;"><img src="https://www.maricopa.gov/ImageRepository/Document?documentID=51001" alt="Maricopa County Seal" title="Maricopa Count
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent 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>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 66px at 320px width.WCAG 1.4.10
<span class="text"><span class="textStyle1">GET OUTDOORS</span><span class="textStyle2">Enjoy the cooler temps and visit one of our 12 regional parks.</span></span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 51px at 320px width.WCAG 1.4.10
<span class="textStyle1">GET OUTDOORS</span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent 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>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent 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>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 66px at 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
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 225px 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
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 40px 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="structuralContainer16"> <div data-cprole="banner" id="banner4"><div data-cprole="structuralContainer" id="structuralContainer17"> <div class="siteWrap2"><asi
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent 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 Maricopa County Celebrates Completion of Affordable Habitat for Humanity Community in South Phoenix</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 51px at 320px width.WCAG 1.4.10
<span class="textStyle2">Enjoy the cooler temps and visit one of our 12 regional parks.</span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 66px at 320px width.WCAG 1.4.10
<a href="https://www.maricopacountyparks.net/" target="_blank" class="fancyButton fancyButton7142 " aria-label="Parks & Recreation Trails, Events & Much More Did you know?There is a trail that
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 239px at 320px width.WCAG 1.4.10
<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=80071" width="756px" style="position: absolute; left: 0px; margin: 0px; width: 797.907px;">
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumMissing X-Frame-Options header
Add X-Frame-Options: DENY or SAMEORIGIN Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumMissing X-Frame-Options header
Add X-Frame-Options: DENY or SAMEORIGIN Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<h3 id="welcome-sub-header" class="sub-header-box ng-scope" role="document" menu-tab-index="1" ng-if="vm.tileDetails.TenantTileLayout.ShowSubHeader">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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...
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3619" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3619" target="_self" role="presentation" aria-hidden="true" tabindex="-1">EPA Findin...
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowElements 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="">
Ensure elements marked as presentational do not have global ARIA or tabindex so that all screen readers ignore them. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3565" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3565" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Kate Broph...
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3613" class="widgetTitle" role="heading" aria-level="2">
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3621" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3621" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Board of S...
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3635" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3635" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Public Hea...
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3642" class="widgetTitle" role="heading" aria-level="2">
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3613" class="widgetTitle" role="heading" aria-level="2">
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3635" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3635" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Public Hea...
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowElements 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="">
Ensure elements marked as presentational do not have global ARIA or tabindex so that all screen readers ignore them. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3621" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3621" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Board of S...
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3565" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3565" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Kate Broph...
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3619" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3619" target="_self" role="presentation" aria-hidden="true" tabindex="-1">EPA Findin...
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3642" class="widgetTitle" role="heading" aria-level="2">
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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...
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowDeep focus region: aside "Kate Brophy McGee Elected Chair of Maric" has 12 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<aside role="aside">Kate Brophy McGee Elected Chair of Maric</aside>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowDeep 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>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowBroken link: https://twitter.com/maricopacounty returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/maricopacounty"></a>
lowLink timeout: https://www.mcassessor.maricopa.gov/ did not respond within 5000ms after 8 attempts
<a href="https://www.mcassessor.maricopa.gov/">Assessor</a>
lowInvalid tel link format: tel:602.506.0583
<a href="tel:602.506.0583">602.506.0583</a>
lowLink timeout: https://www.maricopa.gov/CivicAlerts.aspx?AID=3613 did not respond within 5000ms after 2 attempts
<a href="https://www.maricopa.gov/CivicAlerts.aspx?AID=3613">Read on... about Maricopa County Celebrates Completion of Affordable Habitat for</a>
lowBroken 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>
lowBroken link: https://recorder.maricopa.gov/ returned status 403 Forbidden after 1 attempts
<a href="https://recorder.maricopa.gov/">Recorder</a>
lowBroken link: https://twitter.com/maricopacounty returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/maricopacounty"></a>
lowBroken 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>
lowLink timeout: https://www.mcassessor.maricopa.gov/ did not respond within 5000ms after 8 attempts
<a href="https://www.mcassessor.maricopa.gov/">Assessor</a>
lowInvalid tel link format: tel:602.506.0583
<a href="tel:602.506.0583">602.506.0583</a>
lowBroken 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>
lowLink timeout: https://www.maricopa.gov/CivicAlerts.aspx?AID=3613 did not respond within 5000ms after 2 attempts
<a href="https://www.maricopa.gov/CivicAlerts.aspx?AID=3613">Read on... about Maricopa County Celebrates Completion of Affordable Habitat for</a>
lowBroken link: https://twitter.com/maricopacounty returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/maricopacounty"></a>
lowBroken link: https://recorder.maricopa.gov/ returned status 403 Forbidden after 1 attempts
<a href="https://recorder.maricopa.gov/">Recorder</a>
lowBroken 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>
lowPossible stuck loading animation: "spinner-rotator" still running after page readiness
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
lowPossible stuck loading animation: "spinner-dash" still running after page readiness
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
Best Page Fix Opportunities
/apps/selfservice112findings
criticalARIA roles used must conform to valid values: Fix all of the following: Role must be one of the valid ARIA roles: barWCAG 4.1.2
<div class="bar" role="bar" style="transform: translate3d(-91.9941%, 0px, 0px); transition: 200ms;"><div class="peg"></div></div>
Ensure all elements with a role attribute use a valid value. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Welcome to Civic Access"WCAG 1.4.3
<h1 class="welcome-header ng-binding" id="focusTextLabel" ng-style="{color:vm.tileDetails.TenantTileLayout.HeaderTextColor,
'-webkit-text-stroke-width':(vm.tileDetails.TenantTileLaCurrent ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Welcome to Civic Access"WCAG 1.4.3
<h1 class="welcome-header ng-binding" id="focusTextLabel" ng-style="{color:vm.tileDetails.TenantTileLayout.HeaderTextColor,
'-webkit-text-stroke-width':(vm.tileDetails.TenantTileLaCurrent ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.33:1 (required: 4.5:1 for normal text). Foreground: rgb(68, 68, 68), background: rgb(50, 49, 49). Text: "Translate"WCAG 1.4.3
<a class="VIpgJd-ZVi9od-l4eHX-hSRGPd" href="https://translate.google.com" target="_blank"><img src="https://www.gstatic.com/images/branding/googlelogo/1x/googlelogo_color_42x16dp.png" width="37px" hei
Current ratio: 1.33:1 (need 4.5:1). Change foreground from #444444 to #999898 (ratio: 4.5:1). Or change background from #323131 to #000000.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<div class="text-center" ng-focus="vm.pauseCarousel()" ng-blur="vm.playCarousel()" tabindex="1" role="region">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/6003/Maricopa-Countys-New-Permit-Center" target="_blank" role="document" tabindex="1">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<h1 class="welcome-header ng-bi..." id="focusTextLabel" ng-style="{color:vm.tileDetail..." style="color: rgb(255, 255,..." role="document" tabindex="1">Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a id="link-Menu-Search" class="mainMenuNav-a ng-binding" data-no-click="" href="/apps/selfservice/Home#/search" name="menu-5" tabindex="5">Search <span class="fa fa-search"></span></a>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<p class="ng-scope" tabindex="1"><br></p>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<span role="document" tabindex="1" title="Apply here for all other permits and plans." ng-class="vm.isTwoByTwo()? 'block-with-text-max-height':'block-with-text-max-height-small'" class="tile-desc-span...
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<a href="" tabindex="1" id="skip-to-content" ng-click="vm.skipToMainContent()" style="position: absolute;">Skip To Main Content</a>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<b role="document" tabindex="1" class="ng-binding">
Login or Register
</b>Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<b role="document" tabindex="1" class="ng-binding">
Submit a Department Inquiry or Citizen Complaint
</b>Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<a class="wecome-tile-anchor" href="https://maricopacountyaz-energovweb.tylerhost.net/apps/selfservice#/payinvoice" target="_blank" role="document" tabindex="1">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<a class="wecome-tile-anchor" href="https://maricopacountyaz-energovweb.tylerhost.net/apps/selfservice#/applicationAssistant" target="_blank" role="document" tabindex="1">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<a class="wecome-tile-anchor" href="https://maricopacountyaz-energovweb.tylerhost.net/apps/selfservice#/login" target="_blank" role="document" tabindex="1">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<a class="wecome-tile-anchor" href="https://maricopacountyaz-energovweb.tylerhost.net/apps/selfservice#/guidedapplication" target="_blank" role="document" tabindex="1">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highLinks must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text 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 attributeWCAG 2.4.4
<a class="wecome-tile-anchor" href="https://maricopacountyaz-energovweb.tylerhost.net/apps/selfservice#/login" target="_blank" role="document" tabindex="1">
Ensure links have discernible text. See: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/6003/Maricopa-Countys-New-Permit-Center" target="_blank" role="document" tabindex="1">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highLinks must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text 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 attributeWCAG 2.4.4
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/6003/Maricopa-Countys-New-Permit-Center" target="_blank" role="document" tabindex="1">
Ensure links have discernible text. See: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a tabindex="3" class="mainMenuNav-a ng-binding" data-no-click="" href="/apps/selfservice/Home#/map" id="link-Menu-Map" name="menu-3">Map</a>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<span role="document" tabindex="1" title="The Application Help..." ng-class="vm.isTwoByTwo()? 'bl..." class="tile-desc-span ng-bi...">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<md-card class="card-container _md welcome-card-size-small" ng-class="vm.isTwoByTwo()? 'welcome-card-size':'welcome-card-size-small'" role="document" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<span role="document" tabindex="1" title="Dust control permit,..." ng-class="vm.isTwoByTwo()? 'bl..." class="tile-desc-span ng-bi...">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<span role="document" tabindex="1" title="Learn more about Per..." ng-class="vm.isTwoByTwo()? 'bl..." class="tile-desc-span ng-bi...">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highLinks must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text 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 attributeWCAG 2.4.4
<a class="wecome-tile-anchor" href="https://maricopacountyaz-energovweb.tylerhost.net/apps/selfservice#/guidedapplication" target="_blank" role="document" tabindex="1">
Ensure links have discernible text. See: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<p style="cursor: auto; text-align: center;" class="ng-scope" tabindex="1"><br></p>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<span role="document" tabindex="1" title="Here, you can access..." ng-class="vm.isTwoByTwo()? 'bl..." class="tile-desc-span ng-bi...">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<md-card class="card-container _md welcome-card-size-small" ng-class="vm.isTwoByTwo()? 'welcome-card-size':'welcome-card-size-small'" role="document" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highLinks must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text 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 attributeWCAG 2.4.4
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/6003/Maricopa-Countys-New-Permit-Center" target="_blank" role="document" tabindex="1">
Ensure links have discernible text. See: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<p style="text-align: center;" class="ng-scope" tabindex="1"><img src="https://www.maricopa.gov/DocumentCenter/View/92434/Permit-Center-Portal" alt="" width="355" height="auto" style="min-width: 20px;...
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highLinks must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text 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 attributeWCAG 2.4.4
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/6003/Maricopa-Countys-New-Permit-Center" target="_blank" role="document" tabindex="1">
Ensure links have discernible text. See: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a id="link-Menu-Resources" tabindex="4" dropdown-toggle="" class="mainMenuNav-a dropdown-toggle ng-binding" data-no-click="" href="" aria-haspopup="true" aria-expanded="false" name="menu-4">Resources...
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<span role="document" tabindex="1" title="Pay invoices here fo..." ng-class="vm.isTwoByTwo()? 'bl..." class="tile-desc-span ng-bi...">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 4.16 (foreground color: #f2f2f2, background color: #0079c1, font size: 10.0pt (13.3333px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<b style="color: rgb(242, 242, 242); font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.25px; text-wrap-mode: nowrap;">Any request for a wire transfer or login details is fraudulent. If you ...
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<md-card class="card-container _md welcome-card-size-small" ng-class="vm.isTwoByTwo()? 'welcome-card-size':'welcome-card-size-small'" role="document" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 4.16 (foreground color: #f2f2f2, background color: #0079c1, font size: 10.0pt (13.3333px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<b style="color: rgb(242, 242, 242); font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.25px; text-wrap-mode: nowrap;">
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 4.16:1 (need 4.5:1). Change foreground from #f2f2f2 to #fbfbfa (ratio: 4.5:1).
highLinks must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text 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 attributeWCAG 2.4.4
<a class="wecome-tile-anchor" href="https://maricopacountyaz-energovweb.tylerhost.net/apps/selfservice#/payinvoice" target="_blank" role="document" tabindex="1">
Ensure links have discernible text. See: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a tabindex="1" class="mainMenuNav-a ng-binding" data-no-click="" href="/apps/selfservice/Home#/home" id="default-main-menu-item" name="menu-1">Home</a>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<md-card class="card-container _md welcome-card-size-small" ng-class="vm.isTwoByTwo()? 'welcome-card-size':'welcome-card-size-small'" role="document" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<b role="document" tabindex="1" class="ng-binding">
Apply
</b>Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<b role="document" tabindex="1" class="ng-binding">
Training Resources
</b>Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/6085/Submit-an-InquiryComplaint" target="_blank" role="document" tabindex="1">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highLinks must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text 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 attributeWCAG 2.4.4
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/1818/Permits-Forms-and-Payments" target="_blank" role="document" tabindex="1">
Ensure links have discernible text. See: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
highLinks must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text 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 attributeWCAG 2.4.4
<a class="wecome-tile-anchor" href="https://maricopacountyaz-energovweb.tylerhost.net/apps/selfservice#/applicationAssistant" target="_blank" role="document" tabindex="1">
Ensure links have discernible text. See: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/6003/Maricopa-Countys-New-Permit-Center" target="_blank" role="document" tabindex="1">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<span role="document" tabindex="1" title="Login or create a new account. " ng-class="vm.isTwoByTwo()? 'block-with-text-max-height':'block-with-text-max-height-small'" class="tile-desc-span ng-binding ...
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<b role="document" tabindex="1" class="ng-binding">
Air Quality - Apply & Pay
</b>Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<md-card class="card-container _md welcome-card-size-small" ng-class="vm.isTwoByTwo()? 'welcome-card-size':'welcome-card-size-small'" role="document" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a tabindex="2" class="mainMenuNav-a ng-binding" data-no-click="" href="/apps/selfservice/Home#/applicationAssistant" id="link-Menu-Apply" name="menu-2">Apply</a>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<b role="document" tabindex="1" class="ng-binding">
Need Help Selecting the Correct Application?
</b>Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<div class="text-center" ng-focus="vm.pauseCarousel()" ng-blur="vm.playCarousel()" tabindex="1" role="region">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<b role="document" tabindex="1" class="ng-binding">
Not Finding What You Need?
</b>Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<a href="" tabindex="1" id="skip-to-content" ng-click="vm.skipToMainContent()">Skip To Main Content</a>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<span role="document" tabindex="1" title="Click here for help,..." ng-class="vm.isTwoByTwo()? 'bl..." class="tile-desc-span ng-bi...">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a tabindex="1" class="mainMenuNav-a ng-binding" data-no-click="" href="/apps/selfservice/Home#/home" id="default-main-menu-item" name="menu-1">Home</a>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a id="link-Menu-Search" class="mainMenuNav-a ng-binding" data-no-click="" href="/apps/selfservice/Home#/search" name="menu-5" tabindex="5">Search <span class="fa fa-search"></span></a>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a id="link-Menu-Resources" tabindex="4" dropdown-toggle="" class="mainMenuNav-a dropdown-toggle ng-binding" data-no-click="" href="" aria-haspopup="true" aria-expanded="false" name="menu-4">Resources...
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a tabindex="2" class="mainMenuNav-a ng-binding" data-no-click="" href="/apps/selfservice/Home#/applicationAssistant" id="link-Menu-Apply" name="menu-2">Apply</a>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/1818/Permits-Forms-and-Payments" target="_blank" role="document" tabindex="1">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements must only use permitted ARIA attributes: Fix all of the following: aria-label attribute cannot be used on a div with no valid role attribute.WCAG 4.1.2
<div id="overlay" aria-label="Processing" tabindex="0" ng-show="vm.showProcessing()" aria-hidden="false" style="opacity: 0.4; position: fixed; top: 0px; left: 0px; background-color: black; width: 100%...
Ensure ARIA attributes are not prohibited for an element's role. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<p style="text-align: center;" class="ng-scope" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<md-card class="card-container _md welcome-card-size-small" ng-class="vm.isTwoByTwo()? 'welcome-card-size':'welcome-card-size-small'" role="document" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 4.16 (foreground color: #f2f2f2, background color: #0079c1, font size: 10.0pt (13.3333px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<b style="color: rgb(242, 242, 242); font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.25px; text-wrap-mode: nowrap;">Any request for a wire transfer or login details is fraudulent. If you ...
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<md-card class="card-container _md welcome-card-size-small" ng-class="vm.isTwoByTwo()? 'welcome-card-size':'welcome-card-size-small'" role="document" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<span role="document" tabindex="1" title="Use this tool to submit a department inquiry or to file a citizen complaint." ng-class="vm.isTwoByTwo()? 'block-with-text-max-height':'block-with-text-max-hei...
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<b role="document" tabindex="1" class="ng-binding">
Pay Invoice
</b>Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<a tabindex="3" class="mainMenuNav-a ng-binding" data-no-click="" href="/apps/selfservice/Home#/map" id="link-Menu-Map" name="menu-3">Map</a>
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highLinks must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text 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 attributeWCAG 2.4.4
<a class="wecome-tile-anchor" href="https://www.maricopa.gov/6085/Submit-an-InquiryComplaint" target="_blank" role="document" tabindex="1">
Ensure links have discernible text. See: https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<md-card class="card-container _md welcome-card-size-small" ng-class="vm.isTwoByTwo()? 'welcome-card-size':'welcome-card-size-small'" role="document" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<hr class="ng-scope" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<md-card class="card-container _md welcome-card-size-small" ng-class="vm.isTwoByTwo()? 'welcome-card-size':'welcome-card-size-small'" role="document" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 4.16 (foreground color: #f2f2f2, background color: #0079c1, font size: 10.0pt (13.3333px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<b style="color: rgb(242, 242, 242); font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.25px; text-wrap-mode: nowrap;">
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 4.16:1 (need 4.5:1). Change foreground from #f2f2f2 to #fbfbfa (ratio: 4.5:1).
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<b role="document" tabindex="1" class="ng-binding">
Getting Started
</b>Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highInsufficient color contrast: 2.26:1 (required: 4.5:1 for normal text). Foreground: rgb(102, 102, 102), background: rgb(50, 49, 49). Text: "Select LanguageAbkhazAcehneseAcholiAfarAfrikaansAlbanianAlur"WCAG 1.4.3
<div class="skiptranslate goog-te-gadget" dir="ltr" style=""><div id=":0.targetLanguage"><select class="goog-te-combo" aria-label="Language Translate Widget"><option value="">Select Language</option><
Current ratio: 2.26:1 (need 4.5:1). Change foreground from #666666 to #999898 (ratio: 4.5:1).
highConsole warning: Google Maps JavaScript API has been loaded directly without loading=async. This can result in suboptimal performance. For best-practice loading patterns please see https://goo.gle/js-api-loading
https://maps.googleapis.com/maps/api/js?libraries=places&sensor=false:1433mediumAdd a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage should contain a level-one heading: Fix all of the following: Page must have a level-one heading
<html data-ng-app="app.main" lang="en" style="height: 100%;" class="js flexbox flexboxle...">
Ensure that the page, or at least one of its frames contains a level-one heading. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div id="overlay" aria-label="Processing" tabindex="0" ng-show="vm.showProcessing()" aria-hidden="false" style="opacity: 0.4; position: fixed; top: 0px; left: 0px; background-color: black; width: 100%...
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(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 id="link-LogoutUnderGreetings" href="" ng-click="vm.logout()">Log Out</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 id="link-LoginUnderGreetings" href="" ng-click="vm.login()">Log In</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 id="link-MyAccountUnderGreetings" href="" ng-click="vm.manageMyUser()">My Account</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 href="" ng-click="vm.register()">Register</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 id="link-ContactManager" href="" ng-click="vm.manageContactManager()">Contact Manager</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 id="link-PersonalInfo" href="" ng-click="vm.managePersonalInformation()">Personal Info</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 id="link-SavedWork" href="" ng-click="vm.manageSavedWork()">Saved Work</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 id="link-MyBusinessesUnderGreetings" href="" ng-click="vm.manageMyBusinesses()">My Businesses</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 id="link-Addresses" href="" ng-click="vm.manageAddresses()">Addresses</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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 id="link-MyInvoice" href="" ng-click="vm.manageInvoices()">My Invoices</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumNavigation region "Main" (present on www.maricopa.gov) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav#mainNav -->
Ensure the "Main" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content. Ensure the "nav" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumClicking "#menu-toggle" inserts 19 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button id="menu-toggle" type="button" class="col-sm-3 navbar-toggle mainMenuToggle" data-toggle="toggled" data-target="#wrapper" tabindex="0" aria-label="Main Menu">
<span claWrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
medium"#welcome-sub-header > p:nth-of-type(2)" is visually at position 12 but receives focus at position 6 (drift: 6).WCAG 2.4.3
<p></p>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Apply" is visually at position 8 but receives focus at position 14 (drift: 6).WCAG 2.4.3
<a>Apply</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Apply" is visually at position 9 but receives focus at position 15 (drift: 6).WCAG 2.4.3
<md-card>Apply</md-card>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"#welcome-sub-header > p:nth-of-type(1)" is visually at position 10 but receives focus at position 5 (drift: 5).WCAG 2.4.3
<p></p>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"#welcome-sub-header > p:nth-of-type(4)" is visually at position 15 but receives focus at position 8 (drift: 7).WCAG 2.4.3
<p></p>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"#welcome-sub-header > p:nth-of-type(3)" is visually at position 14 but receives focus at position 7 (drift: 7).WCAG 2.4.3
<p></p>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
mediumElement overflows viewport by 8px at 320px width.WCAG 1.4.10
<div class="card-container padding ng-scope col-sm-4" ng-class="vm.getTileLayoutClass(vm.selectedLayout.ColumnCount)" ng-repeat="cols in vm.getNumberArray(vm.selectedLayout.ColumnCount) track by $inde
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 7px at 320px width.WCAG 1.4.10
<div class="row">
<div class="col-sm-3"><div style="text-align: center; padding-top: 10px;"><img src="https://www.maricopa.gov/ImageRepository/Document?documentID=51001" alt="Maricopa County Seal"Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 8px at 320px width.WCAG 1.4.10
<div ng-repeat="rows in vm.getNumberArray(vm.selectedLayout.RowCount) track by $index" class="row welcome-card-div ng-scope">
<!-- ngRepeat: cols in vm.getNumberArray(vm.selectedLaSet max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 113px at 320px width.WCAG 1.4.10
<img src="https://www.maricopa.gov/DocumentCenter/View/92434/Permit-Center-Portal" alt="" width="355" height="auto" style="min-width: 20px; max-width: 1744px; min-height: 0px;" class="e-rte-image e-im
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 944px at 320px width.WCAG 1.4.10
<span style="font-size: 10pt;"><b style="color: rgb(242, 242, 242); font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.25px; text-wrap-mode: nowrap;">Maricopa County will never ask for wire
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 944px at 320px width.WCAG 1.4.10
<b style="color: rgb(242, 242, 242); font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.25px; text-wrap-mode: nowrap;">Maricopa County will never ask for wire transfers, passwords, or confid
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 7px at 320px width.WCAG 1.4.10
<div class="col-sm-3"><div style="text-align: center; padding-top: 10px;"><img src="https://www.maricopa.gov/ImageRepository/Document?documentID=51001" alt="Maricopa County Seal" title="Maricopa Count
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role document is not allowed for given element
<h3 id="welcome-sub-header" class="sub-header-box ng-scope" role="document" menu-tab-index="1" ng-if="vm.tileDetails.TenantTileLayout.ShowSubHeader">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowBroken link: https://twitter.com/maricopacounty returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/maricopacounty"></a>
lowPossible stuck loading animation: "spinner-rotator" still running after page readiness
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
lowPossible stuck loading animation: "spinner-dash" still running after page readiness
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
www.maricopa.gov61findings
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Locate"WCAG 1.4.3
<span class="textStyle2">Locate</span>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Parcel"WCAG 1.4.3
<span class="textStyle1">Parcel </span>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.33:1 (required: 4.5:1 for normal text). Foreground: rgb(0, 0, 0), background: rgb(19, 32, 72). Text: "<img height="1" width="1" style="display:none" src="https://"WCAG 1.4.3
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1420335796087337&ev=PageView&noscript=1"></noscript>
Current ratio: 1.33:1 (need 4.5:1). Change foreground from #000000 to #898989 (ratio: 4.5:1). Or change background from #132048 to #000000.
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Connect With Us"WCAG 1.4.3
<li class="InfoAdvanced widgetItem fr-view" role="heading" aria-level="2"> Connect With Us </li>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" desc="Maricopa County Seal" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highFocus jumps backward from "Recorded Documents Locate Opens in new window" to "All Maps" (visual distance: 460px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>All Maps</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Submit search" to "Accessible Menu" (visual distance: 506px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<button>Accessible Menu</button>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Read on..." to "Read on..." (visual distance: 681px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Read on...</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Accessible Menu" to "I Want To..." (visual distance: 320px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>I Want To...</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Board of Supervisors" to "Parks & Recreation Trails, Events & Much More Did you know?T" (visual distance: 508px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Parks & Recreation Trails, Events & Much More Did you know?T</a>
Reorder elements in the DOM to match the visual layout.
mediumPage 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 -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumAll 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=118055" alt="Chair Brophy McGee speaking at Alta Vista Ranch Closing Ceremony outdoors" style="">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="tabbedWidget cpTabPanel showing" style="" id="tab850458f8-ec44-4cf0-9580-04092831e185_0" role="tabpanel" aria-labelledby="tabBtn850458f8-ec44-4cf0-9580-04092831e185_0" tabindex="-1">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdva9fab1d0-6..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=106240" alt="measles virus cells" style="">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdv8eac4a67-4..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=115172" alt="Board Chair Kate Brophy McGee " style="">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdvb210b311-e..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetBody cpGrid cpGrid1 ">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdv61ead008-4..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
<nav class="widgetGraphicLinksNav">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdvce0cf7d4-2..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 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
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 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://www.maricopacountyparks.net/" target="_blank" class="fancyButton fancyButton7142 " aria-label="Parks & Recreation Trails, Events & Much More Did you know?There is a trail that
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 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">
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumClicking "Explore your accessibility options" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button aria-label="Explore your accessibility options">
<div style="display: none" class="ae-left">
<span>Explore your accessibility options</span>
</div>
<div class="ae-right">
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumMissing X-Frame-Options header
Add X-Frame-Options: DENY or SAMEORIGIN Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
lowARIA 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...
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3619" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3619" target="_self" role="presentation" aria-hidden="true" tabindex="-1">EPA Findin...
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowElements 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="">
Ensure elements marked as presentational do not have global ARIA or tabindex so that all screen readers ignore them. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3565" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3565" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Kate Broph...
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3613" class="widgetTitle" role="heading" aria-level="2">
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3621" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3621" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Board of S...
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3635" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3635" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Public Hea...
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3642" class="widgetTitle" role="heading" aria-level="2">
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowLink timeout: https://www.mcassessor.maricopa.gov/ did not respond within 5000ms after 8 attempts
<a href="https://www.mcassessor.maricopa.gov/">Assessor</a>
lowInvalid tel link format: tel:602.506.0583
<a href="tel:602.506.0583">602.506.0583</a>
lowLink timeout: https://www.maricopa.gov/CivicAlerts.aspx?AID=3613 did not respond within 5000ms after 2 attempts
<a href="https://www.maricopa.gov/CivicAlerts.aspx?AID=3613">Read on... about Maricopa County Celebrates Completion of Affordable Habitat for</a>
lowBroken 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>
lowBroken link: https://recorder.maricopa.gov/ returned status 403 Forbidden after 1 attempts
<a href="https://recorder.maricopa.gov/">Recorder</a>
lowBroken link: https://twitter.com/maricopacounty returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/maricopacounty"></a>
lowBroken 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>
/1/Home61findings
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" desc="Maricopa County Seal" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
highARIA dialog and alertdialog nodes should have an accessible name: Fix any of the following: 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
<div class="right-middle lite-mode desktopConfig " id="ae_toolbar_container" role="dialog" aria-modal="true" aria-labelledby="ae_toolbar_title" style="display: none;">
Ensure every ARIA dialog and alertdialog node has an accessible name. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage has 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 -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumAll 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...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
<nav class="widgetGraphicLinksNav">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdv8eac4a67-4..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdv61ead008-4..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetBody cpGrid cpGrid1 ">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="tabbedWidget cpTabPanel showing" style="" id="tab850458f8-ec44-4cf0-9580-04092831e185_0" role="tabpanel" aria-labelledby="tabBtn850458f8-ec44-4cf0-9580-04092831e185_0" tabindex="-1">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=118055" alt="Chair Brophy McGee speaking at Alta Vista Ranch Closing Ceremony outdoors" style="">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdvce0cf7d4-2..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=115172" alt="Board Chair Kate Brophy McGee " style="">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdva9fab1d0-6..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img class="media" src="/ImageRepository/Document?documentID=106240" alt="measles virus cells" style="">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widgetDesc">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(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>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 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
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 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">
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 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://www.maricopacountyparks.net/" target="_blank" class="fancyButton fancyButton7142 " aria-label="Parks & Recreation Trails, Events & Much More Did you know?There is a trail that
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumContent 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>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 66px at 320px width.WCAG 1.4.10
<span class="text"><span class="textStyle1">GET OUTDOORS</span><span class="textStyle2">Enjoy the cooler temps and visit one of our 12 regional parks.</span></span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 51px at 320px width.WCAG 1.4.10
<span class="textStyle1">GET OUTDOORS</span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent 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>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent 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>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 66px at 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
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 225px 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
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 40px 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="structuralContainer16"> <div data-cprole="banner" id="banner4"><div data-cprole="structuralContainer" id="structuralContainer17"> <div class="siteWrap2"><asi
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent 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 Maricopa County Celebrates Completion of Affordable Habitat for Humanity Community in South Phoenix</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 51px at 320px width.WCAG 1.4.10
<span class="textStyle2">Enjoy the cooler temps and visit one of our 12 regional parks.</span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 66px at 320px width.WCAG 1.4.10
<a href="https://www.maricopacountyparks.net/" target="_blank" class="fancyButton fancyButton7142 " aria-label="Parks & Recreation Trails, Events & Much More Did you know?There is a trail that
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 239px at 320px width.WCAG 1.4.10
<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=80071" width="756px" style="position: absolute; left: 0px; margin: 0px; width: 797.907px;">
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumMissing X-Frame-Options header
Add X-Frame-Options: DENY or SAMEORIGIN Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3613" class="widgetTitle" role="heading" aria-level="2">
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3635" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3635" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Public Hea...
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowElements 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="">
Ensure elements marked as presentational do not have global ARIA or tabindex so that all screen readers ignore them. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3621" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3621" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Board of S...
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3565" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3565" target="_self" role="presentation" aria-hidden="true" tabindex="-1">Kate Broph...
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3619" class="widgetTitle" role="heading" aria-level="2"> <a href="/CivicAlerts.aspx?AID=3619" target="_self" role="presentation" aria-hidden="true" tabindex="-1">EPA Findin...
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<h4 id="newsFlashItemHeader3642" class="widgetTitle" role="heading" aria-level="2">
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA 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...
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowDeep focus region: aside "Kate Brophy McGee Elected Chair of Maric" has 12 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<aside role="aside">Kate Brophy McGee Elected Chair of Maric</aside>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowDeep 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>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowLink timeout: https://www.mcassessor.maricopa.gov/ did not respond within 5000ms after 8 attempts
<a href="https://www.mcassessor.maricopa.gov/">Assessor</a>
lowInvalid tel link format: tel:602.506.0583
<a href="tel:602.506.0583">602.506.0583</a>
lowBroken 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>
lowLink timeout: https://www.maricopa.gov/CivicAlerts.aspx?AID=3613 did not respond within 5000ms after 2 attempts
<a href="https://www.maricopa.gov/CivicAlerts.aspx?AID=3613">Read on... about Maricopa County Celebrates Completion of Affordable Habitat for</a>
lowBroken link: https://twitter.com/maricopacounty returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/maricopacounty"></a>
lowBroken link: https://recorder.maricopa.gov/ returned status 403 Forbidden after 1 attempts
<a href="https://recorder.maricopa.gov/">Recorder</a>
lowBroken 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>
Methodology
The Sonde Score is a universal 0–1000 compliance index — think of it like a credit score for accessibility. Each finding is weighted by its impact on human access: a keyboard trap (critical) counts far more than a best-practice suggestion (low). The raw penalty is normalized per page so scores are comparable across sites of any size. A harmonic curve ensures every site gets a meaningful score — no zeros, no false perfection.
where S = sensitivity (750), P = Σ(weight × count), N = pages scanned
| Tier | Weight | Examples |
|---|---|---|
| Critical | 10 | Keyboard traps, missing page language |
| High | 3 | Missing alt text, insufficient contrast |
| Medium | 1 | Heading hierarchy, unclear link purpose |
| Low | 0.25 | Best-practice suggestions |
The Sonde Score is a living standard (v0.1). We’re building it in the open because accessibility is too important for closed-door decisions. Your expertise makes it better.
Enter Mission Control
Review raw findings data, track changes between scans, and contribute to Sonde’s open methodology.
Nominate a Site for the Daylight Index
Know a public website that should be on the accessibility leaderboard? Nominate it — we’ll scan it and publish the results.