Sonde

Accessibility Health Check

https://mecknc.gov

Sonde ScoreHigher is better

Excellent

May 26, 2026

Provided free by Sonde

https://daylight.sonde.tech/usgov/mecknc-gov/

5 pages 143 findings 0 critical 25 high 112 medium 6 low 28.6 avg/page 4,318 elements 70 with findings 98.4% ECR 3m 14s total 38.8s per page

Mecklenburg County (NC)

Sonde ScoreHigher is better

Excellent

Executive Summary

5 pages 143 findings 28.6 avg/page 4,318 elements 70 with findings 98.4% ECR 3m 14s total 38.8s per page

Top Findings

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

high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Page: /WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Page: /AboutWCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Page: /Accessibility-ToolbarWCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Page: /DepartmentsWCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Page: /Need-a-SpeakerWCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high [role="img"] elements must have alternative text: 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 WCAG 1.1.1
Page: /WCAG 1.1.1
Element:
<span class="fa-ext extlink" role="img" aria-hidden="false">
high [role="img"] elements must have alternative text: 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 WCAG 1.1.1
Page: /WCAG 1.1.1
Element:
<span class="fa-ext extlink" role="img" aria-hidden="false">
high Elements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
Page: /
Element:
<div class="reciteme-button" tabindex="1">
high [role="img"] elements must have alternative text: 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 WCAG 1.1.1
Page: /AboutWCAG 1.1.1
Element:
<span class="fa-ext extlink" role="img" aria-hidden="false">
high Elements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
Page: /About
Element:
<div class="reciteme-button" tabindex="1">
high [role="img"] elements must have alternative text: 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 WCAG 1.1.1
Page: /Accessibility-ToolbarWCAG 1.1.1
Element:
<span class="fa-ext extlink" role="img" aria-hidden="false">
high [role="img"] elements must have alternative text: 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 WCAG 1.1.1
Page: /Accessibility-ToolbarWCAG 1.1.1
Element:
<span class="fa-ext extlink" role="img" aria-hidden="false">
high [role="img"] elements must have alternative text: 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 WCAG 1.1.1
Page: /Accessibility-ToolbarWCAG 1.1.1
Element:
<span class="fa-ext extlink" role="img" aria-hidden="false">
high Elements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
Page: /Accessibility-Toolbar
Element:
<div class="reciteme-button" tabindex="1">
high [role="img"] elements must have alternative text: 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 WCAG 1.1.1
Page: /DepartmentsWCAG 1.1.1
Element:
<span class="fa-ext extlink" role="img" aria-hidden="false">
high Elements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
Page: /Departments
Element:
<div class="reciteme-button" tabindex="1">
high [role="img"] elements must have alternative text: 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 WCAG 1.1.1
Page: /Need-a-SpeakerWCAG 1.1.1
Element:
<span class="fa-ext extlink" role="img" aria-hidden="false">
high Elements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
Page: /Need-a-Speaker
Element:
<div class="reciteme-button" tabindex="1">
high Focus jumps backward from "(link is external)" to "#edit-submit-search" (visual distance: 579px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<input></input>
high Focus jumps backward from "HHS Services" to "Accessibility Toolbar" (visual distance: 1058px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Accessibility Toolbar</a>
high Missing X-Content-Type-Options header
Page: /
high Missing Strict-Transport-Security header (HSTS)
Page: /About
high Missing Strict-Transport-Security header (HSTS)
Page: /Accessibility-Toolbar
high Missing X-Content-Type-Options header
Page: /Departments
high Missing Strict-Transport-Security header (HSTS)
Page: /Need-a-Speaker
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Page: /WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Page: /WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Page: /AboutWCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Page: /AboutWCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Page: /Accessibility-ToolbarWCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Page: /Accessibility-ToolbarWCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Page: /DepartmentsWCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Page: /DepartmentsWCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Page: /Need-a-SpeakerWCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Page: /Need-a-SpeakerWCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
Page: /
Element:
<h6 class="meckco-latest-news--item-title   ">Child Development – Community Policing Celebrates 30 Years in Mecklenburg County </h6>
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
Page: /About
Element:
<h3 class=" meckco-heading-3  meckco-highlight primary-color-teal ">Mecklenburg Board of County Commissioners Community Vision</h3>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
    Birth and Death Certificates  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://deeds.mecknc.gov">
    Marriage and Divorce Records  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://www.mecknc.gov/Departments">
    Browse by Department Listing  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://hhs.mecknc.gov/">
    Health and Human Services  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
    Park and Recreation  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://ada.mecknc.gov/">
    Americans With Disabilities Act  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://gis.mecknc.gov/">
    GIS &amp; Mapping  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
    Pay Taxes and Fees  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://vote.mecknc.gov">
    Vote in Mecklenburg County  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
    Recycle in Mecklenburg County  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
    Birth and Death Certificates  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://deeds.mecknc.gov">
    Marriage and Divorce Records  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://www.mecknc.gov/Departments">
    Browse by Department Listing  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://hhs.mecknc.gov/">
    Health and Human Services  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
    Park and Recreation  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://ada.mecknc.gov/">
    Americans With Disabilities Act  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://gis.mecknc.gov/">
    GIS &amp; Mapping  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
    Pay Taxes and Fees  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://vote.mecknc.gov">
    Vote in Mecklenburg County  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
    Recycle in Mecklenburg County  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
    Birth and Death Certificates  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://deeds.mecknc.gov">
    Marriage and Divorce Records  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://www.mecknc.gov/Departments">
    Browse by Department Listing  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://hhs.mecknc.gov/">
    Health and Human Services  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
    Park and Recreation  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://ada.mecknc.gov/">
    Americans With Disabilities Act  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://gis.mecknc.gov/">
    GIS &amp; Mapping  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
    Pay Taxes and Fees  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://vote.mecknc.gov">
    Vote in Mecklenburg County  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
    Recycle in Mecklenburg County  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /DepartmentsWCAG 1.4.1
Element:
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
    Birth and Death Certificates  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /DepartmentsWCAG 1.4.1
Element:
<a class="usa-link" href="https://deeds.mecknc.gov">
    Marriage and Divorce Records  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /DepartmentsWCAG 1.4.1
Element:
<a class="usa-link" href="https://www.mecknc.gov/Departments">
    Browse by Department Listing  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /DepartmentsWCAG 1.4.1
Element:
<a class="usa-link" href="https://hhs.mecknc.gov/">
    Health and Human Services  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /DepartmentsWCAG 1.4.1
Element:
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
    Park and Recreation  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /DepartmentsWCAG 1.4.1
Element:
<a class="usa-link" href="https://ada.mecknc.gov/">
    Americans With Disabilities Act  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /DepartmentsWCAG 1.4.1
Element:
<a class="usa-link" href="https://gis.mecknc.gov/">
    GIS &amp; Mapping  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /DepartmentsWCAG 1.4.1
Element:
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
    Pay Taxes and Fees  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /DepartmentsWCAG 1.4.1
Element:
<a class="usa-link" href="https://vote.mecknc.gov">
    Vote in Mecklenburg County  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /DepartmentsWCAG 1.4.1
Element:
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
    Recycle in Mecklenburg County  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Need-a-SpeakerWCAG 1.4.1
Element:
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
    Birth and Death Certificates  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Need-a-SpeakerWCAG 1.4.1
Element:
<a class="usa-link" href="https://deeds.mecknc.gov">
    Marriage and Divorce Records  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Need-a-SpeakerWCAG 1.4.1
Element:
<a class="usa-link" href="https://www.mecknc.gov/Departments">
    Browse by Department Listing  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Need-a-SpeakerWCAG 1.4.1
Element:
<a class="usa-link" href="https://hhs.mecknc.gov/">
    Health and Human Services  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Need-a-SpeakerWCAG 1.4.1
Element:
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
    Park and Recreation  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Need-a-SpeakerWCAG 1.4.1
Element:
<a class="usa-link" href="https://ada.mecknc.gov/">
    Americans With Disabilities Act  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Need-a-SpeakerWCAG 1.4.1
Element:
<a class="usa-link" href="https://gis.mecknc.gov/">
    GIS &amp; Mapping  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Need-a-SpeakerWCAG 1.4.1
Element:
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
    Pay Taxes and Fees  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Need-a-SpeakerWCAG 1.4.1
Element:
<a class="usa-link" href="https://vote.mecknc.gov">
    Vote in Mecklenburg County  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Need-a-SpeakerWCAG 1.4.1
Element:
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
    Recycle in Mecklenburg County  </a>
medium The same link functionality is identified as "Skip to main content" on https://www.mecknc.gov/ and "Mecklenburg County home" on https://www.mecknc.gov/About. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Page: /AboutWCAG 3.2.4
Element:
<a href="https://www.mecknc.gov/" class="meckco-logo" title="Homepage" aria-label="Mecklenburg County home"><img src="/themes/custom/meck/images/mecknc_logo_seal.svg" alt="Mecklenburg county logo"></a>
medium The same link functionality is identified as "Pay Taxes and Fees" on https://www.mecknc.gov/ and "Business Taxes and Fees" on https://www.mecknc.gov/About. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Page: /AboutWCAG 3.2.4
Element:
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
    Business Taxes and Fees  </a>
medium The same link functionality is identified as "Use the Accessibility Toolbar" on https://www.mecknc.gov/ and "Skip to main content" on https://www.mecknc.gov/Accessibility-Toolbar. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Page: /Accessibility-ToolbarWCAG 3.2.4
Element:
<a href="#main-content" class="visually-hidden focusable">
      Skip to main content
    </a>
medium The same link functionality is identified as "Skip to main content" on https://www.mecknc.gov/ and "Mecklenburg County home" on https://www.mecknc.gov/Accessibility-Toolbar. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Page: /Accessibility-ToolbarWCAG 3.2.4
Element:
<a href="https://www.mecknc.gov/" class="meckco-logo" title="Homepage" aria-label="Mecklenburg County home"><img src="/themes/custom/meck/images/mecknc_logo_seal.svg" alt="Mecklenburg county logo"></a>
medium The same link functionality is identified as "Browse by Department Listing" on https://www.mecknc.gov/ and "Skip to main content" on https://www.mecknc.gov/Departments. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Page: /DepartmentsWCAG 3.2.4
Element:
<a href="#main-content" class="visually-hidden focusable">
      Skip to main content
    </a>
medium The same link functionality is identified as "Skip to main content" on https://www.mecknc.gov/ and "Mecklenburg County home" on https://www.mecknc.gov/Departments. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Page: /DepartmentsWCAG 3.2.4
Element:
<a href="https://www.mecknc.gov/" class="meckco-logo" title="Homepage" aria-label="Mecklenburg County home"><img src="/themes/custom/meck/images/mecknc_logo_seal.svg" alt="Mecklenburg county logo"></a>
medium The same link functionality is identified as "Request a Speaker" on https://www.mecknc.gov/ and "Skip to main content" on https://www.mecknc.gov/Need-a-Speaker. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Page: /Need-a-SpeakerWCAG 3.2.4
Element:
<a href="#main-content" class="visually-hidden focusable">
      Skip to main content
    </a>
medium The same link functionality is identified as "Skip to main content" on https://www.mecknc.gov/ and "Mecklenburg County home" on https://www.mecknc.gov/Need-a-Speaker. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Page: /Need-a-SpeakerWCAG 3.2.4
Element:
<a href="https://www.mecknc.gov/" class="meckco-logo" title="Homepage" aria-label="Mecklenburg County home"><img src="/themes/custom/meck/images/mecknc_logo_seal.svg" alt="Mecklenburg county logo"></a>
medium The same button functionality is identified as "Maximize Survey" on https://www.mecknc.gov/ and "SURVEYS" on https://www.mecknc.gov/Need-a-Speaker. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Page: /Need-a-SpeakerWCAG 3.2.4
Element:
<div class="minimized-survey" id="minimized-survey" role="button" tabindex="0" aria-labelledby="survey-text"><div id="vwo-logo" style="background-image: url(&quot;https://dev.visualwebsiteoptimizer.com/static/1.0/images/vwo@2x-b43053a17cd2085b1887357395a6c436br.png&quot;);"></div><div class="vwo-survey-maximize">
        <svg class="vwo-survey-minimize-icon" style="display: none;" xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewBox="0 0 12 6" role="img" aria-labelledby="vwo-survey-c
medium "Select Language" is visually at position 8 but receives focus at position 22 (drift: 14). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<select>Select Language</select>
medium "Mecklenburg County home" is visually at position 3 but receives focus at position 17 (drift: 14). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Mecklenburg County home</a>
medium "Facebook" is visually at position 15 but receives focus at position 8 (drift: 7). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Facebook</a>
medium "Twitter - X" is visually at position 16 but receives focus at position 9 (drift: 7). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Twitter - X</a>
medium "YouTube" is visually at position 17 but receives focus at position 10 (drift: 7). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>YouTube</a>
medium "LinkedIn" is visually at position 18 but receives focus at position 11 (drift: 7). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>LinkedIn</a>
medium "Instagram" is visually at position 19 but receives focus at position 12 (drift: 7). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Instagram</a>
medium "#edit-keyword" is visually at position 9 but receives focus at position 23 (drift: 14). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<input></input>
medium "Privacy and Legal Notices" is visually at position 21 but receives focus at position 1 (drift: 20). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Privacy and Legal Notices</a>
medium "Department Directory" is visually at position 23 but receives focus at position 2 (drift: 21). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Department Directory</a>
medium "HHS Services" is visually at position 22 but receives focus at position 3 (drift: 19). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>HHS Services</a>
medium "CharMeck 311" is visually at position 13 but receives focus at position 5 (drift: 8). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>CharMeck 311</a>
medium "Residents" is visually at position 4 but receives focus at position 18 (drift: 14). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<button>Residents</button>
medium "Businesses" is visually at position 5 but receives focus at position 19 (drift: 14). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<button>Businesses</button>
medium "Government" is visually at position 6 but receives focus at position 20 (drift: 14). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<button>Government</button>
medium "Public Notices" is visually at position 7 but receives focus at position 21 (drift: 14). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Public Notices</a>
medium "Employee Access" is visually at position 20 but receives focus at position 13 (drift: 7). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Employee Access</a>
medium "Here’s how you know" is visually at position 2 but receives focus at position 16 (drift: 14). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<button>Here’s how you know</button>
medium Focus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 5481px). Explicit tabIndex detected. WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Skip to main content</a>
medium "div:nth-of-type(4)" is visually at position 12 but receives focus at position 1 (drift: 11). WCAG 2.4.3
Page: /AboutWCAG 2.4.3
Element:
<div></div>
medium Focus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 1311px). Explicit tabIndex detected. WCAG 2.4.3
Page: /AboutWCAG 2.4.3
Element:
<a>Skip to main content</a>
medium Focus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 1311px). Explicit tabIndex detected. WCAG 2.4.3
Page: /Accessibility-ToolbarWCAG 2.4.3
Element:
<a>Skip to main content</a>
medium Focus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 1311px). Explicit tabIndex detected. WCAG 2.4.3
Page: /DepartmentsWCAG 2.4.3
Element:
<a>Skip to main content</a>
medium Focus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 1311px). Explicit tabIndex detected. WCAG 2.4.3
Page: /Need-a-SpeakerWCAG 2.4.3
Element:
<a>Skip to main content</a>
medium Interactive control "button.usa-search-btn-mobile" is only 10px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: WCAG 2.5.8
Element:
<button.usa-search-btn-mobile>
medium Interactive control "button.meckco-show-more-button.collapsed" is only 32px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: WCAG 2.5.8
Element:
<button.meckco-show-more-button.collapsed>
medium Interactive control "a.usa-link" is only 18px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: /WCAG 2.5.8
Element:
<a.usa-link>
medium Content clipped by 6px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Page: /WCAG 1.4.12
Element:
<div class="image-text--image"><div><div><img src="/sites/g/files/otddlp126/files/styles/568x414/public/acquiadam/2022-08/mc-img-www-hero-woman-using-computer.png?h=92704f59&amp;itok=yXyANMl8" alt="Af
medium Page requires horizontal scrolling at Modern phone (390px width, 12px overflow). Content should reflow without horizontal scrolling. WCAG Sonde responsive contract
Page: /Accessibility-ToolbarWCAG Sonde responsive contract
Element:
<html lang="und">
medium Element overflows viewport by 31px at Modern phone (390px width). WCAG Sonde responsive contract
Page: /Accessibility-ToolbarWCAG Sonde responsive contract
Element:
<li class="usa-breadcrumb__list-item usa-current" aria-current="page">
                                  Using The Accessibility Toolbar
                              </li>
