Accessibility Health Check
https://www.birminghamal.gov
Excellent
https://daylight.sonde.life/usgov/birminghamal-gov/
Excellent
Executive Summary
Top Findings
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (647.6px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.4px instead of at least 24px.WCAG 2.5.8
<a href="/government/mayors-o..." data-entity-type="node" data-entity-uuid="7f18f5bd-e81c-46ea-a..." data-entity-substitu...="canonical" title=" The Woodfin Way: A ...">
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (745.4px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.8px instead of at least 24px.WCAG 2.5.8
<a target="_blank" href="/archival-document?d...">
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (412.6px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.4px instead of at least 24px.WCAG 2.5.8
<a target="_blank" href="/archival-document?d...">
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (483.9px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px.WCAG 2.5.8
<a href="/node/855" data-entity-type="node" data-entity-uuid="cacfec2d-55ec-489d-954a-f2d2614df9d6" data-entity-substitution="canonical" title="Birmingham Comprehensive Plan">Birmingham Comprehensive ...
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (639.6px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px.WCAG 2.5.8
<a target="_blank" href="/archival-document?d...">
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (641px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.4px instead of at least 24px.WCAG 2.5.8
<a target="_blank" href="/archival-document?d...">
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (419.5px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.8px instead of at least 24px.WCAG 2.5.8
<a href="https://www.birminghamal.org/">Greater Birmingham Convention and Visitors Bureau</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (152.6px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px.WCAG 2.5.8
<a target="_blank" href="https://www.birmingham365.org/">Birmingham 365<i class="fa-arrow-up-right-from-square fa-regular undefined" aria-label="(link is external)"></i></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (243px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.4px instead of at least 24px.WCAG 2.5.8
<a target="_blank" href="https://birminghamhasmore.com/">Greater Birmingham Region<i class="fa-arrow-up-right-from-square fa-regular undefined" aria-label="(link is external)"></i></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (371.9px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.8px instead of at least 24px.WCAG 2.5.8
<a target="_blank" href="https://www.nps.gov/bicr/index.htm">Birmingham Civil Rights National Monument<i class="fa-arrow-up-right-from-square fa-regular undefined" aria-label="(link is external)"></i>...
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (259.8px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.8px instead of at least 24px.WCAG 2.5.8
<a target="_blank" href="https://www.birminghambusinessalliance.com/">Birmingham Business Alliance<i class="fa-arrow-up-right-from-square fa-regular undefined" aria-label="(link is external)"></i></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highConsole warning: Div for inline form "BOLD" is missing. Was inline code installed?
https://static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js:29mediumAdd a Content-Security-Policy header with appropriate directives
highConsole warning: Div for inline form "BOLD" is missing. Was inline code installed?
https://static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js:29mediumAdd Strict-Transport-Security header with max-age of at least 31536000 Add X-Frame-Options: DENY or SAMEORIGIN Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highConsole warning: Div for inline form "BOLD" is missing. Was inline code installed?
https://static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js:29mediumAdd Strict-Transport-Security header with max-age of at least 31536000 Add X-Frame-Options: DENY or SAMEORIGIN Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highConsole warning: Div for inline form "BOLD" is missing. Was inline code installed?
https://static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js:29mediumAdd Strict-Transport-Security header with max-age of at least 31536000 Add X-Frame-Options: DENY or SAMEORIGIN Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highFocus jumps backward from "Accommodation Policy" to "Submit A Service Request" (visual distance: 902px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<h2>Submit A Service Request</h2>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Safety Tips" to "Motto" (visual distance: 812px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<h2>Motto</h2>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Woodfin 100" to "See How The Poster Series Came Together" (visual distance: 573px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>See How The Poster Series Came Together</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Woodfin 100" to "Dear Birmingham," (visual distance: 1046px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<h2>Dear Birmingham,</h2>
Reorder elements in the DOM to match the visual layout.
highPage requires horizontal scrolling at 320px width (505px 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.
mediumPage should contain a level-one heading: Fix all of the following: Page must have a level-one heading
<html lang="en" translate="no">
Ensure that the page, or at least one of its frames contains a level-one heading. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3 class="mb-4 text-black dark:text-white">About Birmingham</h3>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h4>Report pothole repairs, blocked storm drains, broken traffic signals, illegal dumping, missed trash, and other issues.</h4>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h4><strong>Goal of the CrossPlex</strong></h4>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h4><strong>The Birmingham Police Department is comprised of four major bureaus:</strong></h4>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3><strong>The City of Birmingham launched a yearlong poster series to commemorate the 1963 Birmingham campaign for civil and human rights.</strong></h3>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h4>The Woodfin Way: A Strategic Plan for Progress identifies six strategic goals:</h4>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3 class="mb-4 text-black dark:text-white">Report A Problem</h3>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3>“Birmingham is and has always been a city for builders, from steel mills to start-ups. We are as strong as the steel that first built our economy, as we move forward to create better ways to...
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3 class="mb-4 text-black dark:text-white">Birmingham365</h3>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3 class="mb-4 text-black dark:text-white">Public Works and Construction Bids</h3>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumInsufficient color contrast: 3.14:1 (required: 4.5:1 for normal text). Foreground: rgb(245, 70, 59), background: rgb(27, 58, 104). Text: "Sorry, we could not complete your sign-up. Please contact us"WCAG 1.4.3
<p class="ctct-form-errorMessage">Sorry, we could not complete your sign-up. Please contact us to resolve this.</p>
Current ratio: 3.14:1 (need 4.5:1). Change foreground from #f5463b to #ff7c6d (ratio: 4.5:1).
mediumBroken link: https://www.birminghamal.gov/legacy-business-program returned status 404 Not Found after 1 attempts
<a href="https://www.birminghamal.gov/legacy-business-program">Legacy Business Program</a>
mediumBroken link: https://www.birminghamal.gov/node/855 returned status 404 Not Found after 1 attempts
<a href="https://www.birminghamal.gov/node/855">Birmingham Comprehensive Framework Plan (October 2013)</a>
mediumBroken link: https://www.birminghamal.gov/node/855 returned status 404 Not Found after 1 attempts
<a href="https://www.birminghamal.gov/node/855">Comprehensive PlanA 20-year policy and strategic guide for future decision makin</a>
mediumContent clipped by 95px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<a class="absolute overflow-hidden h-[1px] w-[1px] focus:static focus:w-auto focus:h-auto focus:border-2 focus:border-black" tabindex="0" href="/government/city-departments/birmingham-crossplex/about-
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 186px at 320px width.WCAG 1.4.10
<div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-bv19vtlx04pj" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-ori
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 186px at 320px width.WCAG 1.4.10
<div class="grecaptcha-error"></div>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 186px at 320px width.WCAG 1.4.10
<iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-bv19vtlx04pj" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-n
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 186px at 320px width.WCAG 1.4.10
<div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
lowConsole warning: Div for inline form "BOLD" is missing. Was inline code installed?
https://static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js:29mediumlowConsole warning: Div for inline form "BOLD" is missing. Was inline code installed?
https://static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js:29mediumlowConsole warning: Div for inline form "BOLD" is missing. Was inline code installed?
https://static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js:29mediumlowConsole warning: Div for inline form "BOLD" is missing. Was inline code installed?
https://static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js:29mediumlowConsole warning: Div for inline form "BOLD" is missing. Was inline code installed?
https://static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js:29mediumlowConsole warning: Div for inline form "BOLD" is missing. Was inline code installed?
https://static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js:29mediumlowConsole warning: Div for inline form "BOLD" is missing. Was inline code installed?
https://static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js:29mediumlowConsole warning: Div for inline form "BOLD" is missing. Was inline code installed?
https://static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js:29mediumlowDeep focus region: nav "Sidebar navigation" has 15 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<nav role="nav">Sidebar navigation</nav>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowBroken link: https://birminghamal.hdlgov.com/ returned status 403 Forbidden after 1 attempts
<a href="https://birminghamal.hdlgov.com/">Taxes and efiling</a>
lowBroken link: http://twitter.com/cityofbhamal returned status 520 <none> after 1 attempts
<a href="http://twitter.com/cityofbhamal"></a>
lowLink timeout: https://www.trafficpayment.com/SearchByInvoiceInfo.aspx?csdId=693 did not respond within 5000ms after 4 attempts
<a href="https://www.trafficpayment.com/SearchByInvoiceInfo.aspx?csdId=693">Traffic & Parking TicketsUse our online system to pay traffic and parking ticket</a>
lowBroken link: https://birminghamal.hdlgov.com/ returned status 403 Forbidden after 1 attempts
<a href="https://birminghamal.hdlgov.com/">Taxes and efiling</a>
lowBroken link: http://twitter.com/cityofbhamal returned status 520 <none> after 1 attempts
<a href="http://twitter.com/cityofbhamal"></a>
lowBroken link: https://birminghamal.hdlgov.com/ returned status 403 Forbidden after 1 attempts
<a href="https://birminghamal.hdlgov.com/">Taxes and efiling</a>
lowBroken link: http://twitter.com/cityofbhamal returned status 520 <none> after 1 attempts
<a href="http://twitter.com/cityofbhamal"></a>
lowLink timeout: https://www.alabama.gov/ did not respond within 5000ms after 6 attempts
<a href="https://www.alabama.gov/">Local, State & Federal Resources</a>
lowBroken link: https://birminghamal.hdlgov.com/ returned status 403 Forbidden after 1 attempts
<a href="https://birminghamal.hdlgov.com/">Taxes and efiling</a>
lowBroken link: http://twitter.com/cityofbhamal returned status 520 <none> after 1 attempts
<a href="http://twitter.com/cityofbhamal"></a>
lowBroken link: https://birminghamal.hdlgov.com/ returned status 403 Forbidden after 1 attempts
<a href="https://birminghamal.hdlgov.com/">Taxes and efiling</a>
lowBroken link: http://twitter.com/cityofbhamal returned status 520 <none> after 1 attempts
<a href="http://twitter.com/cityofbhamal"></a>
lowBroken link: https://www.tiktok.com/@cityofbhamal returned status 403 Forbidden after 1 attempts
<a href="https://www.tiktok.com/@cityofbhamal"></a>
lowBroken link: https://birminghamal.hdlgov.com/ returned status 403 Forbidden after 1 attempts
<a href="https://birminghamal.hdlgov.com/">Taxes and efiling</a>
lowBroken link: http://twitter.com/cityofbhamal returned status 520 <none> after 1 attempts
<a href="http://twitter.com/cityofbhamal"></a>
lowBroken link: http://twitter.com/cityofbhamal returned status 520 <none> after 1 attempts
<a href="http://twitter.com/cityofbhamal"></a>
lowBroken link: https://birminghamal.hdlgov.com/ returned status 403 Forbidden after 1 attempts
<a href="https://birminghamal.hdlgov.com/">Taxes and efiling</a>
lowBroken link: https://birminghamal.hdlgov.com/ returned status 403 Forbidden after 1 attempts
<a href="https://birminghamal.hdlgov.com/">Taxes and efiling</a>
lowBroken link: https://www.constantcontact.com/legal/service-provider returned status 403 Forbidden after 1 attempts
<a href="https://www.constantcontact.com/legal/service-provider">Emails are serviced by Constant Contact.</a>
lowBroken link: http://twitter.com/cityofbhamal returned status 520 <none> after 1 attempts
<a href="http://twitter.com/cityofbhamal"></a>
lowBroken link: https://birminghamal.hdlgov.com/ returned status 403 Forbidden after 1 attempts
<a href="https://birminghamal.hdlgov.com/">Taxes and efiling</a>
lowBroken link: http://twitter.com/cityofbhamal returned status 520 <none> after 1 attempts
<a href="http://twitter.com/cityofbhamal"></a>
lowBroken link: https://birminghamal.hdlgov.com/ returned status 403 Forbidden after 1 attempts
<a href="https://birminghamal.hdlgov.com/">Taxes and efiling</a>
lowBroken link: https://www.constantcontact.com/legal/service-provider returned status 403 Forbidden after 1 attempts
<a href="https://www.constantcontact.com/legal/service-provider">Emails are serviced by Constant Contact.</a>
lowBroken link: http://twitter.com/cityofbhamal returned status 520 <none> after 1 attempts
<a href="http://twitter.com/cityofbhamal"></a>
lowBroken link: http://twitter.com/cityofbhamal returned status 520 <none> after 1 attempts
<a href="http://twitter.com/cityofbhamal"></a>
lowBroken link: https://birminghamal.hdlgov.com/ returned status 403 Forbidden after 1 attempts
<a href="https://birminghamal.hdlgov.com/">Taxes and efiling</a>
lowBroken link: https://www.constantcontact.com/legal/service-provider returned status 403 Forbidden after 1 attempts
<a href="https://www.constantcontact.com/legal/service-provider">Emails are serviced by Constant Contact.</a>
lowBroken link: https://birminghamal.hdlgov.com/ returned status 403 Forbidden after 1 attempts
<a href="https://birminghamal.hdlgov.com/">Taxes and efilingFile your taxes or renew your business license through our onli</a>
lowBroken link: http://twitter.com/cityofbhamal returned status 520 <none> after 1 attempts
<a href="http://twitter.com/cityofbhamal"></a>
Best Page Fix Opportunities
/government/mayors-office/strategic-plan-progress-birmingham12findings
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (647.6px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.4px instead of at least 24px.WCAG 2.5.8
<a href="/government/mayors-o..." data-entity-type="node" data-entity-uuid="7f18f5bd-e81c-46ea-a..." data-entity-substitu...="canonical" title=" The Woodfin Way: A ...">
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (745.4px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.8px instead of at least 24px.WCAG 2.5.8
<a target="_blank" href="/archival-document?d...">
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (412.6px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.4px instead of at least 24px.WCAG 2.5.8
<a target="_blank" href="/archival-document?d...">
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (483.9px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px.WCAG 2.5.8
<a href="/node/855" data-entity-type="node" data-entity-uuid="cacfec2d-55ec-489d-954a-f2d2614df9d6" data-entity-substitution="canonical" title="Birmingham Comprehensive Plan">Birmingham Comprehensive ...
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (639.6px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px.WCAG 2.5.8
<a target="_blank" href="/archival-document?d...">
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (641px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.4px instead of at least 24px.WCAG 2.5.8
<a target="_blank" href="/archival-document?d...">
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highFocus jumps backward from "Woodfin 100" to "Dear Birmingham," (visual distance: 1046px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<h2>Dear Birmingham,</h2>
Reorder elements in the DOM to match the visual layout.
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h4>The Woodfin Way: A Strategic Plan for Progress identifies six strategic goals:</h4>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumBroken link: https://www.birminghamal.gov/node/855 returned status 404 Not Found after 1 attempts
<a href="https://www.birminghamal.gov/node/855">Birmingham Comprehensive Framework Plan (October 2013)</a>
lowConsole warning: Div for inline form "BOLD" is missing. Was inline code installed?
https://static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js:29mediumlowBroken link: http://twitter.com/cityofbhamal returned status 520 <none> after 1 attempts
<a href="http://twitter.com/cityofbhamal"></a>
lowBroken link: https://birminghamal.hdlgov.com/ returned status 403 Forbidden after 1 attempts
<a href="https://birminghamal.hdlgov.com/">Taxes and efiling</a>
/live10findings
highConsole warning: Div for inline form "BOLD" is missing. Was inline code installed?
https://static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js:29mediumAdd Strict-Transport-Security header with max-age of at least 31536000 Add X-Frame-Options: DENY or SAMEORIGIN Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3 class="mb-4 text-black dark:text-white">Report A Problem</h3>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumInsufficient color contrast: 3.14:1 (required: 4.5:1 for normal text). Foreground: rgb(245, 70, 59), background: rgb(27, 58, 104). Text: "Sorry, we could not complete your sign-up. Please contact us"WCAG 1.4.3
<p class="ctct-form-errorMessage">Sorry, we could not complete your sign-up. Please contact us to resolve this.</p>
Current ratio: 3.14:1 (need 4.5:1). Change foreground from #f5463b to #ff7c6d (ratio: 4.5:1).
mediumElement overflows viewport by 186px at 320px width.WCAG 1.4.10
<div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-bv19vtlx04pj" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-ori
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 186px at 320px width.WCAG 1.4.10
<div class="grecaptcha-error"></div>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 186px at 320px width.WCAG 1.4.10
<iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-bv19vtlx04pj" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-n
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 186px at 320px width.WCAG 1.4.10
<div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
lowBroken link: https://birminghamal.hdlgov.com/ returned status 403 Forbidden after 1 attempts
<a href="https://birminghamal.hdlgov.com/">Taxes and efiling</a>
lowBroken link: https://www.constantcontact.com/legal/service-provider returned status 403 Forbidden after 1 attempts
<a href="https://www.constantcontact.com/legal/service-provider">Emails are serviced by Constant Contact.</a>
lowBroken link: http://twitter.com/cityofbhamal returned status 520 <none> after 1 attempts
<a href="http://twitter.com/cityofbhamal"></a>
/live/about-birmingham9findings
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (419.5px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.8px instead of at least 24px.WCAG 2.5.8
<a href="https://www.birminghamal.org/">Greater Birmingham Convention and Visitors Bureau</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (152.6px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px.WCAG 2.5.8
<a target="_blank" href="https://www.birmingham365.org/">Birmingham 365<i class="fa-arrow-up-right-from-square fa-regular undefined" aria-label="(link is external)"></i></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (243px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.4px instead of at least 24px.WCAG 2.5.8
<a target="_blank" href="https://birminghamhasmore.com/">Greater Birmingham Region<i class="fa-arrow-up-right-from-square fa-regular undefined" aria-label="(link is external)"></i></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (371.9px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.8px instead of at least 24px.WCAG 2.5.8
<a target="_blank" href="https://www.nps.gov/bicr/index.htm">Birmingham Civil Rights National Monument<i class="fa-arrow-up-right-from-square fa-regular undefined" aria-label="(link is external)"></i>...
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (259.8px by 23px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.8px instead of at least 24px.WCAG 2.5.8
<a target="_blank" href="https://www.birminghambusinessalliance.com/">Birmingham Business Alliance<i class="fa-arrow-up-right-from-square fa-regular undefined" aria-label="(link is external)"></i></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3>“Birmingham is and has always been a city for builders, from steel mills to start-ups. We are as strong as the steel that first built our economy, as we move forward to create better ways to...
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
lowConsole warning: Div for inline form "BOLD" is missing. Was inline code installed?
https://static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js:29mediumlowBroken link: https://birminghamal.hdlgov.com/ returned status 403 Forbidden after 1 attempts
<a href="https://birminghamal.hdlgov.com/">Taxes and efiling</a>
lowBroken link: http://twitter.com/cityofbhamal returned status 520 <none> after 1 attempts
<a href="http://twitter.com/cityofbhamal"></a>
Methodology
The Sonde Score is a universal 0–1000 compliance index — think of it like a credit score for accessibility. Each finding is weighted by its impact on human access: a keyboard trap (critical) counts far more than a best-practice suggestion (low). The raw penalty is normalized per page so scores are comparable across sites of any size. A harmonic curve ensures every site gets a meaningful score — no zeros, no false perfection.
where S = sensitivity (750), P = Σ(weight × count), N = pages scanned
| Tier | Weight | Examples |
|---|---|---|
| Critical | 10 | Keyboard traps, missing page language |
| High | 3 | Missing alt text, insufficient contrast |
| Medium | 1 | Heading hierarchy, unclear link purpose |
| Low | 0.25 | Best-practice suggestions |
The Sonde Score is a living standard (v0.1). We’re building it in the open because accessibility is too important for closed-door decisions. Your expertise makes it better.
Enter Mission Control
Review raw findings data, track changes between scans, and contribute to Sonde’s open methodology.
Nominate a Site for the Daylight Index
Know a public website that should be on the accessibility leaderboard? Nominate it — we’ll scan it and publish the results.