Sonde
Accessibility Health Check
https://miamidade.gov
Sonde ScoreHigher is better
Getting Started0–349Needs Attention350–549Progressing550–749Strong750–899Excellent900–1000
Excellent
https://daylight.sonde.tech/usgov/miamidade-gov/
Miami-Dade County
Sonde ScoreHigher is better
Getting Started0–349Needs Attention350–549Progressing550–749Strong750–899Excellent900–1000
Excellent
Executive Summary
Top Findings
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Focus 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
Element:
<a>Jump to Top Services section</a>
high Missing Strict-Transport-Security header (HSTS)
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div class="mdc-header">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div class="mdc-footer">
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="https://feedback.miamidade.gov/jfe/form/SV_bEg8ZtnDNi1XVXw" class="sr-only" id="ada-survey">Assistive Technology Survey</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 class="spacing " id="BoardofCountyCommissioners">
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="https://feedback.miamidade.gov/jfe/form/SV_bEg8ZtnDNi1XVXw" class="sr-only" id="ada-survey">Assistive Technology Survey</a>
medium Link 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
Element:
<a href="#googtrans(en|en)" class="lang-en lang-select" data-lang="en">English</a>
medium Link 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
Element:
<a href="#googtrans(en|es)" class="lang-es lang-select" data-lang="es">Español</a>
medium Link 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
Element:
<a href="#googtrans(en|ht)" class="lang-es lang-select" data-lang="ht">Kreyòl Ayisyen</a>
medium Link 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
Element:
<a href="#"><i class="fa fa-user"></i><span class="sr-only">User Icon Mobile</span></a>
medium Link 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
Element:
<a href="https://www.miamidade.gov/global/logout.page" class="logoutAPI">Sign Out</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=animals-pets">Animals & Pets</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=building-development">Building & Development</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=business-industry">Business & Industry</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=courts-records">Courts & Records</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=elections-voting">Elections & Voting</a>
medium Link 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
Element:
<a href="#googtrans(en|en)" class="lang-en lang-select" data-lang="en">English</a>
medium Link 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
Element:
<a href="#googtrans(en|es)" class="lang-es lang-select" data-lang="es">Español</a>
medium Link 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
Element:
<a href="#googtrans(en|ht)" class="lang-es lang-select" data-lang="ht">Kreyòl Ayisyen</a>
medium Link 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
Element:
<a href="#"><i class="fa fa-user"></i><span class="sr-only">User Icon Mobile</span></a>
medium Link 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
Element:
<a href="https://www.miamidade.gov/global/logout.page" class="logoutAPI">Sign Out</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=animals-pets">Animals & Pets</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=building-development">Building & Development</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=business-industry">Business & Industry</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=courts-records">Courts & Records</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=elections-voting">Elections & Voting</a>
medium Insufficient color contrast: 3.95:1 (required: 4.5:1 for normal text). Foreground: rgb(0, 0, 0), background: rgb(255, 255, 255). Effective opacity: 0.50. Text: "Back to top" WCAG 1.4.3
Element:
<span class="sr-only">Back to top</span>
medium Navigation region "Menu Login User Icon Mobile Self-Service Update Profile Content Preferences Sign Out | Sign Out Search Mobile Search Services & Information Interest Categories Animals & Pets Building & Development Business & Industry Courts & Records Elections & Voting Environment & Resilience Home & Property Housing & Social Services Jobs & Employment Public Safety Recreation & Culture Travel & Transportation A-Z of Services & Information Online Services Bulky Waste Pickup County Jobs Inmate Search Pay Taxes Property Search Transit Passes Pay Water Bill View Online Services News & Social Media News & Social Media Meetings & Events Miami-Dade TV Mobile Apps Press Releases Public Notices Social Media Read Latest News Create a new miamidade.gov account A miamidade.gov profile allows you to link to your Water and Sewer customer account, as well as subscribe to a variety of news and alert services. Receive weekly news & events, public notices, recycling reminders, grant opportunities, emergency alerts, transit rider alerts and more. Sign Up Now Your Government Elected Officials Office of the Mayor Board of County Commissioners Constitutional Offices A-Z of Elected Officials County Agencies Departments Offices Boards Trusts A-Z of County Agencies Public Records & Open Data Audit Reports County Budget Government Meetings Legislative Information Public Records Search More Data Employees Employee Portal County Jobs Employee Benefits Employee Discounts Human Rights & Fair Employment Labor Relations Pay & Compensation Training & Development I THRIVE WellnessWorks Visit the Employee Portal My Employee Portal Employees can login to access personnel information, workplace tools, trainings and more. Employee Login Search Desktop Search Login User Icon Self-Service Update Profile Content Preferences Sign Out | Sign Out" is present on https://www.miamidade.gov/global/home.page but missing on https://accounts.miamidade.gov/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-13625e403cb2. Navigation should appear consistently across pages in the same site set. WCAG 3.2.3
Element:
<!-- missing: nav -->
medium The same link functionality is identified as "Skip to Primary Content" on https://www.miamidade.gov/global/home.page and "Translate arrow_drop_down" on https://www.miamidade.gov/global/home.page. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a aria-expanded="false" class="dropdown-button btn dropdown-button--language" href="#" data-activates="language2" style="margin-left:0; padding-right: 0;" data-la-node-captured="true" data-sonde-contrast-state-id="sonde-contrast-state-4" data-sonde-contrast-state-owned="true">Translate <i aria-hidden="true" class="large material-icons">arrow_drop_down</i></a>
medium The same searchbox functionality is identified as "Mobile Search" on https://www.miamidade.gov/global/home.page and "Desktop Search" on https://www.miamidade.gov/global/home.page. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<input type="search" name="q" placeholder="Search miamidade.gov" aria-labelledby="mainDesktopSearch" class="desktop-main-search__search">
medium The same link functionality is identified as "Feedback" on https://www.miamidade.gov/global/home.page and "Feedbackchat" on https://www.miamidade.gov/global/home.page. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a id="feedback" href="https://miamidadecounty.co1.qualtrics.com/jfe/form/SV_ehUyWHof5ekicZL" target="_blank"><span>Feedback</span><div class="material-icons">chat</div></a>
medium The same link functionality is identified as "GovMeetings" on https://www.miamidade.gov/global/home.page and "Skip to Primary Content" on https://www.miamidade.gov/global/webcasting/home.page. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#main-content" class="btn white skip-nav sr-only sr-only-focusable" id="skipNavMain">Skip to Primary Content</a>
medium The same searchbox functionality is identified as "Mobile Search" on https://www.miamidade.gov/global/home.page and "Desktop Search" on https://www.miamidade.gov/global/webcasting/home.page. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<input type="search" name="q" placeholder="Search miamidade.gov" aria-labelledby="mainDesktopSearch" class="desktop-main-search__search">
medium The same link functionality is identified as "Feedback" on https://www.miamidade.gov/global/home.page and "Feedbackchat" on https://www.miamidade.gov/global/webcasting/home.page. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a id="feedback" href="https://miamidadecounty.co1.qualtrics.com/jfe/form/SV_ehUyWHof5ekicZL" target="_blank"><span>Feedback</span><div class="material-icons">chat</div></a>
medium "Jump to Report a Problem section" is visually at position 2 but receives focus at position 23 (drift: 21). WCAG 2.4.3
Element:
<a>Jump to Report a Problem section</a>
medium "Jump to Public Records section" is visually at position 3 but receives focus at position 24 (drift: 21). WCAG 2.4.3
Element:
<a>Jump to Public Records section</a>
medium "Jump to Latest News section" is visually at position 4 but receives focus at position 25 (drift: 21). WCAG 2.4.3
Element:
<a>Jump to Latest News section</a>
medium "Jump to Watch Videos section" is visually at position 5 but receives focus at position 26 (drift: 21). WCAG 2.4.3
Element:
<a>Jump to Watch Videos section</a>
medium "Jump to Elected Officials section" is visually at position 6 but receives focus at position 27 (drift: 21). WCAG 2.4.3
Element:
<a>Jump to Elected Officials section</a>
medium Broken link: https://accounts.miamidade.gov/97698a1d-dfd7-4231-aa5b-dd1089aea1b1/B2C_1A_SignUpSignIn/api/CombinedSigninAndSignup/unified returned status 404 Not Found after 1 attempts
Element:
<a href="https://accounts.miamidade.gov/97698a1d-dfd7-4231-aa5b-dd1089aea1b1/B2C_1A_SignUpSignIn/api/CombinedSigninAndSignup/unified">Sign up now</a>
medium Broken link: https://www.miamidade.gov/global/login.page returned status 404 Not Found after 1 attempts
Element:
<a href="https://www.miamidade.gov/global/login.page">Login</a>
medium Broken link: https://www.miamidade.gov/global/logout.page returned status 404 Not Found after 1 attempts
Element:
<a href="https://www.miamidade.gov/global/logout.page">Sign Out</a>
medium Broken link: https://www.miamidade.gov/global/self-service.page returned status 404 Not Found after 1 attempts
Element:
<a href="https://www.miamidade.gov/global/self-service.page">Self-Service</a>
medium Broken link: https://www.miamidade.gov/global/login.page returned status 404 Not Found after 1 attempts
Element:
<a href="https://www.miamidade.gov/global/login.page">Login</a>
medium Broken link: https://www.miamidade.gov/global/logout.page returned status 404 Not Found after 1 attempts
Element:
<a href="https://www.miamidade.gov/global/logout.page">Sign Out</a>
medium Broken link: https://www.miamidade.gov/global/self-service.page returned status 404 Not Found after 1 attempts
Element:
<a href="https://www.miamidade.gov/global/self-service.page">Self-Service</a>
medium Primary content surface "#api" is only 380px wide at Large monitor (2560px viewport). Sonde responsive contract expects ≥ 1152px on this tier. WCAG Sonde responsive contract
Element:
<#api>
medium Interactive control "#createAccount" is only 39px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#createAccount>
medium Interactive control "#next" is only 39px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#next>
medium Page requires horizontal scrolling at Modern phone (390px width, 1px overflow). Content should reflow without horizontal scrolling. WCAG Sonde responsive contract
Element:
<html lang="und">
medium Page requires horizontal scrolling at Phone SE (320px width, 1px overflow). Content should reflow without horizontal scrolling. WCAG 1.4.10
Element:
<html lang="und">
medium Interactive control "#ada-survey" is only 1px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#ada-survey>
medium Interactive control "#loginId-mobile" is only 14px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#loginId-mobile>
medium Interactive control "#mobile-menu" is only 38px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#mobile-menu>
medium Interactive control "#skipNavMain" is only 1px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#skipNavMain>
medium Interactive control "a.dropdown-button.btn" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.dropdown-button.btn>
medium Content 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
Element:
<a href="https://feedback.miamidade.gov/jfe/form/SV_bEg8ZtnDNi1XVXw" class="sr-only" id="ada-survey">Assistive Technology Survey</a>
medium Content clipped by 34px 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 href="#main-content" class="btn white skip-nav sr-only sr-only-focusable" id="skipNavMain">Skip to Primary Content</a>
medium Content 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
Element:
<span class="sr-only">Back to top</span>
medium Missing X-Frame-Options header
medium Stuck loading state: loading indicator CSS class on <div> persists after page readiness
Element:
<div class="iw_placeholder" id="iw_placeholder1553655066002">
<div class="iw_component" id="iw_comp1528109900085">
<style>#iw_comp1528109900085{}</style><style>
.d-flex {
display: medium Stuck loading state: loading indicator CSS class on <div> persists after page readiness
Element:
<div class="iw_placeholder" id="iw_placeholder1553655066005">
<div class="iw_component" id="iw_comp1628129898739">
<!--ls:begin[component-1628129898739]--><style>#iw_comp1628129898739{}</stmedium Stuck loading state: loading indicator CSS class on <div> persists after page readiness
Element:
<div class="iw_placeholder" id="iw_placeholder1553655066008">
<div class="iw_component" id="iw_comp1775246368204">
<!--ls:begin[component-1775246368204]--><style>#iw_comp1775246368204{}</stmedium Stuck loading state: loading indicator CSS class on <div> persists after page readiness
Element:
<div class="iw_placeholder" id="iw_placeholder1553655066011">
<div class="iw_component" id="iw_comp1722252325664">
<!--ls:begin[component-1722252325664]--><style>#iw_comp1722252325664{}</stmedium Stuck loading state: loading indicator CSS class on <div> persists after page readiness
Element:
<div class="iw_placeholder" id="iw_placeholder1553655066012">
<div class="iw_component" id="iw_comp1558391182283">
<!--ls:begin[component-1558391182283]--><style>#iw_comp1558391182283{}</stylmedium Stuck loading state: loading indicator CSS class on <div> persists after page readiness
Element:
<div class="iw_placeholder" id="iw_placeholder1553655066005">
<div class="iw_component" id="iw_comp1587516713378">
<style>#iw_comp1595106022723{}</style><style>
@media (min-width: 1266px) medium Stuck loading state: loading indicator CSS class on <div> persists after page readiness
Element:
<div class="iw_placeholder" id="iw_placeholder1553655066009">
<div class="iw_component" id="iw_comp1587516713639">
<!--ls:begin[component-1587516713639]--><style>#iw_comp1587516713639{}medium Stuck loading state: loading indicator CSS class on <div> persists after page readiness
Element:
<div class="iw_placeholder" id="iw_placeholder1553655066010">
<div class="iw_component" id="iw_comp1605727175036">
<!--ls:begin[component-1605727175036]--><style>#iw_comp1605727175036{}low Broken link: https://accounts.miamidade.gov/myaccount/profile returned status 404 Not Found after 1 attempts
Element:
<a href="https://accounts.miamidade.gov/myaccount/profile">Update Profile</a>
low Broken link: https://mdctaxcollector.gov/ returned status 403 Forbidden after 1 attempts
Element:
<a href="https://mdctaxcollector.gov/">Pay Taxes</a>
low Broken link: https://accounts.miamidade.gov/myaccount/profile returned status 404 Not Found after 1 attempts
Element:
<a href="https://accounts.miamidade.gov/myaccount/profile">Update Profile</a>
low Possible stuck loading animation: "spinner-rotator" still running after page readiness
Element:
<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
low Possible stuck loading animation: "spinner-dash" still running after page readiness
Element:
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
Best Page Fix Opportunities
/global/home.page46findings
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Focus 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
Element:
<a>Jump to Top Services section</a>
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="https://feedback.miamidade.gov/jfe/form/SV_bEg8ZtnDNi1XVXw" class="sr-only" id="ada-survey">Assistive Technology Survey</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 class="spacing " id="BoardofCountyCommissioners">
medium Link 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
Element:
<a href="#googtrans(en|en)" class="lang-en lang-select" data-lang="en">English</a>
medium Link 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
Element:
<a href="#googtrans(en|es)" class="lang-es lang-select" data-lang="es">Español</a>
medium Link 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
Element:
<a href="#googtrans(en|ht)" class="lang-es lang-select" data-lang="ht">Kreyòl Ayisyen</a>
medium Link 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
Element:
<a href="#"><i class="fa fa-user"></i><span class="sr-only">User Icon Mobile</span></a>
medium Link 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
Element:
<a href="https://www.miamidade.gov/global/logout.page" class="logoutAPI">Sign Out</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=animals-pets">Animals & Pets</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=building-development">Building & Development</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=business-industry">Business & Industry</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=courts-records">Courts & Records</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=elections-voting">Elections & Voting</a>
medium Insufficient color contrast: 3.95:1 (required: 4.5:1 for normal text). Foreground: rgb(0, 0, 0), background: rgb(255, 255, 255). Effective opacity: 0.50. Text: "Back to top" WCAG 1.4.3
Element:
<span class="sr-only">Back to top</span>
medium The same link functionality is identified as "Skip to Primary Content" on https://www.miamidade.gov/global/home.page and "Translate arrow_drop_down" on https://www.miamidade.gov/global/home.page. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a aria-expanded="false" class="dropdown-button btn dropdown-button--language" href="#" data-activates="language2" style="margin-left:0; padding-right: 0;" data-la-node-captured="true" data-sonde-contrast-state-id="sonde-contrast-state-4" data-sonde-contrast-state-owned="true">Translate <i aria-hidden="true" class="large material-icons">arrow_drop_down</i></a>
medium The same searchbox functionality is identified as "Mobile Search" on https://www.miamidade.gov/global/home.page and "Desktop Search" on https://www.miamidade.gov/global/home.page. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<input type="search" name="q" placeholder="Search miamidade.gov" aria-labelledby="mainDesktopSearch" class="desktop-main-search__search">
medium The same link functionality is identified as "Feedback" on https://www.miamidade.gov/global/home.page and "Feedbackchat" on https://www.miamidade.gov/global/home.page. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a id="feedback" href="https://miamidadecounty.co1.qualtrics.com/jfe/form/SV_ehUyWHof5ekicZL" target="_blank"><span>Feedback</span><div class="material-icons">chat</div></a>
medium "Jump to Report a Problem section" is visually at position 2 but receives focus at position 23 (drift: 21). WCAG 2.4.3
Element:
<a>Jump to Report a Problem section</a>
medium "Jump to Public Records section" is visually at position 3 but receives focus at position 24 (drift: 21). WCAG 2.4.3
Element:
<a>Jump to Public Records section</a>
medium "Jump to Latest News section" is visually at position 4 but receives focus at position 25 (drift: 21). WCAG 2.4.3
Element:
<a>Jump to Latest News section</a>
medium "Jump to Watch Videos section" is visually at position 5 but receives focus at position 26 (drift: 21). WCAG 2.4.3
Element:
<a>Jump to Watch Videos section</a>
medium "Jump to Elected Officials section" is visually at position 6 but receives focus at position 27 (drift: 21). WCAG 2.4.3
Element:
<a>Jump to Elected Officials section</a>
medium Broken link: https://www.miamidade.gov/global/login.page returned status 404 Not Found after 1 attempts
Element:
<a href="https://www.miamidade.gov/global/login.page">Login</a>
medium Broken link: https://www.miamidade.gov/global/logout.page returned status 404 Not Found after 1 attempts
Element:
<a href="https://www.miamidade.gov/global/logout.page">Sign Out</a>
medium Broken link: https://www.miamidade.gov/global/self-service.page returned status 404 Not Found after 1 attempts
Element:
<a href="https://www.miamidade.gov/global/self-service.page">Self-Service</a>
medium Page requires horizontal scrolling at Modern phone (390px width, 1px overflow). Content should reflow without horizontal scrolling. WCAG Sonde responsive contract
Element:
<html lang="und">
medium Page requires horizontal scrolling at Phone SE (320px width, 1px overflow). Content should reflow without horizontal scrolling. WCAG 1.4.10
Element:
<html lang="und">
medium Interactive control "#ada-survey" is only 1px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#ada-survey>
medium Interactive control "#loginId-mobile" is only 14px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#loginId-mobile>
medium Interactive control "#mobile-menu" is only 38px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#mobile-menu>
medium Interactive control "#skipNavMain" is only 1px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#skipNavMain>
medium Interactive control "a.dropdown-button.btn" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.dropdown-button.btn>
medium Content 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
Element:
<a href="https://feedback.miamidade.gov/jfe/form/SV_bEg8ZtnDNi1XVXw" class="sr-only" id="ada-survey">Assistive Technology Survey</a>
medium Content clipped by 34px 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 href="#main-content" class="btn white skip-nav sr-only sr-only-focusable" id="skipNavMain">Skip to Primary Content</a>
medium Content 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
Element:
<span class="sr-only">Back to top</span>
medium Missing X-Frame-Options header
medium Stuck loading state: loading indicator CSS class on <div> persists after page readiness
Element:
<div class="iw_placeholder" id="iw_placeholder1553655066002">
<div class="iw_component" id="iw_comp1528109900085">
<style>#iw_comp1528109900085{}</style><style>
.d-flex {
display: medium Stuck loading state: loading indicator CSS class on <div> persists after page readiness
Element:
<div class="iw_placeholder" id="iw_placeholder1553655066005">
<div class="iw_component" id="iw_comp1628129898739">
<!--ls:begin[component-1628129898739]--><style>#iw_comp1628129898739{}</stmedium Stuck loading state: loading indicator CSS class on <div> persists after page readiness
Element:
<div class="iw_placeholder" id="iw_placeholder1553655066008">
<div class="iw_component" id="iw_comp1775246368204">
<!--ls:begin[component-1775246368204]--><style>#iw_comp1775246368204{}</stmedium Stuck loading state: loading indicator CSS class on <div> persists after page readiness
Element:
<div class="iw_placeholder" id="iw_placeholder1553655066011">
<div class="iw_component" id="iw_comp1722252325664">
<!--ls:begin[component-1722252325664]--><style>#iw_comp1722252325664{}</stmedium Stuck loading state: loading indicator CSS class on <div> persists after page readiness
Element:
<div class="iw_placeholder" id="iw_placeholder1553655066012">
<div class="iw_component" id="iw_comp1558391182283">
<!--ls:begin[component-1558391182283]--><style>#iw_comp1558391182283{}</styllow Broken link: https://accounts.miamidade.gov/myaccount/profile returned status 404 Not Found after 1 attempts
Element:
<a href="https://accounts.miamidade.gov/myaccount/profile">Update Profile</a>
low Broken link: https://mdctaxcollector.gov/ returned status 403 Forbidden after 1 attempts
Element:
<a href="https://mdctaxcollector.gov/">Pay Taxes</a>
low Possible stuck loading animation: "spinner-rotator" still running after page readiness
Element:
<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
low Possible stuck loading animation: "spinner-dash" still running after page readiness
Element:
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
/global/webcasting/home.page22findings
high Missing Strict-Transport-Security header (HSTS)
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="https://feedback.miamidade.gov/jfe/form/SV_bEg8ZtnDNi1XVXw" class="sr-only" id="ada-survey">Assistive Technology Survey</a>
medium Link 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
Element:
<a href="#googtrans(en|en)" class="lang-en lang-select" data-lang="en">English</a>
medium Link 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
Element:
<a href="#googtrans(en|es)" class="lang-es lang-select" data-lang="es">Español</a>
medium Link 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
Element:
<a href="#googtrans(en|ht)" class="lang-es lang-select" data-lang="ht">Kreyòl Ayisyen</a>
medium Link 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
Element:
<a href="#"><i class="fa fa-user"></i><span class="sr-only">User Icon Mobile</span></a>
medium Link 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
Element:
<a href="https://www.miamidade.gov/global/logout.page" class="logoutAPI">Sign Out</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=animals-pets">Animals & Pets</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=building-development">Building & Development</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=business-industry">Business & Industry</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=courts-records">Courts & Records</a>
medium Link 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
Element:
<a href="/global/navigation/service-index.page?INTERESTCATEGORY=elections-voting">Elections & Voting</a>
medium The same link functionality is identified as "GovMeetings" on https://www.miamidade.gov/global/home.page and "Skip to Primary Content" on https://www.miamidade.gov/global/webcasting/home.page. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#main-content" class="btn white skip-nav sr-only sr-only-focusable" id="skipNavMain">Skip to Primary Content</a>
medium The same searchbox functionality is identified as "Mobile Search" on https://www.miamidade.gov/global/home.page and "Desktop Search" on https://www.miamidade.gov/global/webcasting/home.page. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<input type="search" name="q" placeholder="Search miamidade.gov" aria-labelledby="mainDesktopSearch" class="desktop-main-search__search">
medium The same link functionality is identified as "Feedback" on https://www.miamidade.gov/global/home.page and "Feedbackchat" on https://www.miamidade.gov/global/webcasting/home.page. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a id="feedback" href="https://miamidadecounty.co1.qualtrics.com/jfe/form/SV_ehUyWHof5ekicZL" target="_blank"><span>Feedback</span><div class="material-icons">chat</div></a>
medium Broken link: https://www.miamidade.gov/global/login.page returned status 404 Not Found after 1 attempts
Element:
<a href="https://www.miamidade.gov/global/login.page">Login</a>
medium Broken link: https://www.miamidade.gov/global/logout.page returned status 404 Not Found after 1 attempts
Element:
<a href="https://www.miamidade.gov/global/logout.page">Sign Out</a>
medium Broken link: https://www.miamidade.gov/global/self-service.page returned status 404 Not Found after 1 attempts
Element:
<a href="https://www.miamidade.gov/global/self-service.page">Self-Service</a>
medium Stuck loading state: loading indicator CSS class on <div> persists after page readiness
Element:
<div class="iw_placeholder" id="iw_placeholder1553655066005">
<div class="iw_component" id="iw_comp1587516713378">
<style>#iw_comp1595106022723{}</style><style>
@media (min-width: 1266px) medium Stuck loading state: loading indicator CSS class on <div> persists after page readiness
Element:
<div class="iw_placeholder" id="iw_placeholder1553655066009">
<div class="iw_component" id="iw_comp1587516713639">
<!--ls:begin[component-1587516713639]--><style>#iw_comp1587516713639{}medium Stuck loading state: loading indicator CSS class on <div> persists after page readiness
Element:
<div class="iw_placeholder" id="iw_placeholder1553655066010">
<div class="iw_component" id="iw_comp1605727175036">
<!--ls:begin[component-1605727175036]--><style>#iw_comp1605727175036{}low Broken link: https://accounts.miamidade.gov/myaccount/profile returned status 404 Not Found after 1 attempts
Element:
<a href="https://accounts.miamidade.gov/myaccount/profile">Update Profile</a>
/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-13625e403cb27findings
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div class="mdc-header">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div class="mdc-footer">
medium Navigation region "Menu Login User Icon Mobile Self-Service Update Profile Content Preferences Sign Out | Sign Out Search Mobile Search Services & Information Interest Categories Animals & Pets Building & Development Business & Industry Courts & Records Elections & Voting Environment & Resilience Home & Property Housing & Social Services Jobs & Employment Public Safety Recreation & Culture Travel & Transportation A-Z of Services & Information Online Services Bulky Waste Pickup County Jobs Inmate Search Pay Taxes Property Search Transit Passes Pay Water Bill View Online Services News & Social Media News & Social Media Meetings & Events Miami-Dade TV Mobile Apps Press Releases Public Notices Social Media Read Latest News Create a new miamidade.gov account A miamidade.gov profile allows you to link to your Water and Sewer customer account, as well as subscribe to a variety of news and alert services. Receive weekly news & events, public notices, recycling reminders, grant opportunities, emergency alerts, transit rider alerts and more. Sign Up Now Your Government Elected Officials Office of the Mayor Board of County Commissioners Constitutional Offices A-Z of Elected Officials County Agencies Departments Offices Boards Trusts A-Z of County Agencies Public Records & Open Data Audit Reports County Budget Government Meetings Legislative Information Public Records Search More Data Employees Employee Portal County Jobs Employee Benefits Employee Discounts Human Rights & Fair Employment Labor Relations Pay & Compensation Training & Development I THRIVE WellnessWorks Visit the Employee Portal My Employee Portal Employees can login to access personnel information, workplace tools, trainings and more. Employee Login Search Desktop Search Login User Icon Self-Service Update Profile Content Preferences Sign Out | Sign Out" is present on https://www.miamidade.gov/global/home.page but missing on https://accounts.miamidade.gov/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-13625e403cb2. Navigation should appear consistently across pages in the same site set. WCAG 3.2.3
Element:
<!-- missing: nav -->
medium Broken link: https://accounts.miamidade.gov/97698a1d-dfd7-4231-aa5b-dd1089aea1b1/B2C_1A_SignUpSignIn/api/CombinedSigninAndSignup/unified returned status 404 Not Found after 1 attempts
Element:
<a href="https://accounts.miamidade.gov/97698a1d-dfd7-4231-aa5b-dd1089aea1b1/B2C_1A_SignUpSignIn/api/CombinedSigninAndSignup/unified">Sign up now</a>
medium Primary content surface "#api" is only 380px wide at Large monitor (2560px viewport). Sonde responsive contract expects ≥ 1152px on this tier. WCAG Sonde responsive contract
Element:
<#api>
medium Interactive control "#createAccount" is only 39px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#createAccount>
medium Interactive control "#next" is only 39px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#next>
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.