medium Page requires horizontal scrolling at Phone SE (320px width, 16px overflow). Content should reflow without horizontal scrolling. WCAG 1.4.10
Page: /Accessibility-ToolbarWCAG 1.4.10
Element:
<html lang="und">
medium Element overflows viewport by 97px at Phone SE (320px width). WCAG 1.4.10
Page: /Accessibility-ToolbarWCAG 1.4.10
Element:
<li class="usa-breadcrumb__list-item usa-current" aria-current="page">
                                  Using The Accessibility Toolbar
                              </li>
medium Interactive control "a.ext" is only 19px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: /Accessibility-ToolbarWCAG 2.5.8
Element:
<a.ext>
medium Interactive control "a.meckco-social-media-links-item-link" is only 22px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: /Accessibility-ToolbarWCAG 2.5.8
Element:
<a.meckco-social-media-links-item-link>
medium Interactive control "a.usa-link.usa-breadcrumb__link" is only 17px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: /Accessibility-ToolbarWCAG 2.5.8
Element:
<a.usa-link.usa-breadcrumb__link>
medium Interactive control "a.visually-hidden.focusable" is only 1px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: /Accessibility-ToolbarWCAG 2.5.8
Element:
<a.visually-hidden.focusable>
medium Interactive control "button.usa-accordion__button.usa-banner__button" is only 16px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: /Accessibility-ToolbarWCAG 2.5.8
Element:
<button.usa-accordion__button.usa-banner__button>
medium Interactive control "button.usa-menu-btn" is only 27px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: /Accessibility-ToolbarWCAG 2.5.8
Element:
<button.usa-menu-btn>
medium Interactive control "a.usa-link" is only 22px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: /Accessibility-ToolbarWCAG 2.5.8
Element:
<a.usa-link>
medium Content clipped by 95px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Page: /Accessibility-ToolbarWCAG 1.4.12
Element:
<a href="#main-content" class="visually-hidden focusable">
      Skip to main content
    </a>
