Accessibility Health Check
https://mecknc.gov
Excellent
https://daylight.sonde.life/usgov/mecknc-gov/
Excellent
Executive Summary
Top Findings
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=presentation]WCAG 1.3.1
<ul class="usa-pagination__list pager__items js-pager__items">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<div class="reciteme-button" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
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 attributeWCAG 1.1.1
<span class="fa-ext extlink" role="img" aria-hidden="false">
Ensure [role="img"] elements have alternative text. See: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content 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.
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 attributeWCAG 1.1.1
<span class="fa-ext extlink" role="img" aria-hidden="false">
Ensure [role="img"] elements have alternative text. See: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content 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="reciteme-button" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
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 attributeWCAG 1.1.1
<span class="fa-ext extlink" role="img" aria-hidden="false">
Ensure [role="img"] elements have alternative text. See: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content 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.
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 attributeWCAG 1.1.1
<span class="fa-ext extlink" role="img" aria-hidden="false">
Ensure [role="img"] elements have alternative text. See: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content 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="reciteme-button" 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
<div class="reciteme-button" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
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 attributeWCAG 1.1.1
<span class="fa-ext extlink" role="img" aria-hidden="false">
Ensure [role="img"] elements have alternative text. See: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content 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.
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 attributeWCAG 1.1.1
<span class="fa-ext extlink" role="img" aria-hidden="false">
Ensure [role="img"] elements have alternative text. See: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content 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.
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 attributeWCAG 1.1.1
<span class="fa-ext extlink" role="img" aria-hidden="false">
Ensure [role="img"] elements have alternative text. See: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content 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="reciteme-button" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
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 attributeWCAG 1.1.1
<span class="fa-ext extlink" role="img" aria-hidden="false">
Ensure [role="img"] elements have alternative text. See: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content 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.
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 attributeWCAG 1.1.1
<span class="fa-ext extlink" role="img" aria-hidden="false">
Ensure [role="img"] elements have alternative text. See: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content 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="reciteme-button" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
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 attributeWCAG 1.1.1
<span class="fa-ext extlink" role="img" aria-hidden="false">
Ensure [role="img"] elements have alternative text. See: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content 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="reciteme-button" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
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 attributeWCAG 1.1.1
<span class="fa-ext extlink" role="img" aria-hidden="false">
Ensure [role="img"] elements have alternative text. See: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content 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.
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 attributeWCAG 1.1.1
<span class="fa-ext extlink" role="img" aria-hidden="false">
Ensure [role="img"] elements have alternative text. See: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content 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="reciteme-button" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing 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
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
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.
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.
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.
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.
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.
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h6 class="meckco-latest-news--item-title ">New Sound, Same Fun: Meck Sounds Music Series Announced for 2026</h6>
Ensure the order of headings is semantically correct. 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 lang="en" dir="ltr" prefix="og: https://ogp.me/ns#" class="js fontawesome-i2svg-active fontawesome-i2svg-complete">
Ensure that the page, or at least one of its frames contains a level-one heading. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3 class=" meckco-heading-3 meckco-highlight primary-color-teal ">Mecklenburg Board of County Commissioners Community Vision</h3>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h5 class="serviceHeader ">Our Look and Feel Visual Guidelines</h5>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(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
<a class="usa-link" href="https://hhs.mecknc.gov/">
Health and Human Services </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(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
<a class="usa-link" href="https://www.mecknc.gov/Departments">
Browse by Department Listing </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(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
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
Park and Recreation </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(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
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
Recycle in Mecklenburg 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(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
<a class="usa-link" href="https://gis.mecknc.gov/">
GIS & Mapping </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(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
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
Pay Taxes and Fees </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(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
<a class="usa-link" href="https://ada.mecknc.gov/">
Americans With Disabilities Act </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(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
<a class="usa-link" href="https://deeds.mecknc.gov">
Marriage and Divorce Records </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(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
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
Birth and Death Certificates </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(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
<a class="usa-link" href="https://vote.mecknc.gov">
Vote in Mecklenburg 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(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
<a class="usa-link" href="https://vote.mecknc.gov">
Vote in Mecklenburg 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(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
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
Pay Taxes and Fees </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(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
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
Recycle in Mecklenburg 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(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
<a class="usa-link" href="https://www.mecknc.gov/Departments">
Browse by Department Listing </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(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
<a class="usa-link" href="https://gis.mecknc.gov/">
GIS & Mapping </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(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
<a class="usa-link" href="https://deeds.mecknc.gov">
Marriage and Divorce Records </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(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
<a class="usa-link" href="https://hhs.mecknc.gov/">
Health and Human Services </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(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
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
Park and Recreation </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(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
<a class="usa-link" href="https://ada.mecknc.gov/">
Americans With Disabilities Act </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(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
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
Birth and Death Certificates </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(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
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
Recycle in Mecklenburg 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(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
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
Park and Recreation </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(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
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
Birth and Death Certificates </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(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
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
Pay Taxes and Fees </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(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
<a class="usa-link" href="https://vote.mecknc.gov">
Vote in Mecklenburg 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(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
<a class="usa-link" href="https://ada.mecknc.gov/">
Americans With Disabilities Act </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(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
<a class="usa-link" href="https://hhs.mecknc.gov/">
Health and Human Services </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(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
<a class="usa-link" href="https://gis.mecknc.gov/">
GIS & Mapping </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(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
<a class="usa-link" href="https://www.mecknc.gov/Departments">
Browse by Department Listing </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(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
<a class="usa-link" href="https://deeds.mecknc.gov">
Marriage and Divorce Records </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(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
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
Birth and Death Certificates </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(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
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
Recycle in Mecklenburg 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(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
<a class="usa-link" href="https://ada.mecknc.gov/">
Americans With Disabilities Act </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(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
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
Pay Taxes and Fees </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(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
<a class="usa-link" href="https://www.mecknc.gov/Departments">
Browse by Department Listing </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(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
<a class="usa-link" href="https://gis.mecknc.gov/">
GIS & Mapping </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(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
<a class="usa-link" href="https://vote.mecknc.gov">
Vote in Mecklenburg 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(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
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
Park and Recreation </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(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
<a class="usa-link" href="https://hhs.mecknc.gov/">
Health and Human Services </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(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
<a class="usa-link" href="https://deeds.mecknc.gov">
Marriage and Divorce Records </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(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
<a class="usa-link" href="https://deeds.mecknc.gov">
Marriage and Divorce Records </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(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
<a class="usa-link" href="https://vote.mecknc.gov">
Vote in Mecklenburg 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(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
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
Pay Taxes and Fees </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(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
<a class="usa-link" href="https://gis.mecknc.gov/">
GIS & Mapping </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(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
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
Park and Recreation </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(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
<a class="usa-link" href="https://ada.mecknc.gov/">
Americans With Disabilities Act </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(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
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
Recycle in Mecklenburg 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(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
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
Birth and Death Certificates </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(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
<a class="usa-link" href="https://www.mecknc.gov/Departments">
Browse by Department Listing </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(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
<a class="usa-link" href="https://hhs.mecknc.gov/">
Health and Human Services </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(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
<a class="usa-link" href="https://hhs.mecknc.gov/">
Health and Human Services </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(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
<a class="usa-link" href="https://gis.mecknc.gov/">
GIS & Mapping </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(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
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
Recycle in Mecklenburg 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(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
<a class="usa-link" href="https://vote.mecknc.gov">
Vote in Mecklenburg 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(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
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
Pay Taxes and Fees </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(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
<a class="usa-link" href="https://deeds.mecknc.gov">
Marriage and Divorce Records </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(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
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
Park and Recreation </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(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
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
Birth and Death Certificates </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(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
<a class="usa-link" href="https://ada.mecknc.gov/">
Americans With Disabilities Act </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(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
<a class="usa-link" href="https://www.mecknc.gov/Departments">
Browse by Department Listing </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(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
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
Park and Recreation </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(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
<a class="usa-link" href="https://deeds.mecknc.gov">
Marriage and Divorce Records </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(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
<a class="usa-link" href="https://hhs.mecknc.gov/">
Health and Human Services </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(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
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
Birth and Death Certificates </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(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
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
Recycle in Mecklenburg 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(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
<a class="usa-link" href="https://ada.mecknc.gov/">
Americans With Disabilities Act </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(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
<a class="usa-link" href="https://www.mecknc.gov/Departments">
Browse by Department Listing </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(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
<a class="usa-link" href="https://gis.mecknc.gov/">
GIS & Mapping </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(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
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
Pay Taxes and Fees </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(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
<a class="usa-link" href="https://vote.mecknc.gov">
Vote in Mecklenburg 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(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
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
Pay Taxes and Fees </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(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
<a class="usa-link" href="https://vote.mecknc.gov">
Vote in Mecklenburg 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(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
<a class="usa-link" href="https://ada.mecknc.gov/">
Americans With Disabilities Act </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(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
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
Recycle in Mecklenburg 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(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
<a class="usa-link" href="https://deeds.mecknc.gov">
Marriage and Divorce Records </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(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
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
Birth and Death Certificates </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(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
<a class="usa-link" href="https://www.mecknc.gov/Departments">
Browse by Department Listing </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(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
<a class="usa-link" href="https://hhs.mecknc.gov/">
Health and Human Services </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(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
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
Park and Recreation </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(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
<a class="usa-link" href="https://gis.mecknc.gov/">
GIS & Mapping </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.
mediumFocus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 1324px). Explicit tabIndex detected.WCAG 2.4.3
<a>Skip to main content</a>
Review tabIndex values. Prefer tabIndex="0" and use DOM order for focus sequence.
medium"div:nth-of-type(4)" is visually at position 11 but receives focus at position 1 (drift: 10).WCAG 2.4.3
<div></div>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
mediumFocus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 1324px). Explicit tabIndex detected.WCAG 2.4.3
<a>Skip to main content</a>
Review tabIndex values. Prefer tabIndex="0" and use DOM order for focus sequence.
medium"div:nth-of-type(4)" is visually at position 12 but receives focus at position 1 (drift: 11).WCAG 2.4.3
<div></div>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
mediumFocus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 1324px). Explicit tabIndex detected.WCAG 2.4.3
<a>Skip to main content</a>
Review tabIndex values. Prefer tabIndex="0" and use DOM order for focus sequence.
mediumFocus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 1324px). Explicit tabIndex detected.WCAG 2.4.3
<a>Skip to main content</a>
Review tabIndex values. Prefer tabIndex="0" and use DOM order for focus sequence.
mediumFocus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 1324px). Explicit tabIndex detected.WCAG 2.4.3
<a>Skip to main content</a>
Review tabIndex values. Prefer tabIndex="0" and use DOM order for focus sequence.
mediumFocus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 1324px). Explicit tabIndex detected.WCAG 2.4.3
<a>Skip to main content</a>
Review tabIndex values. Prefer tabIndex="0" and use DOM order for focus sequence.
mediumFocus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 1324px). Explicit tabIndex detected.WCAG 2.4.3
<a>Skip to main content</a>
Review tabIndex values. Prefer tabIndex="0" and use DOM order for focus sequence.
medium"div:nth-of-type(4)" is visually at position 12 but receives focus at position 1 (drift: 11).WCAG 2.4.3
<div></div>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
mediumFocus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 1324px). Explicit tabIndex detected.WCAG 2.4.3
<a>Skip to main content</a>
Review tabIndex values. Prefer tabIndex="0" and use DOM order for focus sequence.
mediumElement overflows viewport by 206px at 320px width.WCAG 1.4.10
<div><li class="meckco-card" style="width: 100%; display: inline-block;">
<div class="meckco-card-outer-wrapper--program">
<a class="meckco-card__link-outer" href="https://calendar.mSet max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 238px at 320px width.WCAG 1.4.10
<div class="slick-slide" data-slick-index="1" role="group" aria-label="slide 2" aria-hidden="true"><div><li class="meckco-card" style="width: 100%; display: inline-block;">
<div clasSet max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 206px at 320px width.WCAG 1.4.10
<div class="meckco-card-outer-wrapper--program">
<a class="meckco-card__link-outer" href="https://calendar.mecknc.gov/event/womens-advisory-board-meeting-24" tabindex="-1">
<div class="usa-card__cSet max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 206px at 320px width.WCAG 1.4.10
<header class="usa-card__header meckco-card__header">
<time datetime="1777325400">
Monday, April 27, 2026
</time>
<div class="usa-card__heading meckco-body-text-lead"Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 206px at 320px width.WCAG 1.4.10
<li class="meckco-card" style="width: 100%; display: inline-block;">
<div class="meckco-card-outer-wrapper--program">
<a class="meckco-card__link-outer" href="https://calendar.meckncSet max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent 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
<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&itok=yXyANMl8" alt="Af
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 206px at 320px width.WCAG 1.4.10
<div class="usa-card__container meckco-card__container bg-meckco-color-faded-purple">
<header class="usa-card__header meckco-card__header">
<time datetime="1777325400">
MonSet max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 19684px at 320px width.WCAG 1.4.10
<div class="slick-track" style="opacity: 1; width: 20000px; transform: translate3d(0px, 0px, 0px);"><div class="slick-slide slick-current slick-active" data-slick-index="0" role="group" aria-label="sl
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 182px at 320px width.WCAG 1.4.10
<div class="usa-card__heading meckco-body-text-lead">
Women's Advisory Board Meeting
</div>Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 126px at 320px width.WCAG 1.4.10
<time datetime="1777325400">
Monday, April 27, 2026
</time>Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 206px at 320px width.WCAG 1.4.10
<a class="meckco-card__link-outer" href="https://calendar.mecknc.gov/event/womens-advisory-board-meeting-24" tabindex="-1">
<div class="usa-card__container meckco-card__container bg-meckco-color-fSet max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumPage requires horizontal scrolling at 320px width (12px overflow). Content should reflow without horizontal scrolling at this width.WCAG 1.4.10
<html>
Use responsive CSS (max-width, flex-wrap, media queries) to ensure content reflows at narrow widths.
mediumContent 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
<a href="#main-content" class="visually-hidden focusable">
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 55px at 320px width.WCAG 1.4.10
<li class="usa-breadcrumb__list-item usa-current" aria-current="page">
Privacy & Legal Notices
</li>Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent 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
<label for="edit-search-api-fulltext" class="visually-hidden">Search</label>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
lowDeep 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
<nav role="nav">Footer navigation</nav>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowBroken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/MeckCounty">Twitter - X</a>
lowBroken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/MeckCounty">Twitter - X</a>
lowBroken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/MeckCounty">Twitter - X</a>
lowBroken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/MeckCounty">Twitter - X</a>
lowBroken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/MeckCounty">Twitter - X</a>
lowBroken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/MeckCounty">Twitter - X</a>
lowBroken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/MeckCounty">Twitter - X</a>
lowBroken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/MeckCounty">Twitter - X</a>
Best Page Fix Opportunities
/Policies/Privacy-and-Legal-Notices25findings
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.
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 attributeWCAG 1.1.1
<span class="fa-ext extlink" role="img" aria-hidden="false">
Ensure [role="img"] elements have alternative text. See: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content 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="reciteme-button" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
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 attributeWCAG 1.1.1
<span class="fa-ext extlink" role="img" aria-hidden="false">
Ensure [role="img"] elements have alternative text. See: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
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.
mediumLink 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
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
Park and Recreation </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(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
<a class="usa-link" href="https://deeds.mecknc.gov">
Marriage and Divorce Records </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(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
<a class="usa-link" href="https://hhs.mecknc.gov/">
Health and Human Services </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(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
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
Birth and Death Certificates </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(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
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
Recycle in Mecklenburg 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(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
<a class="usa-link" href="https://ada.mecknc.gov/">
Americans With Disabilities Act </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(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
<a class="usa-link" href="https://www.mecknc.gov/Departments">
Browse by Department Listing </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(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
<a class="usa-link" href="https://gis.mecknc.gov/">
GIS & Mapping </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(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
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
Pay Taxes and Fees </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(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
<a class="usa-link" href="https://vote.mecknc.gov">
Vote in Mecklenburg 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.
mediumFocus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 1324px). Explicit tabIndex detected.WCAG 2.4.3
<a>Skip to main content</a>
Review tabIndex values. Prefer tabIndex="0" and use DOM order for focus sequence.
medium"div:nth-of-type(4)" is visually at position 12 but receives focus at position 1 (drift: 11).WCAG 2.4.3
<div></div>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
mediumPage requires horizontal scrolling at 320px width (12px overflow). Content should reflow without horizontal scrolling at this width.WCAG 1.4.10
<html>
Use responsive CSS (max-width, flex-wrap, media queries) to ensure content reflows at narrow widths.
mediumContent 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
<a href="#main-content" class="visually-hidden focusable">
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 55px at 320px width.WCAG 1.4.10
<li class="usa-breadcrumb__list-item usa-current" aria-current="page">
Privacy & Legal Notices
</li>Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent 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
<label for="edit-search-api-fulltext" class="visually-hidden">Search</label>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
lowDeep 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
<nav role="nav">Footer navigation</nav>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowBroken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/MeckCounty">Twitter - X</a>
www.mecknc.gov22findings
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.
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 attributeWCAG 1.1.1
<span class="fa-ext extlink" role="img" aria-hidden="false">
Ensure [role="img"] elements have alternative text. See: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content 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="reciteme-button" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
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 attributeWCAG 1.1.1
<span class="fa-ext extlink" role="img" aria-hidden="false">
Ensure [role="img"] elements have alternative text. See: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highMissing 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.
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h6 class="meckco-latest-news--item-title ">New Sound, Same Fun: Meck Sounds Music Series Announced for 2026</h6>
Ensure the order of headings is semantically correct. 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 lang="en" dir="ltr" prefix="og: https://ogp.me/ns#" class="js fontawesome-i2svg-active fontawesome-i2svg-complete">
Ensure that the page, or at least one of its frames contains a level-one heading. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink 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
<a class="usa-link" href="https://vote.mecknc.gov">
Vote in Mecklenburg 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(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
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
Pay Taxes and Fees </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(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
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
Recycle in Mecklenburg 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(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
<a class="usa-link" href="https://www.mecknc.gov/Departments">
Browse by Department Listing </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(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
<a class="usa-link" href="https://gis.mecknc.gov/">
GIS & Mapping </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(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
<a class="usa-link" href="https://deeds.mecknc.gov">
Marriage and Divorce Records </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(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
<a class="usa-link" href="https://hhs.mecknc.gov/">
Health and Human Services </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(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
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
Park and Recreation </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(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
<a class="usa-link" href="https://ada.mecknc.gov/">
Americans With Disabilities Act </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(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
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
Birth and Death Certificates </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.
medium"div:nth-of-type(4)" is visually at position 11 but receives focus at position 1 (drift: 10).WCAG 2.4.3
<div></div>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
mediumFocus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 1324px). Explicit tabIndex detected.WCAG 2.4.3
<a>Skip to main content</a>
Review tabIndex values. Prefer tabIndex="0" and use DOM order for focus sequence.
lowBroken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/MeckCounty">Twitter - X</a>
/About20findings
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.
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 attributeWCAG 1.1.1
<span class="fa-ext extlink" role="img" aria-hidden="false">
Ensure [role="img"] elements have alternative text. See: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content 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="reciteme-button" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
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.
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3 class=" meckco-heading-3 meckco-highlight primary-color-teal ">Mecklenburg Board of County Commissioners Community Vision</h3>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(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
<a class="usa-link" href="https://wipeoutwaste.mecknc.gov/">
Recycle in Mecklenburg 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(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
<a class="usa-link" href="https://parkandrec.mecknc.gov/">
Park and Recreation </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(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
<a class="usa-link" href="https://health.mecknc.gov/services/office-vital-records">
Birth and Death Certificates </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(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
<a class="usa-link" href="https://tax.mecknc.gov/services/pay">
Pay Taxes and Fees </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(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
<a class="usa-link" href="https://vote.mecknc.gov">
Vote in Mecklenburg 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(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
<a class="usa-link" href="https://ada.mecknc.gov/">
Americans With Disabilities Act </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(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
<a class="usa-link" href="https://hhs.mecknc.gov/">
Health and Human Services </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(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
<a class="usa-link" href="https://gis.mecknc.gov/">
GIS & Mapping </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(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
<a class="usa-link" href="https://www.mecknc.gov/Departments">
Browse by Department Listing </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(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
<a class="usa-link" href="https://deeds.mecknc.gov">
Marriage and Divorce Records </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.
medium"div:nth-of-type(4)" is visually at position 12 but receives focus at position 1 (drift: 11).WCAG 2.4.3
<div></div>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
mediumFocus jumps backward from "div:nth-of-type(4)" to "Skip to main content" (visual distance: 1324px). Explicit tabIndex detected.WCAG 2.4.3
<a>Skip to main content</a>
Review tabIndex values. Prefer tabIndex="0" and use DOM order for focus sequence.
lowBroken link: https://www.twitter.com/MeckCounty returned status 403 Forbidden after 1 attempts
<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.
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.