Sonde
Accessibility Health Check
https://montgomerycountymd.gov
Sonde ScoreHigher is better
Getting Started0–349Needs Attention350–549Progressing550–749Strong750–899Excellent900–1000
Excellent
https://daylight.sonde.tech/usgov/montgomerycountymd-gov/
Montgomery County (MD)
Sonde ScoreHigher is better
Getting Started0–349Needs Attention350–549Progressing550–749Strong750–899Excellent900–1000
Excellent
Executive Summary
Top Findings
high Insufficient color contrast: 2.96:1 (required: 4.5:1 for normal text). Foreground: rgb(91, 155, 213), background: rgb(255, 255, 255). State: hover. Text: "Calendar Page" WCAG 1.4.3
Element:
<a href="/montgomery-county-recreation/rec-1" data-entity-type="node" data-entity-uuid="8366da64-1613-48c7-93e8-d74ecd3ea32c" data-entity-substitution="canonical" title="Montgomery County Recreation E
high Focus jumps backward from "Customer Service" to "Montgomery County Sports Advisory Committee" (visual distance: 634px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Montgomery County Sports Advisory Committee</a>
high Focus jumps backward from "Customer Service" to "External link: View All Rec Insider Videos" (visual distance: 739px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>External link: View All Rec Insider Videos</a>
high Focus jumps backward from "Customer Service" to "Recreation Staff" (visual distance: 637px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Recreation Staff</a>
high Missing X-Content-Type-Options header
high Missing X-Content-Type-Options header
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a href="#main-content" class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" data-sonde-contrast-state-id="sonde-contr...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<section id="social-media-ribbon" class="bg-primary-2 text-white">
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<section id="alert-content" aria-label="Site alert">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/about-new#main-content">Skip to main content</a>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<section id="social-media-ribbon" class="bg-primary-2 text-white">
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<section id="alert-content" aria-label="Site alert">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/calendar-0#main-content">Skip to main content</a>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<section id="social-media-ribbon" class="bg-primary-2 text-white">
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<section id="alert-content" aria-label="Site alert">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/montgomery-county-recreation/about/boards/sports-adviso...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<section id="social-media-ribbon" class="bg-primary-2 text-white">
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<section id="alert-content" aria-label="Site alert">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/montgomery-county-recreation/about/communications/newsl...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<section id="social-media-ribbon" class="bg-primary-2 text-white">
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<section id="alert-content" aria-label="Site alert">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/montgomery-county-recreation/about/communications/video...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<section id="social-media-ribbon" class="bg-primary-2 text-white">
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<section id="alert-content" aria-label="Site alert">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/montgomery-county-recreation/about/staff-directory#main...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<section id="social-media-ribbon" class="bg-primary-2 text-white">
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<section id="alert-content" aria-label="Site alert">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/montgomery-county-recreation/about/who-we#main-content"...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<section id="social-media-ribbon" class="bg-primary-2 text-white">
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<section id="alert-content" aria-label="Site alert">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/submit-calendar-items#main-content">Skip to main conten...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<section id="social-media-ribbon" class="bg-primary-2 text-white">
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<section id="alert-content" aria-label="Site alert">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/submit-community-center-events#main-content">Skip to ma...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<section id="social-media-ribbon" class="bg-primary-2 text-white">
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/activities-programs">Activities and Programs</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/facilities">Facilities</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/memberships">Memberships</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/how">How To</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/about">About</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/rec-1">Calendar</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/customer-service">Customer Service</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/activities-programs">Activities and Programs</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/facilities">Facilities</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/memberships">Memberships</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/how">How To</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/about">About</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/rec-1">Calendar</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/customer-service">Customer Service</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/activities-programs">Activities and Programs</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/facilities">Facilities</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/memberships">Memberships</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/how">How To</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/about">About</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/rec-1">Calendar</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/customer-service">Customer Service</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/activities-programs">Activities and Programs</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/facilities">Facilities</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/memberships">Memberships</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/how">How To</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/about">About</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/rec-1">Calendar</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/customer-service">Customer Service</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/activities-programs">Activities and Programs</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/facilities">Facilities</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/memberships">Memberships</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/how">How To</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/about">About</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/rec-1">Calendar</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/customer-service">Customer Service</a>
medium The same link functionality is identified as "follow Public Information Office on Nextdoor - external" on https://www.montgomerycountymd.gov/ and "follow Department of Recreation on Nextdoor - external" on https://www.montgomerycountymd.gov/about-new. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a aria-label="follow Department of Recreation on Nextdoor - external" class="text-2xl text-white hover:opacity-70" target="_blank" rel="noopener noreferrer" href="https://nextdoor.com/agency-detail/md/montgomery-county/montgomery-county-government/"><i class="fa-house fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "Utility: Contact Us" on https://www.montgomerycountymd.gov/ and "Contact Us" on https://www.montgomerycountymd.gov/about-new. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="Contact Us" href="/government/contact-us">Contact Us</a>
medium The same link functionality is identified as "Utility: MC311" on https://www.montgomerycountymd.gov/ and "MC311" on https://www.montgomerycountymd.gov/about-new. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="MC311" href="/mc311-contact-center">MC311</a>
medium The same link functionality is identified as "Skip to main content" on https://www.montgomerycountymd.gov/ and "Powered by Interpersonal Frequency" on https://www.montgomerycountymd.gov/about-new. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center group mx-auto" href="https://www.ifsight.com/"><span class="pr-2.5 text-sm group-hover:underline">Powered by Interpersonal Frequency</span><img alt="" loading="lazy" width="25" height="25" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fstatic%2Fif-tiny-white.png&w=32&q=75 1x, /_next/image?url=%2Fstatic%2Fif-tiny-white.png&w=64&q=75 2x" src="/_next/imag
medium The same link functionality is identified as "Calendar" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/who-we and "Montgomery County Recreation Events" on https://www.montgomerycountymd.gov/calendar-0. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="/montgomery-county-recreation/rec-1" data-entity-type="node" data-entity-uuid="8366da64-1613-48c7-93e8-d74ecd3ea32c" data-entity-substitution="canonical" title="Montgomery County Recreation Events" data-sonde-contrast-state-id="sonde-contrast-state-13" data-sonde-contrast-state-owned="true">Calendar Page</a>
medium The same link functionality is identified as "follow Public Information Office on Nextdoor - external" on https://www.montgomerycountymd.gov/ and "follow Department of Recreation on Nextdoor - external" on https://www.montgomerycountymd.gov/calendar-0. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a aria-label="follow Department of Recreation on Nextdoor - external" class="text-2xl text-white hover:opacity-70" target="_blank" rel="noopener noreferrer" href="https://nextdoor.com/agency-detail/md/montgomery-county/montgomery-county-government/"><i class="fa-house fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "Utility: Contact Us" on https://www.montgomerycountymd.gov/ and "Contact Us" on https://www.montgomerycountymd.gov/calendar-0. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="Contact Us" href="/government/contact-us">Contact Us</a>
medium The same link functionality is identified as "Utility: MC311" on https://www.montgomerycountymd.gov/ and "MC311" on https://www.montgomerycountymd.gov/calendar-0. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="MC311" href="/mc311-contact-center">MC311</a>
medium The same link functionality is identified as "Skip to main content" on https://www.montgomerycountymd.gov/ and "Home" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/boards/sports-advisory-committee/unsung-sports-hero-award. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="break-words hover:underline" aria-label="Home" href="/"><i class="fa-home fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "-Boards" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/who-we and "Boards" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/boards/sports-advisory-committee/unsung-sports-hero-award. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="break-words hover:underline" href="/montgomery-county-recreation/about/boards" data-sonde-contrast-state-id="sonde-contrast-state-15" data-sonde-contrast-state-owned="true"><span class="break-words">Boards</span></a>
medium The same link functionality is identified as "follow Public Information Office on Nextdoor - external" on https://www.montgomerycountymd.gov/ and "follow Department of Recreation on Nextdoor - external" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/boards/sports-advisory-committee/unsung-sports-hero-award. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a aria-label="follow Department of Recreation on Nextdoor - external" class="text-2xl text-white hover:opacity-70" target="_blank" rel="noopener noreferrer" href="https://nextdoor.com/agency-detail/md/montgomery-county/montgomery-county-government/"><i class="fa-house fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "Utility: Contact Us" on https://www.montgomerycountymd.gov/ and "Contact Us" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/boards/sports-advisory-committee/unsung-sports-hero-award. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="Contact Us" href="/government/contact-us">Contact Us</a>
medium The same link functionality is identified as "Utility: MC311" on https://www.montgomerycountymd.gov/ and "MC311" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/boards/sports-advisory-committee/unsung-sports-hero-award. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="MC311" href="/mc311-contact-center">MC311</a>
medium The same link functionality is identified as "--The Rec Insider Newsletter" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/communications/videos and "Skip to main content" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/communications/newsletter. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/montgomery-county-recreation/about/communications/newsletter#main-content">Skip to main content</a>
medium The same link functionality is identified as "Skip to main content" on https://www.montgomerycountymd.gov/ and "Home" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/communications/newsletter. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="break-words hover:underline" aria-label="Home" href="/"><i class="fa-home fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "follow Public Information Office on Nextdoor - external" on https://www.montgomerycountymd.gov/ and "follow Department of Recreation on Nextdoor - external" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/communications/newsletter. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a aria-label="follow Department of Recreation on Nextdoor - external" class="text-2xl text-white hover:opacity-70" target="_blank" rel="noopener noreferrer" href="https://nextdoor.com/agency-detail/md/montgomery-county/montgomery-county-government/"><i class="fa-house fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "Utility: Contact Us" on https://www.montgomerycountymd.gov/ and "Contact Us" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/communications/newsletter. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="Contact Us" href="/government/contact-us">Contact Us</a>
medium The same link functionality is identified as "Utility: MC311" on https://www.montgomerycountymd.gov/ and "MC311" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/communications/newsletter. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="MC311" href="/mc311-contact-center">MC311</a>
medium The same link functionality is identified as "Skip to main content" on https://www.montgomerycountymd.gov/ and "Home" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/communications/videos. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="break-words hover:underline" aria-label="Home" href="/"><i class="fa-home fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "-Communications" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/who-we and "Communications" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/communications/videos. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="break-words hover:underline" href="/montgomery-county-recreation/about/communications" data-sonde-contrast-state-id="sonde-contrast-state-15" data-sonde-contrast-state-owned="true"><span class="break-words">Communications</span></a>
medium The same link functionality is identified as "follow Public Information Office on Nextdoor - external" on https://www.montgomerycountymd.gov/ and "follow Department of Recreation on Nextdoor - external" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/communications/videos. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a aria-label="follow Department of Recreation on Nextdoor - external" class="text-2xl text-white hover:opacity-70" target="_blank" rel="noopener noreferrer" href="https://nextdoor.com/agency-detail/md/montgomery-county/montgomery-county-government/"><i class="fa-house fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "Utility: Contact Us" on https://www.montgomerycountymd.gov/ and "Contact Us" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/communications/videos. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="Contact Us" href="/government/contact-us">Contact Us</a>
medium The same link functionality is identified as "Utility: MC311" on https://www.montgomerycountymd.gov/ and "MC311" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/communications/videos. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="MC311" href="/mc311-contact-center">MC311</a>
medium The same link functionality is identified as "-Staff Directory" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/who-we and "Skip to main content" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/staff-directory. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/montgomery-county-recreation/about/staff-directory#main-content">Skip to main content</a>
medium The same link functionality is identified as "Skip to main content" on https://www.montgomerycountymd.gov/ and "Home" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/staff-directory. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="break-words hover:underline" aria-label="Home" href="/"><i class="fa-home fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "follow Public Information Office on Nextdoor - external" on https://www.montgomerycountymd.gov/ and "follow Department of Recreation on Nextdoor - external" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/staff-directory. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a aria-label="follow Department of Recreation on Nextdoor - external" class="text-2xl text-white hover:opacity-70" target="_blank" rel="noopener noreferrer" href="https://nextdoor.com/agency-detail/md/montgomery-county/montgomery-county-government/"><i class="fa-house fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "Utility: Contact Us" on https://www.montgomerycountymd.gov/ and "Contact Us" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/staff-directory. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="Contact Us" href="/government/contact-us">Contact Us</a>
medium The same link functionality is identified as "Utility: MC311" on https://www.montgomerycountymd.gov/ and "MC311" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/staff-directory. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="MC311" href="/mc311-contact-center">MC311</a>
medium The same link functionality is identified as "Skip to main content" on https://www.montgomerycountymd.gov/ and "Home" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/who-we. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="break-words hover:underline" aria-label="Home" href="/"><i class="fa-home fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "follow Public Information Office on Nextdoor - external" on https://www.montgomerycountymd.gov/ and "follow Department of Recreation on Nextdoor - external" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/who-we. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a aria-label="follow Department of Recreation on Nextdoor - external" class="text-2xl text-white hover:opacity-70" target="_blank" rel="noopener noreferrer" href="https://nextdoor.com/agency-detail/md/montgomery-county/montgomery-county-government/"><i class="fa-house fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "Utility: Contact Us" on https://www.montgomerycountymd.gov/ and "Contact Us" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/who-we. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="Contact Us" href="/government/contact-us">Contact Us</a>
medium The same link functionality is identified as "Utility: MC311" on https://www.montgomerycountymd.gov/ and "MC311" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/who-we. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="MC311" href="/mc311-contact-center">MC311</a>
medium The same link functionality is identified as "Submit calendar items" on https://www.montgomerycountymd.gov/submit-community-center-events and "Skip to main content" on https://www.montgomerycountymd.gov/submit-calendar-items. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/submit-calendar-items#main-content">Skip to main content</a>
medium The same link functionality is identified as "follow Public Information Office on Nextdoor - external" on https://www.montgomerycountymd.gov/ and "follow Department of Recreation on Nextdoor - external" on https://www.montgomerycountymd.gov/submit-calendar-items. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a aria-label="follow Department of Recreation on Nextdoor - external" class="text-2xl text-white hover:opacity-70" target="_blank" rel="noopener noreferrer" href="https://nextdoor.com/agency-detail/md/montgomery-county/montgomery-county-government/"><i class="fa-house fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "Utility: Contact Us" on https://www.montgomerycountymd.gov/ and "Contact Us" on https://www.montgomerycountymd.gov/submit-calendar-items. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="Contact Us" href="/government/contact-us">Contact Us</a>
medium The same link functionality is identified as "Utility: MC311" on https://www.montgomerycountymd.gov/ and "MC311" on https://www.montgomerycountymd.gov/submit-calendar-items. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="MC311" href="/mc311-contact-center">MC311</a>
medium The same link functionality is identified as "Calendar" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/who-we and "Montgomery County Recreation Events" on https://www.montgomerycountymd.gov/submit-community-center-events. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="/montgomery-county-recreation/rec-1" data-entity-type="node" data-entity-uuid="8366da64-1613-48c7-93e8-d74ecd3ea32c" data-entity-substitution="canonical" title="Montgomery County Recreation Events" data-sonde-contrast-state-id="sonde-contrast-state-14" data-sonde-contrast-state-owned="true">View main public REC calendar</a>
medium The same link functionality is identified as "follow Public Information Office on Nextdoor - external" on https://www.montgomerycountymd.gov/ and "follow Department of Recreation on Nextdoor - external" on https://www.montgomerycountymd.gov/submit-community-center-events. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a aria-label="follow Department of Recreation on Nextdoor - external" class="text-2xl text-white hover:opacity-70" target="_blank" rel="noopener noreferrer" href="https://nextdoor.com/agency-detail/md/montgomery-county/montgomery-county-government/"><i class="fa-house fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "Utility: Contact Us" on https://www.montgomerycountymd.gov/ and "Contact Us" on https://www.montgomerycountymd.gov/submit-community-center-events. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="Contact Us" href="/government/contact-us">Contact Us</a>
medium The same link functionality is identified as "Utility: MC311" on https://www.montgomerycountymd.gov/ and "MC311" on https://www.montgomerycountymd.gov/submit-community-center-events. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="MC311" href="/mc311-contact-center">MC311</a>
medium Broken link: https://www.montgomerycountymd.gov/rec/submit-events/aquatic-center-events.html returned status 404 Not Found after 1 attempts
Element:
<a href="https://www.montgomerycountymd.gov/rec/submit-events/aquatic-center-events.html">Aquatic Centers</a>
medium Interactive control "a" is only 22px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a>
medium Interactive control "a" is only 22px tall at Modern phone. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a>
medium Interactive control "a.absolute.overflow-hidden" is only 1px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.absolute.overflow-hidden>
medium Interactive control "a.text-2xl.text-white" is only 32px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.text-2xl.text-white>
medium Interactive control "button.appearance-none.flex" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.appearance-none.flex>
medium Interactive control "button.md:hidden.text-primary-2" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.md:hidden.text-primary-2>
medium Interactive control "a.break-words.hover:underline" is only 22px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.break-words.hover:underline>
medium Interactive control "a.hover:underline" is only 24px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.hover:underline>
medium Interactive control "a.text-primary-2.py-1" is only 30px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.text-primary-2.py-1>
medium Content clipped by 95px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Element:
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/montgomery-county-recreation/about/boards/sports-adviso
medium Missing X-Content-Type-Options header
medium Missing X-Content-Type-Options header
medium Missing X-Frame-Options header
medium Missing X-Content-Type-Options header
medium Missing X-Content-Type-Options header
medium Missing X-Content-Type-Options header
medium Missing X-Content-Type-Options header
medium Missing X-Content-Type-Options header
medium Stuck loading state: loading indicator CSS class on <input> persists after page readiness
Element:
<input type="text" name="search" class="w-50 2xl:w-[18.75rem] md:py-2.5 pl-4 pr-[2.75rem] text-primary-text placeholder:italic placeholder:text-primary-text border-background-3 rounded-lg" tabindex="0
medium Stuck loading state: loading indicator CSS class on <input> persists after page readiness
Element:
<input type="text" class="bg-background-2 border-2 border-background-3 text-primary-text py-4 pl-4 pr-14 placeholder:italic placeholder:text-primary-text w-full h-16 rounded-lg" tabindex="0" aria-labe
medium Stuck loading state: loading indicator CSS class on <input> persists after page readiness
Element:
<input type="text" name="search" class="w-50 2xl:w-[18.75rem] md:py-2.5 pl-4 pr-[2.75rem] text-primary-text placeholder:italic placeholder:text-primary-text border-background-3 rounded-lg" tabindex="0
medium Stuck loading state: loading indicator CSS class on <input> persists after page readiness
Element:
<input type="text" name="search" class="w-50 2xl:w-[18.75rem] md:py-2.5 pl-4 pr-[2.75rem] text-primary-text placeholder:italic placeholder:text-primary-text border-background-3 rounded-lg" tabindex="0
medium Stuck loading state: loading indicator CSS class on <input> persists after page readiness
Element:
<input type="text" name="search" class="w-50 2xl:w-[18.75rem] md:py-2.5 pl-4 pr-[2.75rem] text-primary-text placeholder:italic placeholder:text-primary-text border-background-3 rounded-lg" tabindex="0
medium Stuck loading state: loading indicator CSS class on <input> persists after page readiness
Element:
<input type="text" name="search" class="w-50 2xl:w-[18.75rem] md:py-2.5 pl-4 pr-[2.75rem] text-primary-text placeholder:italic placeholder:text-primary-text border-background-3 rounded-lg" tabindex="0
medium Stuck loading state: loading indicator CSS class on <input> persists after page readiness
Element:
<input type="text" name="search" class="w-50 2xl:w-[18.75rem] md:py-2.5 pl-4 pr-[2.75rem] text-primary-text placeholder:italic placeholder:text-primary-text border-background-3 rounded-lg" tabindex="0
medium Stuck loading state: loading indicator CSS class on <input> persists after page readiness
Element:
<input type="text" name="search" class="w-50 2xl:w-[18.75rem] md:py-2.5 pl-4 pr-[2.75rem] text-primary-text placeholder:italic placeholder:text-primary-text border-background-3 rounded-lg" tabindex="0
medium Stuck loading state: loading indicator CSS class on <input> persists after page readiness
Element:
<input type="text" name="search" class="w-50 2xl:w-[18.75rem] md:py-2.5 pl-4 pr-[2.75rem] text-primary-text placeholder:italic placeholder:text-primary-text border-background-3 rounded-lg" tabindex="0
medium Stuck loading state: loading indicator CSS class on <input> persists after page readiness
Element:
<input type="text" name="search" class="w-50 2xl:w-[18.75rem] md:py-2.5 pl-4 pr-[2.75rem] text-primary-text placeholder:italic placeholder:text-primary-text border-background-3 rounded-lg" tabindex="0
medium Stuck loading state: loading indicator CSS class on <input> persists after page readiness
Element:
<input type="text" name="search" class="w-50 2xl:w-[18.75rem] md:py-2.5 pl-4 pr-[2.75rem] text-primary-text placeholder:italic placeholder:text-primary-text border-background-3 rounded-lg" tabindex="0
low Deep focus region: nav "Sidebar navigation" has 17 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys. WCAG 2.4.1
Element:
<nav role="nav">Sidebar navigation</nav>
low Broken link: https://bsky.app/profile/montgomerycountymd.bsky.social returned status 404 Not Found after 1 attempts
Element:
<a href="https://bsky.app/profile/montgomerycountymd.bsky.social"></a>
low Broken link: https://www.linkedin.com/in/montgomery-county-executive/ returned status 999 <none> after 2 attempts
Element:
<a href="https://www.linkedin.com/in/montgomery-county-executive/"></a>
low Broken link: https://x.com/MontCoExec returned status 403 Forbidden after 1 attempts
Element:
<a href="https://x.com/MontCoExec"></a>
low Broken link: https://x.com/MontgomeryCoMD returned status 403 Forbidden after 1 attempts
Element:
<a href="https://x.com/MontgomeryCoMD"></a>
low Broken link: https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html returned status 403 Forbidden after 1 attempts
Element:
<a href="https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html">Log in to ActiveMONTGOMERY and register</a>
low Broken link: https://x.com/mocorec returned status 403 Forbidden after 1 attempts
Element:
<a href="https://x.com/mocorec"></a>
low Broken link: https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html returned status 403 Forbidden after 1 attempts
Element:
<a href="https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html">Log in to ActiveMONTGOMERY and register</a>
low Broken link: https://x.com/mocorec returned status 403 Forbidden after 1 attempts
Element:
<a href="https://x.com/mocorec"></a>
low Broken link: https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html returned status 403 Forbidden after 1 attempts
Element:
<a href="https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html">Log in to ActiveMONTGOMERY and register</a>
low Broken link: https://x.com/mocorec returned status 403 Forbidden after 1 attempts
Element:
<a href="https://x.com/mocorec"></a>
low Link timeout: https://mcshf.org/brett-riley-muhammad-arif-wali-caprina-pipion-williams-to-receive-unsung-sports-heroes-awards-on-may-4/ did not respond within 5000ms after 2 attempts
Element:
<a href="https://mcshf.org/brett-riley-muhammad-arif-wali-caprina-pipion-williams-to-receive-unsung-sports-heroes-awards-on-may-4/">The three recipients of last year's Unsung Sports Hero Award were honored</a>
low Link timeout: https://montgomerycountymd.seamlessdocs.com/f/unsunghero2025 did not respond within 5000ms after 2 attempts
Element:
<a href="https://montgomerycountymd.seamlessdocs.com/f/unsunghero2025">nominate a deserving individual or organization, submit your nomination here</a>
low Broken link: https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html returned status 403 Forbidden after 1 attempts
Element:
<a href="https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html">Log in to ActiveMONTGOMERY and register</a>
low Broken link: https://x.com/mocorec returned status 403 Forbidden after 1 attempts
Element:
<a href="https://x.com/mocorec"></a>
low Broken link: https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html returned status 403 Forbidden after 1 attempts
Element:
<a href="https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html">Log in to ActiveMONTGOMERY and register</a>
low Broken link: https://x.com/mocorec returned status 403 Forbidden after 1 attempts
Element:
<a href="https://x.com/mocorec"></a>
low Broken link: https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html returned status 403 Forbidden after 1 attempts
Element:
<a href="https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html">Log in to ActiveMONTGOMERY and register</a>
low Broken link: https://x.com/mocorec returned status 403 Forbidden after 1 attempts
Element:
<a href="https://x.com/mocorec"></a>
low Broken link: https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html returned status 403 Forbidden after 1 attempts
Element:
<a href="https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html">Log in to ActiveMONTGOMERY and register</a>
low Broken link: https://x.com/mocorec returned status 403 Forbidden after 1 attempts
Element:
<a href="https://x.com/mocorec"></a>
low Broken link: https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html returned status 403 Forbidden after 1 attempts
Element:
<a href="https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html">Log in to ActiveMONTGOMERY and register</a>
low Broken link: https://x.com/mocorec returned status 403 Forbidden after 1 attempts
Element:
<a href="https://x.com/mocorec"></a>
low Broken link: https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html returned status 403 Forbidden after 1 attempts
Element:
<a href="https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html">Log in to ActiveMONTGOMERY and register</a>
low Broken link: https://x.com/mocorec returned status 403 Forbidden after 1 attempts
Element:
<a href="https://x.com/mocorec"></a>
Best Page Fix Opportunities
/montgomery-county-recreation/about/boards/sports-advisory-committee/unsung-sports-hero-award32findings
high Focus jumps backward from "Customer Service" to "Montgomery County Sports Advisory Committee" (visual distance: 634px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Montgomery County Sports Advisory Committee</a>
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<section id="alert-content" aria-label="Site alert">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/montgomery-county-recreation/about/boards/sports-adviso...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<section id="social-media-ribbon" class="bg-primary-2 text-white">
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/activities-programs">Activities and Programs</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/facilities">Facilities</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/memberships">Memberships</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/how">How To</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/about">About</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/rec-1">Calendar</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/customer-service">Customer Service</a>
medium The same link functionality is identified as "Skip to main content" on https://www.montgomerycountymd.gov/ and "Home" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/boards/sports-advisory-committee/unsung-sports-hero-award. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="break-words hover:underline" aria-label="Home" href="/"><i class="fa-home fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "-Boards" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/who-we and "Boards" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/boards/sports-advisory-committee/unsung-sports-hero-award. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="break-words hover:underline" href="/montgomery-county-recreation/about/boards" data-sonde-contrast-state-id="sonde-contrast-state-15" data-sonde-contrast-state-owned="true"><span class="break-words">Boards</span></a>
medium The same link functionality is identified as "follow Public Information Office on Nextdoor - external" on https://www.montgomerycountymd.gov/ and "follow Department of Recreation on Nextdoor - external" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/boards/sports-advisory-committee/unsung-sports-hero-award. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a aria-label="follow Department of Recreation on Nextdoor - external" class="text-2xl text-white hover:opacity-70" target="_blank" rel="noopener noreferrer" href="https://nextdoor.com/agency-detail/md/montgomery-county/montgomery-county-government/"><i class="fa-house fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "Utility: Contact Us" on https://www.montgomerycountymd.gov/ and "Contact Us" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/boards/sports-advisory-committee/unsung-sports-hero-award. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="Contact Us" href="/government/contact-us">Contact Us</a>
medium The same link functionality is identified as "Utility: MC311" on https://www.montgomerycountymd.gov/ and "MC311" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/boards/sports-advisory-committee/unsung-sports-hero-award. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="MC311" href="/mc311-contact-center">MC311</a>
medium Interactive control "a" is only 22px tall at Modern phone. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a>
medium Interactive control "a.absolute.overflow-hidden" is only 1px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.absolute.overflow-hidden>
medium Interactive control "a.text-2xl.text-white" is only 32px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.text-2xl.text-white>
medium Interactive control "button.appearance-none.flex" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.appearance-none.flex>
medium Interactive control "button.md:hidden.text-primary-2" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.md:hidden.text-primary-2>
medium Interactive control "a.break-words.hover:underline" is only 22px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.break-words.hover:underline>
medium Interactive control "a.hover:underline" is only 24px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.hover:underline>
medium Interactive control "a.text-primary-2.py-1" is only 30px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.text-primary-2.py-1>
medium Content clipped by 95px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Element:
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/montgomery-county-recreation/about/boards/sports-adviso
medium Missing X-Frame-Options header
medium Stuck loading state: loading indicator CSS class on <input> persists after page readiness
Element:
<input type="text" name="search" class="w-50 2xl:w-[18.75rem] md:py-2.5 pl-4 pr-[2.75rem] text-primary-text placeholder:italic placeholder:text-primary-text border-background-3 rounded-lg" tabindex="0
low Deep focus region: nav "Sidebar navigation" has 17 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys. WCAG 2.4.1
Element:
<nav role="nav">Sidebar navigation</nav>
low Broken link: https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html returned status 403 Forbidden after 1 attempts
Element:
<a href="https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html">Log in to ActiveMONTGOMERY and register</a>
low Broken link: https://x.com/mocorec returned status 403 Forbidden after 1 attempts
Element:
<a href="https://x.com/mocorec"></a>
low Link timeout: https://mcshf.org/brett-riley-muhammad-arif-wali-caprina-pipion-williams-to-receive-unsung-sports-heroes-awards-on-may-4/ did not respond within 5000ms after 2 attempts
Element:
<a href="https://mcshf.org/brett-riley-muhammad-arif-wali-caprina-pipion-williams-to-receive-unsung-sports-heroes-awards-on-may-4/">The three recipients of last year's Unsung Sports Hero Award were honored</a>
low Link timeout: https://montgomerycountymd.seamlessdocs.com/f/unsunghero2025 did not respond within 5000ms after 2 attempts
Element:
<a href="https://montgomerycountymd.seamlessdocs.com/f/unsunghero2025">nominate a deserving individual or organization, submit your nomination here</a>
/montgomery-county-recreation/about/communications/videos20findings
high Focus jumps backward from "Customer Service" to "External link: View All Rec Insider Videos" (visual distance: 739px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>External link: View All Rec Insider Videos</a>
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<section id="alert-content" aria-label="Site alert">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/montgomery-county-recreation/about/communications/video...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<section id="social-media-ribbon" class="bg-primary-2 text-white">
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/activities-programs">Activities and Programs</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/facilities">Facilities</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/memberships">Memberships</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/how">How To</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/about">About</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/rec-1">Calendar</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/customer-service">Customer Service</a>
medium The same link functionality is identified as "Skip to main content" on https://www.montgomerycountymd.gov/ and "Home" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/communications/videos. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="break-words hover:underline" aria-label="Home" href="/"><i class="fa-home fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "-Communications" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/who-we and "Communications" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/communications/videos. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="break-words hover:underline" href="/montgomery-county-recreation/about/communications" data-sonde-contrast-state-id="sonde-contrast-state-15" data-sonde-contrast-state-owned="true"><span class="break-words">Communications</span></a>
medium The same link functionality is identified as "follow Public Information Office on Nextdoor - external" on https://www.montgomerycountymd.gov/ and "follow Department of Recreation on Nextdoor - external" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/communications/videos. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a aria-label="follow Department of Recreation on Nextdoor - external" class="text-2xl text-white hover:opacity-70" target="_blank" rel="noopener noreferrer" href="https://nextdoor.com/agency-detail/md/montgomery-county/montgomery-county-government/"><i class="fa-house fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "Utility: Contact Us" on https://www.montgomerycountymd.gov/ and "Contact Us" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/communications/videos. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="Contact Us" href="/government/contact-us">Contact Us</a>
medium The same link functionality is identified as "Utility: MC311" on https://www.montgomerycountymd.gov/ and "MC311" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/communications/videos. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="MC311" href="/mc311-contact-center">MC311</a>
medium Missing X-Content-Type-Options header
medium Stuck loading state: loading indicator CSS class on <input> persists after page readiness
Element:
<input type="text" name="search" class="w-50 2xl:w-[18.75rem] md:py-2.5 pl-4 pr-[2.75rem] text-primary-text placeholder:italic placeholder:text-primary-text border-background-3 rounded-lg" tabindex="0
low Broken link: https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html returned status 403 Forbidden after 1 attempts
Element:
<a href="https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html">Log in to ActiveMONTGOMERY and register</a>
low Broken link: https://x.com/mocorec returned status 403 Forbidden after 1 attempts
Element:
<a href="https://x.com/mocorec"></a>
/montgomery-county-recreation/about/staff-directory20findings
high Focus jumps backward from "Customer Service" to "Recreation Staff" (visual distance: 637px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Recreation Staff</a>
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<section id="alert-content" aria-label="Site alert">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/montgomery-county-recreation/about/staff-directory#main...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<section id="social-media-ribbon" class="bg-primary-2 text-white">
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/activities-programs">Activities and Programs</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/facilities">Facilities</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/memberships">Memberships</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/how">How To</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/about">About</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/rec-1">Calendar</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 101, 189), text: rgb(55, 55, 55)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="text-primary-2 py-1 hover:underline " href="/montgomery-county-recreation/customer-service">Customer Service</a>
medium The same link functionality is identified as "-Staff Directory" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/who-we and "Skip to main content" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/staff-directory. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/montgomery-county-recreation/about/staff-directory#main-content">Skip to main content</a>
medium The same link functionality is identified as "Skip to main content" on https://www.montgomerycountymd.gov/ and "Home" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/staff-directory. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="break-words hover:underline" aria-label="Home" href="/"><i class="fa-home fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "follow Public Information Office on Nextdoor - external" on https://www.montgomerycountymd.gov/ and "follow Department of Recreation on Nextdoor - external" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/staff-directory. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a aria-label="follow Department of Recreation on Nextdoor - external" class="text-2xl text-white hover:opacity-70" target="_blank" rel="noopener noreferrer" href="https://nextdoor.com/agency-detail/md/montgomery-county/montgomery-county-government/"><i class="fa-house fa-solid undefined" aria-hidden="true"></i></a>
medium The same link functionality is identified as "Utility: Contact Us" on https://www.montgomerycountymd.gov/ and "Contact Us" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/staff-directory. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="Contact Us" href="/government/contact-us">Contact Us</a>
medium The same link functionality is identified as "Utility: MC311" on https://www.montgomerycountymd.gov/ and "MC311" on https://www.montgomerycountymd.gov/montgomery-county-recreation/about/staff-directory. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a class="font-body text-base font-semibold leading-6 py-2.5 px-2.5 inline-flex items-center justify-center gap-1.5 text-center rounded-lg bg-button-background text-button-text border-button-background hover:bg-button-background-hover hover:text-button-text-hover outline outline-2 outline-offset-[-2px] outline-black/35 shadow-[0_0_0_1px_rgba(255,255,255,0.80)] transition duration-200" tabindex="0" aria-label="MC311" href="/mc311-contact-center">MC311</a>
medium Missing X-Content-Type-Options header
medium Stuck loading state: loading indicator CSS class on <input> persists after page readiness
Element:
<input type="text" name="search" class="w-50 2xl:w-[18.75rem] md:py-2.5 pl-4 pr-[2.75rem] text-primary-text placeholder:italic placeholder:text-primary-text border-background-3 rounded-lg" tabindex="0
low Broken link: https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html returned status 403 Forbidden after 1 attempts
Element:
<a href="https://mdmontgomeryctyweb.myvscloud.com/webtrac/web/splash.html">Log in to ActiveMONTGOMERY and register</a>
low Broken link: https://x.com/mocorec returned status 403 Forbidden after 1 attempts
Element:
<a href="https://x.com/mocorec"></a>
Methodology
The Sonde Score is a universal 0–1000 compliance index — think of it like a credit score for accessibility. Each finding is weighted by its impact on human access: a keyboard trap (critical) counts far more than a best-practice suggestion (low). The raw penalty is normalized per page so scores are comparable across sites of any size. A harmonic curve ensures every site gets a meaningful score — no zeros, no false perfection.
Score = round(1000 × S / (S + P/N))
where S = sensitivity (750), P = Σ(weight × count), N = pages scanned
| Tier | Weight | Examples |
|---|---|---|
| Critical | 10 | Keyboard traps, missing page language |
| High | 3 | Missing alt text, insufficient contrast |
| Medium | 1 | Heading hierarchy, unclear link purpose |
| Low | 0.25 | Best-practice suggestions |
The Sonde Score is a living standard (v0.1). We publish the methodology and invite public feedback because accessibility is too important for closed-door decisions. Your expertise makes it better.
Enter Mission Control
Review raw findings data, track changes between scans, and contribute to Sonde’s open methodology.
Nominate a Site for the Daylight Index
Know a public website that should be on the accessibility leaderboard? Nominate it — we’ll scan it and publish the results.