medium Content clipped by 25px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Page: /Accessibility-ToolbarWCAG 1.4.12
Element:
<label for="edit-search-api-fulltext" class="visually-hidden">Search</label>
low Deep focus region: nav "Footer navigation" has 15 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys. WCAG 2.4.1
Page: /Accessibility-ToolbarWCAG 2.4.1
Element:
<nav role="nav">Footer navigation</nav>
low Broken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
Page: /
Element:
<a href="https://www.twitter.com/MeckCounty">Twitter - X</a>
low Broken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
Page: /About
Element:
<a href="https://www.twitter.com/MeckCounty">Twitter - X</a>
low Broken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
Page: /Accessibility-Toolbar
Element:
<a href="https://www.twitter.com/MeckCounty">Twitter - X</a>
low Broken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
Page: /Departments
Element:
<a href="https://www.twitter.com/MeckCounty">Twitter - X</a>
low Broken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
Page: /Need-a-Speaker
Element:
<a href="https://www.twitter.com/MeckCounty">Twitter - X</a>

Best Page Fix Opportunities

www.mecknc.gov42findings
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Page: /WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high [role="img"] elements must have alternative text: 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 WCAG 1.1.1
Page: /WCAG 1.1.1
Element:
<span class="fa-ext extlink" role="img" aria-hidden="false">
high [role="img"] elements must have alternative text: 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 WCAG 1.1.1
Page: /WCAG 1.1.1
Element:
<span class="fa-ext extlink" role="img" aria-hidden="false">
high Elements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
Page: /
Element:
<div class="reciteme-button" tabindex="1">
high Focus jumps backward from "(link is external)" to "#edit-submit-search" (visual distance: 579px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<input></input>
high Focus jumps backward from "HHS Services" to "Accessibility Toolbar" (visual distance: 1058px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Accessibility Toolbar</a>
high Missing X-Content-Type-Options header
Page: /
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Page: /WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Page: /WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
Page: /
Element:
<h6 class="meckco-latest-news--item-title   ">Child Development – Community Policing Celebrates 30 Years in Mecklenburg County </h6>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
    Birth and Death Certificates  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://deeds.mecknc.gov">
    Marriage and Divorce Records  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://www.mecknc.gov/Departments">
    Browse by Department Listing  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://hhs.mecknc.gov/">
    Health and Human Services  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
    Park and Recreation  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://ada.mecknc.gov/">
    Americans With Disabilities Act  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://gis.mecknc.gov/">
    GIS &amp; Mapping  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
    Pay Taxes and Fees  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://vote.mecknc.gov">
    Vote in Mecklenburg County  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
    Recycle in Mecklenburg County  </a>
medium "Select Language" is visually at position 8 but receives focus at position 22 (drift: 14). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<select>Select Language</select>
medium "Mecklenburg County home" is visually at position 3 but receives focus at position 17 (drift: 14). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Mecklenburg County home</a>
medium "Facebook" is visually at position 15 but receives focus at position 8 (drift: 7). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Facebook</a>
medium "Twitter - X" is visually at position 16 but receives focus at position 9 (drift: 7). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Twitter - X</a>
medium "YouTube" is visually at position 17 but receives focus at position 10 (drift: 7). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>YouTube</a>
medium "LinkedIn" is visually at position 18 but receives focus at position 11 (drift: 7). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>LinkedIn</a>
medium "Instagram" is visually at position 19 but receives focus at position 12 (drift: 7). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Instagram</a>
medium "#edit-keyword" is visually at position 9 but receives focus at position 23 (drift: 14). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<input></input>
medium "Privacy and Legal Notices" is visually at position 21 but receives focus at position 1 (drift: 20). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Privacy and Legal Notices</a>
medium "Department Directory" is visually at position 23 but receives focus at position 2 (drift: 21). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Department Directory</a>
medium "HHS Services" is visually at position 22 but receives focus at position 3 (drift: 19). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>HHS Services</a>
medium "CharMeck 311" is visually at position 13 but receives focus at position 5 (drift: 8). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>CharMeck 311</a>
medium "Residents" is visually at position 4 but receives focus at position 18 (drift: 14). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<button>Residents</button>
medium "Businesses" is visually at position 5 but receives focus at position 19 (drift: 14). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<button>Businesses</button>
medium "Government" is visually at position 6 but receives focus at position 20 (drift: 14). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<button>Government</button>
medium "Public Notices" is visually at position 7 but receives focus at position 21 (drift: 14). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Public Notices</a>
medium "Employee Access" is visually at position 20 but receives focus at position 13 (drift: 7). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Employee Access</a>
medium "Here’s how you know" is visually at position 2 but receives focus at position 16 (drift: 14). WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<button>Here’s how you know</button>
medium Focus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 5481px). Explicit tabIndex detected. WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Skip to main content</a>
medium Interactive control "a.usa-link" is only 18px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: /WCAG 2.5.8
Element:
<a.usa-link>
medium Content clipped by 6px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Page: /WCAG 1.4.12
Element:
<div class="image-text--image"><div><div><img src="/sites/g/files/otddlp126/files/styles/568x414/public/acquiadam/2022-08/mc-img-www-hero-woman-using-computer.png?h=92704f59&amp;itok=yXyANMl8" alt="Af
low Broken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
Page: /
Element:
<a href="https://www.twitter.com/MeckCounty">Twitter - X</a>
/Accessibility-Toolbar36findings
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Page: /Accessibility-ToolbarWCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high [role="img"] elements must have alternative text: 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 WCAG 1.1.1
Page: /Accessibility-ToolbarWCAG 1.1.1
Element:
<span class="fa-ext extlink" role="img" aria-hidden="false">
high [role="img"] elements must have alternative text: 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 WCAG 1.1.1
Page: /Accessibility-ToolbarWCAG 1.1.1
Element:
<span class="fa-ext extlink" role="img" aria-hidden="false">
high [role="img"] elements must have alternative text: 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 WCAG 1.1.1
Page: /Accessibility-ToolbarWCAG 1.1.1
Element:
<span class="fa-ext extlink" role="img" aria-hidden="false">
high Elements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
Page: /Accessibility-Toolbar
Element:
<div class="reciteme-button" tabindex="1">
high Missing Strict-Transport-Security header (HSTS)
Page: /Accessibility-Toolbar
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Page: /Accessibility-ToolbarWCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Page: /Accessibility-ToolbarWCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
    Birth and Death Certificates  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://deeds.mecknc.gov">
    Marriage and Divorce Records  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://www.mecknc.gov/Departments">
    Browse by Department Listing  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://hhs.mecknc.gov/">
    Health and Human Services  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
    Park and Recreation  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://ada.mecknc.gov/">
    Americans With Disabilities Act  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://gis.mecknc.gov/">
    GIS &amp; Mapping  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
    Pay Taxes and Fees  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://vote.mecknc.gov">
    Vote in Mecklenburg County  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /Accessibility-ToolbarWCAG 1.4.1
Element:
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
    Recycle in Mecklenburg County  </a>
medium The same link functionality is identified as "Use the Accessibility Toolbar" on https://www.mecknc.gov/ and "Skip to main content" on https://www.mecknc.gov/Accessibility-Toolbar. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Page: /Accessibility-ToolbarWCAG 3.2.4
Element:
<a href="#main-content" class="visually-hidden focusable">
      Skip to main content
    </a>
medium The same link functionality is identified as "Skip to main content" on https://www.mecknc.gov/ and "Mecklenburg County home" on https://www.mecknc.gov/Accessibility-Toolbar. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Page: /Accessibility-ToolbarWCAG 3.2.4
Element:
<a href="https://www.mecknc.gov/" class="meckco-logo" title="Homepage" aria-label="Mecklenburg County home"><img src="/themes/custom/meck/images/mecknc_logo_seal.svg" alt="Mecklenburg county logo"></a>
medium Focus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 1311px). Explicit tabIndex detected. WCAG 2.4.3
Page: /Accessibility-ToolbarWCAG 2.4.3
Element:
<a>Skip to main content</a>
medium Page requires horizontal scrolling at Modern phone (390px width, 12px overflow). Content should reflow without horizontal scrolling. WCAG Sonde responsive contract
Page: /Accessibility-ToolbarWCAG Sonde responsive contract
Element:
<html lang="und">
medium Element overflows viewport by 31px at Modern phone (390px width). WCAG Sonde responsive contract
Page: /Accessibility-ToolbarWCAG Sonde responsive contract
Element:
<li class="usa-breadcrumb__list-item usa-current" aria-current="page">
                                  Using The Accessibility Toolbar
                              </li>
