Accessibility Health Check
https://miamidade.gov
Excellent
https://daylight.sonde.life/usgov/miamidade-gov/
Excellent
Executive Summary
Top Findings
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Report a Problem"WCAG 1.4.3
<h2 class="sub-titles">Report a Problem</h2>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Submit a service request to the 311 Contact Center for a sim"WCAG 1.4.3
<p>Submit a service request to the 311 Contact Center for a simple and convenient way to report a problem, request a service or check the status of a previously submitted service request. You can sche
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
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.
highFocus jumps backward from "Jump to Elected Officials section" to "Jump to Top Services section" (visual distance: 810px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Jump to Top Services section</a>
Reorder elements in the DOM to match the visual layout. Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
highPage has no detectable navigation mechanisms (no <nav>, search, sitemap link, breadcrumbs, or table of contents). Users need multiple ways to locate content.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
highMissing 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
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="mdc-header">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="mdc-footer">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section class="spacing " id="BoardofCountyCommissioners">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<a href="https://feedback.miamidade.gov/jfe/form/SV_bEg8ZtnDNi1XVXw" class="sr-only" id="ada-survey">Assistive Technology Survey</a>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<a href="https://feedback.miamidade.gov/jfe/form/SV_bEg8ZtnDNi1XVXw" class="sr-only" id="ada-survey">Assistive Technology Survey</a>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(2, 122, 187), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.miamidade.gov/global/logout.page" class="logoutAPI">Sign Out</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=courts-records">Courts & 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(2, 122, 187), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#"><i class="fa fa-user"></i><span class="sr-only">User Icon Mobile</span></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(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=animals-pets">Animals & Pets</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(2, 122, 187), text: rgba(0, 0, 0, 0.87)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#googtrans(en|en)" class="lang-en lang-select" data-lang="en">English</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(2, 122, 187), text: rgba(0, 0, 0, 0.87)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#googtrans(en|ht)" class="lang-es lang-select" data-lang="ht">Kreyòl Ayisyen</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(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=elections-voting">Elections & Voting</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(2, 122, 187), text: rgba(0, 0, 0, 0.87)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#googtrans(en|es)" class="lang-es lang-select" data-lang="es">Español</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(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=business-industry">Business & Industry</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(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=building-development">Building & Development</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(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=building-development">Building & Development</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(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=animals-pets">Animals & Pets</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(2, 122, 187), text: rgba(0, 0, 0, 0.87)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#googtrans(en|en)" class="lang-en lang-select" data-lang="en">English</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(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=elections-voting">Elections & Voting</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(2, 122, 187), text: rgba(0, 0, 0, 0.87)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#googtrans(en|ht)" class="lang-es lang-select" data-lang="ht">Kreyòl Ayisyen</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(2, 122, 187), text: rgba(0, 0, 0, 0.87)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#googtrans(en|es)" class="lang-es lang-select" data-lang="es">Español</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(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=courts-records">Courts & 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(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=business-industry">Business & Industry</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(2, 122, 187), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#"><i class="fa fa-user"></i><span class="sr-only">User Icon Mobile</span></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(2, 122, 187), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.miamidade.gov/global/logout.page" class="logoutAPI">Sign Out</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumNavigation region "nav" (present on www.miamidade.gov) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav -->
Ensure the "nav" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumClicking "No" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button class="QSI__EmbeddedFeedbackContainer_TextButton" title="No" style="font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: 1e
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "No" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button class="QSI__EmbeddedFeedbackContainer_TextButton" title="No" style="font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: 1e
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
medium"Jump to Watch Videos section" is visually at position 5 but receives focus at position 26 (drift: 21).WCAG 2.4.3
<a>Jump to Watch Videos section</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Jump to Elected Officials section" is visually at position 6 but receives focus at position 27 (drift: 21).WCAG 2.4.3
<a>Jump to Elected Officials section</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Jump to Public Records section" is visually at position 3 but receives focus at position 24 (drift: 21).WCAG 2.4.3
<a>Jump to Public Records section</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Jump to Latest News section" is visually at position 4 but receives focus at position 25 (drift: 21).WCAG 2.4.3
<a>Jump to Latest News section</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Jump to Report a Problem section" is visually at position 2 but receives focus at position 23 (drift: 21).WCAG 2.4.3
<a>Jump to Report a Problem section</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
mediumBroken link: https://accounts.miamidade.gov/97698a1d-dfd7-4231-aa5b-dd1089aea1b1/B2C_1A_SignUpSignIn/api/CombinedSigninAndSignup/unified?local=signup&csrf_token=SHNBTVpkU0NUSGQrYU9ieG1wcEhYS091QVJJU3ppTDJnUzZnRWFVVVpuYUJBaHdaN1VMLzJlK1l5eHBXcjZLN1VMcjVjQWVMNzNnL01yM1Axc3VTdVE9PTsyMDI2LTA0LTI4VDE3OjEzOjM1Ljg5Mzc0MzdaOzlYY2tpY3RsbzZuL0lNOWg0T2NYd3c9PTt7Ik9yY2hlc3RyYXRpb25TdGVwIjoxfQ==&tx=StateProperties=eyJUSUQiOiJlZWY2YjMzNy0yOGRhLTQxOTUtODFiZi0wMWE3NzEzZGUzNWYifQ&p=B2C_1A_SignUpSignIn returned status 404 Not Found after 1 attempts
<a href="https://accounts.miamidade.gov/97698a1d-dfd7-4231-aa5b-dd1089aea1b1/B2C_1A_SignUpSignIn/api/CombinedSigninAndSignup/unified?local=signup&csrf_token=SHNBTVpkU0NUSGQrYU9ieG1wcEhYS091QVJJU3ppTDJnUzZnRWFVVVpuYUJBaHdaN1VMLzJlK1l5eHBXcjZLN1VMcjVjQWVMNzNnL01yM1Axc3VTdVE9PTsyMDI2LTA0LTI4VDE3OjEzOjM1Ljg5Mzc0MzdaOzlYY2tpY3RsbzZuL0lNOWg0T2NYd3c9PTt7Ik9yY2hlc3RyYXRpb25TdGVwIjoxfQ==&tx=StateProperties=eyJUSUQiOiJlZWY2YjMzNy0yOGRhLTQxOTUtODFiZi0wMWE3NzEzZGUzNWYifQ&p=B2C_1A_SignUpSignIn">S
mediumBroken link: https://www.miamidade.gov/global/login.page returned status 404 Not Found after 1 attempts
<a href="https://www.miamidade.gov/global/login.page">Login</a>
mediumBroken link: https://www.miamidade.gov/global/logout.page returned status 404 Not Found after 1 attempts
<a href="https://www.miamidade.gov/global/logout.page">Sign Out</a>
mediumBroken link: https://www.miamidade.gov/global/self-service.page returned status 404 Not Found after 1 attempts
<a href="https://www.miamidade.gov/global/self-service.page">Self-Service</a>
mediumBroken link: https://www.miamidade.gov/global/self-service.page returned status 404 Not Found after 1 attempts
<a href="https://www.miamidade.gov/global/self-service.page">Self-Service</a>
mediumBroken link: https://www.miamidade.gov/global/login.page returned status 404 Not Found after 1 attempts
<a href="https://www.miamidade.gov/global/login.page">Login</a>
mediumBroken link: https://www.miamidade.gov/global/logout.page returned status 404 Not Found after 1 attempts
<a href="https://www.miamidade.gov/global/logout.page">Sign Out</a>
mediumContent clipped by 16px 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 class="sr-only mobile-main-search active" id="mainMobileSearch">Mobile Search</label>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 20px 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="https://feedback.miamidade.gov/jfe/form/SV_bEg8ZtnDNi1XVXw" class="sr-only" id="ada-survey">Assistive Technology Survey</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 17px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<span class="sr-only">Back to top</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumPage requires horizontal scrolling at 320px width (1px 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 29px 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="btn white skip-nav sr-only sr-only-focusable" id="skipNavMain">Skip to Primary Content</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumMissing X-Frame-Options header
Add X-Frame-Options: DENY or SAMEORIGIN Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumStuck loading state: loading indicator CSS class on <div> persists after page readiness
<div class="iw_placeholder" id="iw_placeholder1553655066011">
<div class="iw_component" id="iw_comp1722252325664">
<!--ls:begin[component-1722252325664]--><style>#iw_comp1722252325664{}</stmediumStuck loading state: loading indicator CSS class on <div> persists after page readiness
<div class="iw_placeholder" id="iw_placeholder1553655066005">
<div class="iw_component" id="iw_comp1628129898739">
<!--ls:begin[component-1628129898739]--><style>#iw_comp1628129898739{}</stmediumStuck loading state: loading indicator CSS class on <div> persists after page readiness
<div class="iw_placeholder" id="iw_placeholder1553655066008">
<div class="iw_component" id="iw_comp1561765342453">
<!--ls:begin[component-1561765342453]--><style>#iw_comp1561765342453{}</stmediumStuck loading state: loading indicator CSS class on <div> persists after page readiness
<div class="iw_placeholder" id="iw_placeholder1553655066012">
<div class="iw_component" id="iw_comp1558391182283">
<!--ls:begin[component-1558391182283]--><style>#iw_comp1558391182283{}</stylmediumStuck loading state: loading indicator CSS class on <div> persists after page readiness
<div class="iw_placeholder" id="iw_placeholder1553655066002">
<div class="iw_component" id="iw_comp1528109900085">
<style>#iw_comp1528109900085{}</style><style>
.d-flex {
display: mediumStuck loading state: loading indicator CSS class on <div> persists after page readiness
<div class="iw_placeholder" id="iw_placeholder1553655066009">
<div class="iw_component" id="iw_comp1587516713639">
<!--ls:begin[component-1587516713639]--><style>#iw_comp1587516713639{}mediumStuck loading state: loading indicator CSS class on <div> persists after page readiness
<div class="iw_placeholder" id="iw_placeholder1553655066010">
<div class="iw_component" id="iw_comp1605727175036">
<!--ls:begin[component-1605727175036]--><style>#iw_comp1605727175036{}mediumStuck loading state: loading indicator CSS class on <div> persists after page readiness
<div class="iw_placeholder" id="iw_placeholder1553655066005">
<div class="iw_component" id="iw_comp1587516713378">
<style>#iw_comp1587516713378{}</style><style>
@media (min-width: 1266px) lowUsers should be able to zoom and scale the text up to 500%: Fix any of the following: <meta> tag limits zooming on mobile devices
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0">
Ensure <meta name="viewport"> can scale a significant amount. See: https://www.w3.org/WAI/WCAG22/quickref/
lowUsers should be able to zoom and scale the text up to 500%: Fix any of the following: <meta> tag limits zooming on mobile devices
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0">
Ensure <meta name="viewport"> can scale a significant amount. See: https://www.w3.org/WAI/WCAG22/quickref/
lowBroken link: https://accounts.miamidade.gov/myaccount/profile returned status 404 Not Found after 1 attempts
<a href="https://accounts.miamidade.gov/myaccount/profile">Update Profile</a>
lowBroken link: https://www.twitter.com/MiamiDadeCounty returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/MiamiDadeCounty">Miami-Dade County X - Opens a warning dialog</a>
lowBroken link: https://www.twitter.com/MiamiDadeCounty returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/MiamiDadeCounty">Miami-Dade County X - Opens a warning dialog</a>
lowBroken link: https://accounts.miamidade.gov/myaccount/profile returned status 404 Not Found after 1 attempts
<a href="https://accounts.miamidade.gov/myaccount/profile">Update Profile</a>
lowPossible stuck loading animation: "spinner-dash" still running after page readiness
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
lowPossible stuck loading animation: "spinner-rotator" still running after page readiness
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
lowPossible stuck loading animation: "spinner-dash" still running after page readiness
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
lowPossible stuck loading animation: "spinner-rotator" still running after page readiness
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
Best Page Fix Opportunities
/global/home.page42findings
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Report a Problem"WCAG 1.4.3
<h2 class="sub-titles">Report a Problem</h2>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Submit a service request to the 311 Contact Center for a sim"WCAG 1.4.3
<p>Submit a service request to the 311 Contact Center for a simple and convenient way to report a problem, request a service or check the status of a previously submitted service request. You can sche
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
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.
highFocus jumps backward from "Jump to Elected Officials section" to "Jump to Top Services section" (visual distance: 810px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Jump to Top Services section</a>
Reorder elements in the DOM to match the visual layout. Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section class="spacing " id="BoardofCountyCommissioners">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<a href="https://feedback.miamidade.gov/jfe/form/SV_bEg8ZtnDNi1XVXw" class="sr-only" id="ada-survey">Assistive Technology Survey</a>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(2, 122, 187), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.miamidade.gov/global/logout.page" class="logoutAPI">Sign Out</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=courts-records">Courts & 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(2, 122, 187), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#"><i class="fa fa-user"></i><span class="sr-only">User Icon Mobile</span></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(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=animals-pets">Animals & Pets</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(2, 122, 187), text: rgba(0, 0, 0, 0.87)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#googtrans(en|en)" class="lang-en lang-select" data-lang="en">English</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(2, 122, 187), text: rgba(0, 0, 0, 0.87)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#googtrans(en|ht)" class="lang-es lang-select" data-lang="ht">Kreyòl Ayisyen</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(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=elections-voting">Elections & Voting</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(2, 122, 187), text: rgba(0, 0, 0, 0.87)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#googtrans(en|es)" class="lang-es lang-select" data-lang="es">Español</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(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=business-industry">Business & Industry</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(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=building-development">Building & Development</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumClicking "No" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button class="QSI__EmbeddedFeedbackContainer_TextButton" title="No" style="font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: 1e
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
medium"Jump to Watch Videos section" is visually at position 5 but receives focus at position 26 (drift: 21).WCAG 2.4.3
<a>Jump to Watch Videos section</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Jump to Elected Officials section" is visually at position 6 but receives focus at position 27 (drift: 21).WCAG 2.4.3
<a>Jump to Elected Officials section</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Jump to Public Records section" is visually at position 3 but receives focus at position 24 (drift: 21).WCAG 2.4.3
<a>Jump to Public Records section</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Jump to Latest News section" is visually at position 4 but receives focus at position 25 (drift: 21).WCAG 2.4.3
<a>Jump to Latest News section</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Jump to Report a Problem section" is visually at position 2 but receives focus at position 23 (drift: 21).WCAG 2.4.3
<a>Jump to Report a Problem section</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
mediumBroken link: https://www.miamidade.gov/global/login.page returned status 404 Not Found after 1 attempts
<a href="https://www.miamidade.gov/global/login.page">Login</a>
mediumBroken link: https://www.miamidade.gov/global/logout.page returned status 404 Not Found after 1 attempts
<a href="https://www.miamidade.gov/global/logout.page">Sign Out</a>
mediumBroken link: https://www.miamidade.gov/global/self-service.page returned status 404 Not Found after 1 attempts
<a href="https://www.miamidade.gov/global/self-service.page">Self-Service</a>
mediumContent clipped by 16px 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 class="sr-only mobile-main-search active" id="mainMobileSearch">Mobile Search</label>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 20px 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="https://feedback.miamidade.gov/jfe/form/SV_bEg8ZtnDNi1XVXw" class="sr-only" id="ada-survey">Assistive Technology Survey</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 17px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<span class="sr-only">Back to top</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumPage requires horizontal scrolling at 320px width (1px 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 29px 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="btn white skip-nav sr-only sr-only-focusable" id="skipNavMain">Skip to Primary Content</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumMissing X-Frame-Options header
Add X-Frame-Options: DENY or SAMEORIGIN Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumStuck loading state: loading indicator CSS class on <div> persists after page readiness
<div class="iw_placeholder" id="iw_placeholder1553655066011">
<div class="iw_component" id="iw_comp1722252325664">
<!--ls:begin[component-1722252325664]--><style>#iw_comp1722252325664{}</stmediumStuck loading state: loading indicator CSS class on <div> persists after page readiness
<div class="iw_placeholder" id="iw_placeholder1553655066005">
<div class="iw_component" id="iw_comp1628129898739">
<!--ls:begin[component-1628129898739]--><style>#iw_comp1628129898739{}</stmediumStuck loading state: loading indicator CSS class on <div> persists after page readiness
<div class="iw_placeholder" id="iw_placeholder1553655066008">
<div class="iw_component" id="iw_comp1561765342453">
<!--ls:begin[component-1561765342453]--><style>#iw_comp1561765342453{}</stmediumStuck loading state: loading indicator CSS class on <div> persists after page readiness
<div class="iw_placeholder" id="iw_placeholder1553655066012">
<div class="iw_component" id="iw_comp1558391182283">
<!--ls:begin[component-1558391182283]--><style>#iw_comp1558391182283{}</stylmediumStuck loading state: loading indicator CSS class on <div> persists after page readiness
<div class="iw_placeholder" id="iw_placeholder1553655066002">
<div class="iw_component" id="iw_comp1528109900085">
<style>#iw_comp1528109900085{}</style><style>
.d-flex {
display: lowUsers should be able to zoom and scale the text up to 500%: Fix any of the following: <meta> tag limits zooming on mobile devices
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0">
Ensure <meta name="viewport"> can scale a significant amount. See: https://www.w3.org/WAI/WCAG22/quickref/
lowBroken link: https://accounts.miamidade.gov/myaccount/profile returned status 404 Not Found after 1 attempts
<a href="https://accounts.miamidade.gov/myaccount/profile">Update Profile</a>
lowBroken link: https://www.twitter.com/MiamiDadeCounty returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/MiamiDadeCounty">Miami-Dade County X - Opens a warning dialog</a>
lowPossible stuck loading animation: "spinner-dash" still running after page readiness
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
lowPossible stuck loading animation: "spinner-rotator" still running after page readiness
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
/global/webcasting/home.page25findings
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.
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
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<a href="https://feedback.miamidade.gov/jfe/form/SV_bEg8ZtnDNi1XVXw" class="sr-only" id="ada-survey">Assistive Technology Survey</a>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=building-development">Building & Development</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(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=animals-pets">Animals & Pets</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(2, 122, 187), text: rgba(0, 0, 0, 0.87)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#googtrans(en|en)" class="lang-en lang-select" data-lang="en">English</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(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=elections-voting">Elections & Voting</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(2, 122, 187), text: rgba(0, 0, 0, 0.87)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#googtrans(en|ht)" class="lang-es lang-select" data-lang="ht">Kreyòl Ayisyen</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(2, 122, 187), text: rgba(0, 0, 0, 0.87)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#googtrans(en|es)" class="lang-es lang-select" data-lang="es">Español</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(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=courts-records">Courts & 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(97, 97, 97), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=business-industry">Business & Industry</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(2, 122, 187), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#"><i class="fa fa-user"></i><span class="sr-only">User Icon Mobile</span></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(2, 122, 187), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.miamidade.gov/global/logout.page" class="logoutAPI">Sign Out</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumClicking "No" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button class="QSI__EmbeddedFeedbackContainer_TextButton" title="No" style="font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: 1e
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumBroken link: https://www.miamidade.gov/global/self-service.page returned status 404 Not Found after 1 attempts
<a href="https://www.miamidade.gov/global/self-service.page">Self-Service</a>
mediumBroken link: https://www.miamidade.gov/global/login.page returned status 404 Not Found after 1 attempts
<a href="https://www.miamidade.gov/global/login.page">Login</a>
mediumBroken link: https://www.miamidade.gov/global/logout.page returned status 404 Not Found after 1 attempts
<a href="https://www.miamidade.gov/global/logout.page">Sign Out</a>
mediumStuck loading state: loading indicator CSS class on <div> persists after page readiness
<div class="iw_placeholder" id="iw_placeholder1553655066009">
<div class="iw_component" id="iw_comp1587516713639">
<!--ls:begin[component-1587516713639]--><style>#iw_comp1587516713639{}mediumStuck loading state: loading indicator CSS class on <div> persists after page readiness
<div class="iw_placeholder" id="iw_placeholder1553655066010">
<div class="iw_component" id="iw_comp1605727175036">
<!--ls:begin[component-1605727175036]--><style>#iw_comp1605727175036{}mediumStuck loading state: loading indicator CSS class on <div> persists after page readiness
<div class="iw_placeholder" id="iw_placeholder1553655066005">
<div class="iw_component" id="iw_comp1587516713378">
<style>#iw_comp1587516713378{}</style><style>
@media (min-width: 1266px) lowUsers should be able to zoom and scale the text up to 500%: Fix any of the following: <meta> tag limits zooming on mobile devices
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0">
Ensure <meta name="viewport"> can scale a significant amount. See: https://www.w3.org/WAI/WCAG22/quickref/
lowBroken link: https://www.twitter.com/MiamiDadeCounty returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/MiamiDadeCounty">Miami-Dade County X - Opens a warning dialog</a>
lowBroken link: https://accounts.miamidade.gov/myaccount/profile returned status 404 Not Found after 1 attempts
<a href="https://accounts.miamidade.gov/myaccount/profile">Update Profile</a>
lowPossible stuck loading animation: "spinner-dash" still running after page readiness
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
lowPossible stuck loading animation: "spinner-rotator" still running after page readiness
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
/97698a1d-dfd7-4231-aa5b-dd1089aea1b1/b2c_1a_signupsignin/oauth2/v2.0/authorize?response_type=code&client_id=8604f194-1449-4e38-83a2-13625e403cb2&redirect_uri=https%3A%2F%2Fwww.miamidade.gov%2Fglobal%2Flogin.page&scope=openid+profile+email+phone+address+8604f194-1449-4e38-83a2-13625e403cb25findings
highPage has no detectable navigation mechanisms (no <nav>, search, sitemap link, breadcrumbs, or table of contents). Users need multiple ways to locate content.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="mdc-header">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="mdc-footer">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumNavigation region "nav" (present on www.miamidade.gov) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav -->
Ensure the "nav" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumBroken link: https://accounts.miamidade.gov/97698a1d-dfd7-4231-aa5b-dd1089aea1b1/B2C_1A_SignUpSignIn/api/CombinedSigninAndSignup/unified?local=signup&csrf_token=SHNBTVpkU0NUSGQrYU9ieG1wcEhYS091QVJJU3ppTDJnUzZnRWFVVVpuYUJBaHdaN1VMLzJlK1l5eHBXcjZLN1VMcjVjQWVMNzNnL01yM1Axc3VTdVE9PTsyMDI2LTA0LTI4VDE3OjEzOjM1Ljg5Mzc0MzdaOzlYY2tpY3RsbzZuL0lNOWg0T2NYd3c9PTt7Ik9yY2hlc3RyYXRpb25TdGVwIjoxfQ==&tx=StateProperties=eyJUSUQiOiJlZWY2YjMzNy0yOGRhLTQxOTUtODFiZi0wMWE3NzEzZGUzNWYifQ&p=B2C_1A_SignUpSignIn returned status 404 Not Found after 1 attempts
<a href="https://accounts.miamidade.gov/97698a1d-dfd7-4231-aa5b-dd1089aea1b1/B2C_1A_SignUpSignIn/api/CombinedSigninAndSignup/unified?local=signup&csrf_token=SHNBTVpkU0NUSGQrYU9ieG1wcEhYS091QVJJU3ppTDJnUzZnRWFVVVpuYUJBaHdaN1VMLzJlK1l5eHBXcjZLN1VMcjVjQWVMNzNnL01yM1Axc3VTdVE9PTsyMDI2LTA0LTI4VDE3OjEzOjM1Ljg5Mzc0MzdaOzlYY2tpY3RsbzZuL0lNOWg0T2NYd3c9PTt7Ik9yY2hlc3RyYXRpb25TdGVwIjoxfQ==&tx=StateProperties=eyJUSUQiOiJlZWY2YjMzNy0yOGRhLTQxOTUtODFiZi0wMWE3NzEzZGUzNWYifQ&p=B2C_1A_SignUpSignIn">S
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.