Accessibility Health Check
https://nola.gov
Excellent
https://daylight.sonde.life/usgov/nola-gov/
Excellent
Executive Summary
Top Findings
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "View all news"WCAG 1.4.3
<a href="/next/news" class="text-white">View all news</a>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.15:1 (required: 3:1 for large text). Foreground: rgb(33, 37, 41), background: rgb(31, 46, 79). Text: "Sub Menu Toggle"WCAG 1.4.3
<span class="sr-only">Sub Menu Toggle</span>
Current ratio: 1.15:1 (need 3:1). Change foreground from #212529 to #73787c (ratio: 3.0:1). Or change background from #1f2e4f to #000000. 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: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Today's Events"WCAG 1.4.3
<h2 class="text-white text-uppercase">Today's Events</h2>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0: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.
highForm elements should have a visible label: Fix all of the following: Only title used to generate label for form element
<input class="form-control hint" autocomplete="off" type="text" tabindex="-1" title="wy-hint">
Ensure that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #c89117, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a href="https://nola311.org/faq/">Frequently asked questions</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #c89117, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a href="https://nola311.org/service-request/">Submit a request online</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #c89117, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a href="https://explore.nola.gov">Explore all requests</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #c89117, font size: 16.5pt (22px), font weight: bold). Expected contrast ratio of 3:1WCAG 1.4.3
<h3 class="card-title">City Hall Hours</h3>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #c89117, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a class="btn btn-gold btn-lg" href="/next/services">Find More Services & Information</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #c89117, font size: 16.5pt (22px), font weight: bold). Expected contrast ratio of 3:1WCAG 1.4.3
<h3 class="card-title">311</h3>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #c89117, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<p class="mt-3">Monday–Friday<br>8:00AM–5:00PM</p>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #c89117, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<p>1300 Perdido St<br>New Orleans, LA 70112</p>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highForm elements should have a visible label: Fix all of the following: Only title used to generate label for form element
<input class="form-control hint" autocomplete="off" type="text" tabindex="-1" title="wy-hint">
Ensure that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #c89117, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a href="https://nola311.org/service-request-status/">Look up a request</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highForm elements should have a visible label: Fix all of the following: Only title used to generate label for form element
<input class="form-control hint" autocomplete="off" type="text" tabindex="-1" title="wy-hint">
Ensure that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes. See: https://www.w3.org/WAI/WCAG22/quickref/
highInsufficient color contrast: 2.79:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(200, 145, 23). Text: "Submit a request online"WCAG 1.4.3
<a href="https://nola311.org/service-request/">Submit a request online</a>
Current ratio: 2.79:1 (need 4.5:1). Change foreground from #ffffff to #343333 (ratio: 4.5:1).
highInsufficient color contrast: 2.79:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(200, 145, 23). Text: "City Hall Hours"WCAG 1.4.3
<h3 class="card-title">City Hall Hours</h3>
Current ratio: 2.79:1 (need 3:1). Change foreground from #ffffff to #4e4d4d (ratio: 3.0:1).
highInsufficient color contrast: 2.79:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(200, 145, 23). Text: "1300 Perdido StNew Orleans, LA 70112"WCAG 1.4.3
<p>1300 Perdido St<br>New Orleans, LA 70112</p>
Current ratio: 2.79:1 (need 4.5:1). Change foreground from #ffffff to #343333 (ratio: 4.5:1).
highInsufficient color contrast: 2.79:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(200, 145, 23). Text: "Monday–Friday8:00AM–5:00PM"WCAG 1.4.3
<p class="mt-3">Monday–Friday<br>8:00AM–5:00PM</p>
Current ratio: 2.79:1 (need 4.5:1). Change foreground from #ffffff to #343333 (ratio: 4.5:1).
highInsufficient color contrast: 2.79:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(200, 145, 23). Text: "Find More Services & Information"WCAG 1.4.3
<a class="btn btn-gold btn-lg" href="/next/services">Find More Services & Information</a>
Current ratio: 2.79:1 (need 4.5:1). Change foreground from #ffffff to #343333 (ratio: 4.5:1).
highFocus jumps backward from "Skip to main content" to "#form > header > div:nth-of-type(1) > div:nth-of-type(1) > div > div:nth-of-type(1) > div > a" (visual distance: 363px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a></a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Find open data" to "Submit a request online" (visual distance: 775px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Submit a request online</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.
highFocus jumps backward from "Skip to main content" to "#form > header > div > div:nth-of-type(1) > div > div:nth-of-type(1) > div > a" (visual distance: 363px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a></a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "RoadWork" to "Data" (visual distance: 857px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Data</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Skip to main content" to "#form > header > div:nth-of-type(1) > div:nth-of-type(1) > div > div:nth-of-type(1) > div > a" (visual distance: 363px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a></a>
Reorder elements in the DOM to match the visual layout.
highPage requires horizontal scrolling at 320px width (139px 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.
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-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
mediumPage has 2 "navigation" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 navigation landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="cookie-banner show">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumPage should contain a level-one heading: Fix all of the following: Page must have a level-one heading
<html lang="en" style="height: 100%;">
Ensure that the page, or at least one of its frames contains a level-one heading. 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="cookie-banner show">
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="cookie-banner show">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
<nav class="navbar navbar-expand-lg">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink timeout: https://nola.gov/NEXT/Health-Plan did not respond within 5000ms after 2 attempts
<a href="https://nola.gov/NEXT/Health-Plan"></a>
mediumLink timeout: https://nola.gov/NEXT/Health-Plan did not respond within 5000ms after 2 attempts
<a href="https://nola.gov/NEXT/Health-Plan"></a>
mediumLink timeout: https://nola.gov/NEXT/Health-Plan did not respond within 5000ms after 2 attempts
<a href="https://nola.gov/NEXT/Health-Plan"></a>
mediumElement overflows viewport by 8px at 320px width.WCAG 1.4.10
<div class="btn-container"><a class="cookie-btn functional" id="only-necessary">Reject Additional Cookies</a> <a class="cookie-btn" id="accept-all">Accept All</a></div>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 23px 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 sr-only-focusable">Search</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 95px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<a href="#contentArea" class="skip-main">Skip to main content</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 23px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<label for="p_lt_WebPartZone12_zoneContent_pageplaceholder_p_lt_zoneContentArea_pageContent_ucEditableText_widget1_ctl00_plcUp_viewBiz_PhoneNumber_txt3rd" id="p_lt_WebPartZone12_zoneContent_pageplaceh
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 23px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<label for="p_lt_WebPartZone12_zoneContent_pageplaceholder_p_lt_zoneContentArea_pageContent_ucEditableText_widget1_ctl00_plcUp_viewBiz_PhoneNumber_txt2nd" id="p_lt_WebPartZone12_zoneContent_pageplaceh
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
lowLink timeout: https://nola.gov/next/departments did not respond within 5000ms after 2 attempts
<a href="https://nola.gov/next/departments">Departments</a>
lowBroken link: https://council.nola.gov/news/april-2026/criminal-justice-committee-meeting-summary/ returned status 404 Not Found after 1 attempts
<a href="https://council.nola.gov/news/april-2026/criminal-justice-committee-meeting-summary/">Criminal Justice Committee Meeting Summary</a>
lowLink timeout: https://nola.gov/next/services/parks-nature/parks-green-spaces#browse did not respond within 5000ms after 2 attempts
<a href="https://nola.gov/next/services/parks-nature/parks-green-spaces#browse">Permits and Rentals</a>
lowLink timeout: https://nola.gov/next/departments did not respond within 5000ms after 2 attempts
<a href="https://nola.gov/next/departments">Departments</a>
lowLink timeout: https://nola.gov/next/services/parks-nature/parks-green-spaces#browse did not respond within 5000ms after 2 attempts
<a href="https://nola.gov/next/services/parks-nature/parks-green-spaces#browse">Permits and Rentals</a>
lowBroken link: https://council.nola.gov/news/april-2026/criminal-justice-committee-meeting-summary/ returned status 404 Not Found after 1 attempts
<a href="https://council.nola.gov/news/april-2026/criminal-justice-committee-meeting-summary/">Criminal Justice Committee Meeting Summary</a>
lowBroken link: https://council.nola.gov/news/april-2026/criminal-justice-committee-meeting-summary/ returned status 404 Not Found after 1 attempts
<a href="https://council.nola.gov/news/april-2026/criminal-justice-committee-meeting-summary/">Criminal Justice Committee Meeting Summary</a>
lowLink timeout: https://nola.gov/next/services/parks-nature/parks-green-spaces#browse did not respond within 5000ms after 2 attempts
<a href="https://nola.gov/next/services/parks-nature/parks-green-spaces#browse">Permits and Rentals</a>
lowLink timeout: https://nola.gov/next/departments did not respond within 5000ms after 2 attempts
<a href="https://nola.gov/next/departments">Departments</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
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
/home/30findings
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "View all news"WCAG 1.4.3
<a href="/next/news" class="text-white">View all news</a>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.15:1 (required: 3:1 for large text). Foreground: rgb(33, 37, 41), background: rgb(31, 46, 79). Text: "Sub Menu Toggle"WCAG 1.4.3
<span class="sr-only">Sub Menu Toggle</span>
Current ratio: 1.15:1 (need 3:1). Change foreground from #212529 to #73787c (ratio: 3.0:1). Or change background from #1f2e4f to #000000. 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: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Today's Events"WCAG 1.4.3
<h2 class="text-white text-uppercase">Today's Events</h2>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0: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.
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #c89117, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a href="https://nola311.org/faq/">Frequently asked questions</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #c89117, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a href="https://nola311.org/service-request/">Submit a request online</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #c89117, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a href="https://explore.nola.gov">Explore all requests</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #c89117, font size: 16.5pt (22px), font weight: bold). Expected contrast ratio of 3:1WCAG 1.4.3
<h3 class="card-title">City Hall Hours</h3>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #c89117, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a class="btn btn-gold btn-lg" href="/next/services">Find More Services & Information</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #c89117, font size: 16.5pt (22px), font weight: bold). Expected contrast ratio of 3:1WCAG 1.4.3
<h3 class="card-title">311</h3>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #c89117, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<p class="mt-3">Monday–Friday<br>8:00AM–5:00PM</p>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #c89117, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<p>1300 Perdido St<br>New Orleans, LA 70112</p>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highForm elements should have a visible label: Fix all of the following: Only title used to generate label for form element
<input class="form-control hint" autocomplete="off" type="text" tabindex="-1" title="wy-hint">
Ensure that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes. See: https://www.w3.org/WAI/WCAG22/quickref/
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.79 (foreground color: #ffffff, background color: #c89117, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a href="https://nola311.org/service-request-status/">Look up a request</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highInsufficient color contrast: 2.79:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(200, 145, 23). Text: "Submit a request online"WCAG 1.4.3
<a href="https://nola311.org/service-request/">Submit a request online</a>
Current ratio: 2.79:1 (need 4.5:1). Change foreground from #ffffff to #343333 (ratio: 4.5:1).
highInsufficient color contrast: 2.79:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(200, 145, 23). Text: "City Hall Hours"WCAG 1.4.3
<h3 class="card-title">City Hall Hours</h3>
Current ratio: 2.79:1 (need 3:1). Change foreground from #ffffff to #4e4d4d (ratio: 3.0:1).
highInsufficient color contrast: 2.79:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(200, 145, 23). Text: "1300 Perdido StNew Orleans, LA 70112"WCAG 1.4.3
<p>1300 Perdido St<br>New Orleans, LA 70112</p>
Current ratio: 2.79:1 (need 4.5:1). Change foreground from #ffffff to #343333 (ratio: 4.5:1).
highInsufficient color contrast: 2.79:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(200, 145, 23). Text: "Monday–Friday8:00AM–5:00PM"WCAG 1.4.3
<p class="mt-3">Monday–Friday<br>8:00AM–5:00PM</p>
Current ratio: 2.79:1 (need 4.5:1). Change foreground from #ffffff to #343333 (ratio: 4.5:1).
highInsufficient color contrast: 2.79:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(200, 145, 23). Text: "Find More Services & Information"WCAG 1.4.3
<a class="btn btn-gold btn-lg" href="/next/services">Find More Services & Information</a>
Current ratio: 2.79:1 (need 4.5:1). Change foreground from #ffffff to #343333 (ratio: 4.5:1).
highFocus jumps backward from "Find open data" to "Submit a request online" (visual distance: 775px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Submit a request online</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.
highFocus jumps backward from "Skip to main content" to "#form > header > div > div:nth-of-type(1) > div > div:nth-of-type(1) > div > a" (visual distance: 363px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a></a>
Reorder elements in the DOM to match the visual layout.
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 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
mediumPage should contain a level-one heading: Fix all of the following: Page must have a level-one heading
<html lang="en" style="height: 100%;">
Ensure that the page, or at least one of its frames contains a level-one heading. 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="cookie-banner show">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink timeout: https://nola.gov/NEXT/Health-Plan did not respond within 5000ms after 2 attempts
<a href="https://nola.gov/NEXT/Health-Plan"></a>
lowLink timeout: https://nola.gov/next/departments did not respond within 5000ms after 2 attempts
<a href="https://nola.gov/next/departments">Departments</a>
lowLink timeout: https://nola.gov/next/services/parks-nature/parks-green-spaces#browse did not respond within 5000ms after 2 attempts
<a href="https://nola.gov/next/services/parks-nature/parks-green-spaces#browse">Permits and Rentals</a>
lowBroken link: https://council.nola.gov/news/april-2026/criminal-justice-committee-meeting-summary/ returned status 404 Not Found after 1 attempts
<a href="https://council.nola.gov/news/april-2026/criminal-justice-committee-meeting-summary/">Criminal Justice Committee Meeting Summary</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
/amnesty-late-fee-forgiveness-program/sign-up-for-text-alerts/16findings
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.
highForm elements should have a visible label: Fix all of the following: Only title used to generate label for form element
<input class="form-control hint" autocomplete="off" type="text" tabindex="-1" title="wy-hint">
Ensure that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes. See: https://www.w3.org/WAI/WCAG22/quickref/
highFocus jumps backward from "Skip to main content" to "#form > header > div:nth-of-type(1) > div:nth-of-type(1) > div > div:nth-of-type(1) > div > a" (visual distance: 363px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a></a>
Reorder elements in the DOM to match the visual layout.
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 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="cookie-banner show">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink timeout: https://nola.gov/NEXT/Health-Plan did not respond within 5000ms after 2 attempts
<a href="https://nola.gov/NEXT/Health-Plan"></a>
mediumElement overflows viewport by 8px at 320px width.WCAG 1.4.10
<div class="btn-container"><a class="cookie-btn functional" id="only-necessary">Reject Additional Cookies</a> <a class="cookie-btn" id="accept-all">Accept All</a></div>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 23px 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 sr-only-focusable">Search</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 95px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<a href="#contentArea" class="skip-main">Skip to main content</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 23px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<label for="p_lt_WebPartZone12_zoneContent_pageplaceholder_p_lt_zoneContentArea_pageContent_ucEditableText_widget1_ctl00_plcUp_viewBiz_PhoneNumber_txt3rd" id="p_lt_WebPartZone12_zoneContent_pageplaceh
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 23px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<label for="p_lt_WebPartZone12_zoneContent_pageplaceholder_p_lt_zoneContentArea_pageContent_ucEditableText_widget1_ctl00_plcUp_viewBiz_PhoneNumber_txt2nd" id="p_lt_WebPartZone12_zoneContent_pageplaceh
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
lowLink timeout: https://nola.gov/next/departments did not respond within 5000ms after 2 attempts
<a href="https://nola.gov/next/departments">Departments</a>
lowBroken link: https://council.nola.gov/news/april-2026/criminal-justice-committee-meeting-summary/ returned status 404 Not Found after 1 attempts
<a href="https://council.nola.gov/news/april-2026/criminal-justice-committee-meeting-summary/">Criminal Justice Committee Meeting Summary</a>
lowLink timeout: https://nola.gov/next/services/parks-nature/parks-green-spaces#browse did not respond within 5000ms after 2 attempts
<a href="https://nola.gov/next/services/parks-nature/parks-green-spaces#browse">Permits and Rentals</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
/next/apps/15findings
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.
highForm elements should have a visible label: Fix all of the following: Only title used to generate label for form element
<input class="form-control hint" autocomplete="off" type="text" tabindex="-1" title="wy-hint">
Ensure that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes. See: https://www.w3.org/WAI/WCAG22/quickref/
highFocus jumps backward from "RoadWork" to "Data" (visual distance: 857px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Data</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Skip to main content" to "#form > header > div:nth-of-type(1) > div:nth-of-type(1) > div > div:nth-of-type(1) > div > a" (visual distance: 363px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a></a>
Reorder elements in the DOM to match the visual layout.
highPage requires horizontal scrolling at 320px width (139px 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.
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 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
mediumPage has 2 "navigation" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 navigation landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="cookie-banner show">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
<nav class="navbar navbar-expand-lg">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink timeout: https://nola.gov/NEXT/Health-Plan did not respond within 5000ms after 2 attempts
<a href="https://nola.gov/NEXT/Health-Plan"></a>
lowBroken link: https://council.nola.gov/news/april-2026/criminal-justice-committee-meeting-summary/ returned status 404 Not Found after 1 attempts
<a href="https://council.nola.gov/news/april-2026/criminal-justice-committee-meeting-summary/">Criminal Justice Committee Meeting Summary</a>
lowLink timeout: https://nola.gov/next/services/parks-nature/parks-green-spaces#browse did not respond within 5000ms after 2 attempts
<a href="https://nola.gov/next/services/parks-nature/parks-green-spaces#browse">Permits and Rentals</a>
lowLink timeout: https://nola.gov/next/departments did not respond within 5000ms after 2 attempts
<a href="https://nola.gov/next/departments">Departments</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
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.