medium Page requires horizontal scrolling at Phone SE (320px width, 16px overflow). Content should reflow without horizontal scrolling. WCAG 1.4.10
Page: /Accessibility-ToolbarWCAG 1.4.10
Element:
<html lang="und">
medium Element overflows viewport by 97px at Phone SE (320px width). WCAG 1.4.10
Page: /Accessibility-ToolbarWCAG 1.4.10
Element:
<li class="usa-breadcrumb__list-item usa-current" aria-current="page">
                                  Using The Accessibility Toolbar
                              </li>
medium Interactive control "a.ext" is only 19px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: /Accessibility-ToolbarWCAG 2.5.8
Element:
<a.ext>
medium Interactive control "a.meckco-social-media-links-item-link" is only 22px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: /Accessibility-ToolbarWCAG 2.5.8
Element:
<a.meckco-social-media-links-item-link>
medium Interactive control "a.usa-link.usa-breadcrumb__link" is only 17px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: /Accessibility-ToolbarWCAG 2.5.8
Element:
<a.usa-link.usa-breadcrumb__link>
medium Interactive control "a.visually-hidden.focusable" is only 1px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: /Accessibility-ToolbarWCAG 2.5.8
Element:
<a.visually-hidden.focusable>
medium Interactive control "button.usa-accordion__button.usa-banner__button" is only 16px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: /Accessibility-ToolbarWCAG 2.5.8
Element:
<button.usa-accordion__button.usa-banner__button>
medium Interactive control "button.usa-menu-btn" is only 27px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: /Accessibility-ToolbarWCAG 2.5.8
Element:
<button.usa-menu-btn>
medium Interactive control "a.usa-link" is only 22px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: /Accessibility-ToolbarWCAG 2.5.8
Element:
<a.usa-link>
medium Content clipped by 95px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Page: /Accessibility-ToolbarWCAG 1.4.12
Element:
<a href="#main-content" class="visually-hidden focusable">
      Skip to main content
    </a>
medium Content clipped by 25px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Page: /Accessibility-ToolbarWCAG 1.4.12
Element:
<label for="edit-search-api-fulltext" class="visually-hidden">Search</label>
low Deep focus region: nav "Footer navigation" has 15 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys. WCAG 2.4.1
Page: /Accessibility-ToolbarWCAG 2.4.1
Element:
<nav role="nav">Footer navigation</nav>
low Broken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
Page: /Accessibility-Toolbar
Element:
<a href="https://www.twitter.com/MeckCounty">Twitter - X</a>
/About22findings
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Page: /AboutWCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high [role="img"] elements must have alternative text: 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 WCAG 1.1.1
Page: /AboutWCAG 1.1.1
Element:
<span class="fa-ext extlink" role="img" aria-hidden="false">
high Elements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
Page: /About
Element:
<div class="reciteme-button" tabindex="1">
high Missing Strict-Transport-Security header (HSTS)
Page: /About
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Page: /AboutWCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Page: /AboutWCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
Page: /About
Element:
<h3 class=" meckco-heading-3  meckco-highlight primary-color-teal ">Mecklenburg Board of County Commissioners Community Vision</h3>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
    Birth and Death Certificates  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://deeds.mecknc.gov">
    Marriage and Divorce Records  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://www.mecknc.gov/Departments">
    Browse by Department Listing  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://hhs.mecknc.gov/">
    Health and Human Services  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
    Park and Recreation  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://ada.mecknc.gov/">
    Americans With Disabilities Act  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://gis.mecknc.gov/">
    GIS &amp; Mapping  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
    Pay Taxes and Fees  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://vote.mecknc.gov">
    Vote in Mecklenburg County  </a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(27, 27, 27)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /AboutWCAG 1.4.1
Element:
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
    Recycle in Mecklenburg County  </a>
medium The same link functionality is identified as "Skip to main content" on https://www.mecknc.gov/ and "Mecklenburg County home" on https://www.mecknc.gov/About. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Page: /AboutWCAG 3.2.4
Element:
<a href="https://www.mecknc.gov/" class="meckco-logo" title="Homepage" aria-label="Mecklenburg County home"><img src="/themes/custom/meck/images/mecknc_logo_seal.svg" alt="Mecklenburg county logo"></a>
medium The same link functionality is identified as "Pay Taxes and Fees" on https://www.mecknc.gov/ and "Business Taxes and Fees" on https://www.mecknc.gov/About. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Page: /AboutWCAG 3.2.4
Element:
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
    Business Taxes and Fees  </a>
medium "div:nth-of-type(4)" is visually at position 12 but receives focus at position 1 (drift: 11). WCAG 2.4.3
Page: /AboutWCAG 2.4.3
Element:
<div></div>
medium Focus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 1311px). Explicit tabIndex detected. WCAG 2.4.3
Page: /AboutWCAG 2.4.3
Element:
<a>Skip to main content</a>
low Broken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
Page: /About
Element:
<a href="https://www.twitter.com/MeckCounty">Twitter - X</a>

Methodology

The Sonde Score is a universal 0–1000 compliance index — think of it like a credit score for accessibility. Each finding is weighted by its impact on human access: a keyboard trap (critical) counts far more than a best-practice suggestion (low). The raw penalty is normalized per page so scores are comparable across sites of any size. A harmonic curve ensures every site gets a meaningful score — no zeros, no false perfection.

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

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

TierWeightExamples
Critical10Keyboard traps, missing page language
High3Missing alt text, insufficient contrast
Medium1Heading hierarchy, unclear link purpose
Low0.25Best-practice suggestions

The Sonde Score is a living standard (v0.1). We publish the methodology and invite public feedback because accessibility is too important for closed-door decisions. Your expertise makes it better.

Enter Mission Control

Review raw findings data, track changes between scans, and contribute to Sonde’s open methodology.

View Findings DataTrack ChangesNominate a SiteReport a Scanning Issue

Nominate a Site for the Daylight Index

Know a public website that should be on the accessibility leaderboard? Nominate it — we’ll scan it and publish the results.

Nominate a Site →