Accessibility Health Check
https://burlingtonvt.gov
Excellent
https://daylight.sonde.life/usgov/burlingtonvt-gov/
Excellent
Executive Summary
Top Findings
criticalInteractive element with role="textbox" has no accessible name. Screen readers cannot identify this control.WCAG 4.1.2
<!-- a11y: role="textbox" -->
Add an accessible name using aria-label, aria-labelledby, or visible text content. WCAG 4.1.2 requires all interactive elements to have a programmatically determinable name.
criticalInteractive element with role="textbox" has no accessible name. Screen readers cannot identify this control.WCAG 4.1.2
<!-- a11y: role="textbox" -->
Add an accessible name using aria-label, aria-labelledby, or visible text content. WCAG 4.1.2 requires all interactive elements to have a programmatically determinable name.
criticalForm elements must have labels: Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"WCAG 4.1.2
<input name="EMAIL" type="email" value="" autocomplete="email" style="box-sizing: border-b...">
Ensure every form element has a label. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
criticalForm elements must have labels: Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"WCAG 4.1.2
<input name="EMAIL" type="email" value="" autocomplete="email" style="box-sizing: border-b...">
Ensure every form element has a label. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "28"WCAG 1.4.3
<time datetime="2026-04-28">28</time>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgba(0, 0, 0, 0), background: rgb(255, 255, 255). Text: "Select LanguageAbkhazAcehneseAcholiAfarAfrikaansAlbanianAlur"WCAG 1.4.3
<div class="skiptranslate goog-te-gadget" dir="ltr" style="" role="region" aria-label="Website Translation by Google Translate"><div id=":0.targetLanguage"><select class="goog-te-combo" aria-label="Se
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgba(0, 0, 0, 0), background: rgb(255, 255, 255). Text: "Select LanguageAbkhazAcehneseAcholiAfarAfrikaansAlbanianAlur"WCAG 1.4.3
<div class="skiptranslate goog-te-gadget" dir="ltr" style="" role="region" aria-label="Website Translation by Google Translate"><div id=":0.targetLanguage"><select class="goog-te-combo" aria-label="Se
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
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" desc="Emma Mulvaney-Stanak Portrait" -->
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.
highARIA dialog and alertdialog nodes should have an accessible name: Fix any of the following: aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<div class="right-lower lite-mode desktopConfig " id="ae_toolbar_container" role="dialog" aria-modal="true" aria-labelledby="ae_toolbar_title" data-audioeye-lr-c_big="1" style="display: none;">
Ensure every ARIA dialog and alertdialog node has an accessible name. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure the order of headings is semantically correct. 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.32 (foreground color: #ffffff, background color: #aaaaaa, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<input name="subscribe" type="submit" value="Subscribe" style="box-sizing: border-b...">
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.01 (foreground color: #444444, background color: #0073cf, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a class="VIpgJd-ZVi9od-l4eHX-hSRGPd" href="https://translate.google.com" target="_blank" rel="noopener" aria-describedby="audioeye_new_window_message">
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
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList layout1">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 3.99 (foreground color: #ff0000, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<input name="EMAIL" type="email" value="" autocomplete="email" style="box-sizing: border-b...">
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
highARIA dialog and alertdialog nodes should have an accessible name: Fix any of the following: aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<div class="right-lower lite-mode desktopConfig " id="ae_toolbar_container" role="dialog" aria-modal="true" aria-labelledby="ae_toolbar_title" style="display: none;">
Ensure every ARIA dialog and alertdialog node has an accessible name. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA dialog and alertdialog nodes should have an accessible name: Fix any of the following: aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<div class="right-lower lite-mode desktopConfig " id="ae_toolbar_container" role="dialog" aria-modal="true" aria-labelledby="ae_toolbar_title" style="display: none;">
Ensure every ARIA dialog and alertdialog node has an accessible name. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
highARIA dialog and alertdialog nodes should have an accessible name: Fix any of the following: aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<div class="right-lower lite-mode desktopConfig " id="ae_toolbar_container" role="dialog" aria-modal="true" aria-labelledby="ae_toolbar_title" style="display: none;">
Ensure every ARIA dialog and alertdialog node has an accessible name. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure the order of headings is semantically correct. 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 3.99 (foreground color: #ff0000, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<input name="EMAIL" type="email" value="" autocomplete="email" style="box-sizing: border-b...">
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.01 (foreground color: #444444, background color: #0073cf, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a class="VIpgJd-ZVi9od-l4eHX-hSRGPd" href="https://translate.google.com" target="_blank" rel="noopener" aria-describedby="audioeye_new_window_message">
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.32 (foreground color: #ffffff, background color: #aaaaaa, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<input name="subscribe" type="submit" value="Subscribe" style="box-sizing: border-b...">
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
highFocus jumps backward from "Read on... About Transportation, Energy, and Utilities Commi" to "Police Commission Meeting" (visual distance: 586px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Police Commission Meeting</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "View All News" to "MEETINGS" (visual distance: 1131px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>MEETINGS</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 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 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 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 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 Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumPage has 4 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 4 navigation landmarks, 1 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">.
mediumPage has 4 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 4 navigation landmarks, 1 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">.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage has 7 "navigation" landmarks but only 4 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 7 navigation landmarks, 4 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">.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage has 7 "navigation" landmarks but only 4 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 7 navigation landmarks, 4 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">.
mediumPage has 6 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 6 navigation landmarks, 3 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">.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<ol class="tabbedWidget cpTabs " role="tablist" aria-hidden="false" style="">
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="widgetGraphicLinksNav">
Ensure landmarks are unique. 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
<span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span>
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="tabbedWidget cpTabPanel showing" style="" id="tab35c806dd-6af6-422e-9a26-11e96353e8d1_0" role="tabpanel" aria-labelledby="tabBtn35c806dd-6af6-422e-9a26-11e96353e8d1_0" tabindex="-1">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdvc36bd157-3..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...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="cpToolbar user public" style="z-index: 1;">
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="widgetBody cpGrid cpGrid1 ">
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 id="1_divAlertBar" class="alertToolbar cpToolbar" style="background: rgb(0, 100, 0); z-index: 2;">
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="widgetGraphicLinksNav">
Ensure landmarks are unique. 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
<ol class="tabbedWidget cpTabs " role="tablist" aria-hidden="false" style="">
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 id="1_divAlertBar" class="alertToolbar cpToolbar" style="background: rgb(0, 100, 0); z-index: 2;">
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="tabbedWidget cpTabPanel showing" style="" id="tab35c806dd-6af6-422e-9a26-11e96353e8d1_0" role="tabpanel" aria-labelledby="tabBtn35c806dd-6af6-422e-9a26-11e96353e8d1_0" tabindex="-1">
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="widgetBody cpGrid cpGrid1 ">
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
<span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdvc36bd157-3..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...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="cpToolbar user public" style="z-index: 1;">
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 id="1_divAlertBar" class="alertToolbar cpToolbar" style="background: rgb(0, 100, 0); z-index: 2;">
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
<span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span>
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="cpToolbar user public" style="z-index: 1;">
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="widgetGraphicLinksNav">
Ensure landmarks are unique. 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="cpToolbar user public" style="z-index: 1;">
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
<span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span>
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 id="1_divAlertBar" class="alertToolbar cpToolbar" style="background: rgb(0, 100, 0); z-index: 2;">
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="widgetGraphicLinksNav">
Ensure landmarks are unique. 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="cpToolbar user public" style="z-index: 1;">
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 id="1_divAlertBar" class="alertToolbar cpToolbar" style="background: rgb(0, 100, 0); z-index: 2;">
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
<span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span>
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="widgetGraphicLinksNav">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://burlingtonvt.portal.civicclerk.com/" target="_self" class="fancyButton fancyButton46 "> <span> <span><span class="text">Agendas</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/415/Pay" target="_self" class="fancyButton fancyButton47 "> <span> <span><span class="text">Payments</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/415/Pay" target="_self" class="fancyButton fancyButton47 "> <span> <span><span class="text">Payments</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://burlingtonvt.portal.civicclerk.com/" target="_self" class="fancyButton fancyButton46 "> <span> <span><span class="text">Agendas</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1200/March-12th-Statement" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">March 12th Statement</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.governmentjobs.com/careers/burlingtonvt" target="_self" class="fancyButton fancyButton48 "> <span> <span><span class="text">Jobs</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1199/Mayor-Emma-Mulvaney-Stanak-Signs-Executi" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Mayor Emma Mulvaney-Stanak Signs Executive Order<
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1201/March-25th-Statement" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">March 25th Statement</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://burlingtonvt.portal.civicclerk.com/" target="_self" class="fancyButton fancyButton46 "> <span> <span><span class="text">Agendas</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/415/Pay" target="_self" class="fancyButton fancyButton47 "> <span> <span><span class="text">Payments</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/862/Report-a-Concern" target="_self" class="fancyButton fancyButton51 "> <span> <span><span class="text">See, Click, Fix</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/Elections" target="_self" class="fancyButton fancyButton618 "> <span> <span><span class="text">Elections</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1198/February-3rd-Statement-and-Resources" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">February 3rd Statement and Resources</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/314/Parking-in-Burlington" target="_self" class="fancyButton fancyButton49 "> <span> <span><span class="text">Parking</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/747/Public-Boards-Commissions" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Public Boards & Commissions</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/845/Public-Records-Open-Data" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Public Records & Open Data</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://burlingtonvt.portal.civicclerk.com/" target="_self" class="fancyButton fancyButton46 "> <span> <span><span class="text">Agendas</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/314/Parking-in-Burlington" target="_self" class="fancyButton fancyButton49 "> <span> <span><span class="text">Parking</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/476/Mayor-Emma-Mulvaney-Stanak" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Mayor Emma Mulvaney-Stanak</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/413/City-Council" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City Council</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/986/Elections" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Elections</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.codepublishing.com/VT/Burlington" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Municipal Code of Ordinances</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/999/Municipal-Code-of-Ethics" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Municipal Code of Ethics</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.governmentjobs.com/careers/burlingtonvt" target="_self" class="fancyButton fancyButton48 "> <span> <span><span class="text">Jobs</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1072/Budget-FY-2026" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Budget FY 2026</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/871/Community-Safety" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Community Safety</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/740/Annual-Reports" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Annual Reports</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://loveburlington.org/client_media/files/Burlington%20Safety%20and%20Security%20Guide.pdf" target="_blank" class="navMainItem secondaryNavItem cpComponent docaccess-activated" data-type=
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/902/ModernGov-Initiative" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">ModernGov Initiative</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1168/ICE-Updates-and-Press-Releases" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">ICE Updates and Press Releases</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1155/Contact-the-Mayors-Office" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Contact the Mayor's Office</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1077/Overdose-Prevention-Center-Implementatio" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Overdose Prevention Center Implementation</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/966/Executive-Orders" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Executive Orders</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/850/Mayors-Updates-Press-Releases" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Mayor's Updates & Press Releases</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumClicking "Explore your accessibility options" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button aria-label="Explore your accessibility options">
<div style="display: none" class="ae-left">
<span>Explore your accessibility options</span>
</div>
<div class="ae-right">
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumBroken link: https://burlingtonvt.gov/sitemap returned status 404 Not Found after 1 attempts
<a href="https://burlingtonvt.gov/sitemap">Site Map</a>
mediumBroken link: https://burlingtonvt.gov/sitemap returned status 404 Not Found after 1 attempts
<a href="https://burlingtonvt.gov/sitemap">Site Map</a>
mediumBroken link: https://burlingtonvt.gov/DocumentCenter/View/11667 returned status 404 Not Found after 1 attempts
<a href="https://burlingtonvt.gov/DocumentCenter/View/11667">बर्लिङ्टनमा ICE सञ्चालनको बारेमा मेयर Emma Mulvaney-Stanak को सन्देश</a>
mediumBroken link: https://burlingtonvt.gov/sitemap returned status 404 Not Found after 1 attempts
<a href="https://burlingtonvt.gov/sitemap">Site Map</a>
mediumBroken link: https://burlingtonvt.gov/sitemap returned status 404 Not Found after 1 attempts
<a href="https://burlingtonvt.gov/sitemap">Site Map</a>
mediumBroken link: https://burlingtonvt.gov/sitemap returned status 404 Not Found after 1 attempts
<a href="https://burlingtonvt.gov/sitemap">Site Map</a>
mediumElement overflows viewport by 50px at 320px width.WCAG 1.4.10
<ol class="tabbedWidget cpTabs " role="tablist" aria-hidden="false" style=""> <!-- --><li style="width: 48%;" class="active" role="presentation"> <a href="#tab35c806dd-6af6-422e-9a26-11e96353
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 22px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<caption style="display:none;" class="ae-compliance-indent">Calendar</caption>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 50px at 320px width.WCAG 1.4.10
<li style="width: 48%;" class="" role="presentation"> <a href="#tab35c806dd-6af6-422e-9a26-11e96353e8d1_1" class="tabButton" id="tabBtn35c806dd-6af6-422e-9a26-11e96353e8d1_1" role="tab" aria-controls=
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 45px at 320px width.WCAG 1.4.10
<a href="#tab35c806dd-6af6-422e-9a26-11e96353e8d1_1" class="tabButton" id="tabBtn35c806dd-6af6-422e-9a26-11e96353e8d1_1" role="tab" aria-controls="tab35c806dd-6af6-422e-9a26-11e96353e8d1_1" aria-selec
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 589px 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="visuallyHidden" role="presentation" aria-hidden="true" tabindex="-1">Design Advisory Board Meeting</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 90px 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="#mainWrapTS" class="audioeye-skip-link">Skip To Main Content</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 14px at 320px width.WCAG 1.4.10
<a style="" href="/QuickLinks.aspx?CID=16">Helpful Links</a>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 9px at 320px width.WCAG 1.4.10
<div style="box-sizing: border-box; clear: both; float: left; top: -1.4em; padding: 0em 0.5em; overflow: hidden; width: 100%; margin: 0px 47.358px;"><br></div>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 16px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<div class="bannerObject external fixedBanner" id="bannerDivbanner1" style="min-height: 220px; top: 0px; left: -14.8571px; right: 0px; position: absolute; overflow: hidden; z-index: -999999; padding:
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 19px 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="nav-btn" id="nav-open-btn" href="#nav" aria-haspopup="true" role="menu">Menu</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 91px 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="#cc5f8c90dc-b4cb-431b-90ee-10648f8df655" target="_self" class="skipToContentLink ae-exclude" role="presentation" aria-hidden="true" tabindex="-1">Skip to Main Content</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 451px at 320px width.WCAG 1.4.10
<img class="bannerObject" width="756px" style="position: absolute; left: 0px; margin: 0px; width: 785.714px;" src="/ImageRepository/Document?documentID=6264" data-is-delayed="false" alt="">
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 50px at 320px width.WCAG 1.4.10
<span id="1_customAlert" class="customAlert">Public Notification</span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 14px at 320px width.WCAG 1.4.10
<h3 role="heading" aria-level="2"><a style="" href="/QuickLinks.aspx?CID=16">Helpful Links</a></h3>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 22px 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="ae-compliance-indent" style="display:none;"> Calendar </span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 14px at 320px width.WCAG 1.4.10
<header class="widgetHeader" id="quickLinksHeadereba4703c-00b2-4bac-81b9-9ba5a4d05c9c" role="presentation"> <div class=""> <h3 role="heading" aria-level="2"><a style="" href="/QuickLinks.aspx?C
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
lowDeep focus region: menu "ICE Updates and Press Releases " has 19 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<ol role="menu">ICE Updates and Press Releases </ol>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowDeep focus region: nav "ICE Updates and Press Releases " has 19 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<nav role="nav">ICE Updates and Press Releases </nav>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowBroken link: https://twitter.com/btvparks returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/btvparks"></a>
lowBroken link: https://twitter.com/btvparks returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/btvparks"></a>
lowBroken link: https://twitter.com/btvparks returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/btvparks"></a>
lowBroken link: https://twitter.com/btvparks returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/btvparks"></a>
lowBroken link: https://twitter.com/btvparks returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/btvparks"></a>
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-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
/476/Mayor-Emma-Mulvaney-Stanak43findings
criticalInteractive element with role="textbox" has no accessible name. Screen readers cannot identify this control.WCAG 4.1.2
<!-- a11y: role="textbox" -->
Add an accessible name using aria-label, aria-labelledby, or visible text content. WCAG 4.1.2 requires all interactive elements to have a programmatically determinable name.
criticalForm elements must have labels: Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"WCAG 4.1.2
<input name="EMAIL" type="email" value="" autocomplete="email" style="box-sizing: border-b...">
Ensure every form element has a label. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" desc="Emma Mulvaney-Stanak Portrait" -->
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.
highARIA dialog and alertdialog nodes should have an accessible name: Fix any of the following: aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<div class="right-lower lite-mode desktopConfig " id="ae_toolbar_container" role="dialog" aria-modal="true" aria-labelledby="ae_toolbar_title" style="display: none;">
Ensure every ARIA dialog and alertdialog node has an accessible name. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure the order of headings is semantically correct. 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 3.99 (foreground color: #ff0000, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<input name="EMAIL" type="email" value="" autocomplete="email" style="box-sizing: border-b...">
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.01 (foreground color: #444444, background color: #0073cf, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a class="VIpgJd-ZVi9od-l4eHX-hSRGPd" href="https://translate.google.com" target="_blank" rel="noopener" aria-describedby="audioeye_new_window_message">
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.32 (foreground color: #ffffff, background color: #aaaaaa, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<input name="subscribe" type="submit" value="Subscribe" style="box-sizing: border-b...">
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
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 Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumPage has 6 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 6 navigation landmarks, 3 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">.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="cpToolbar user public" style="z-index: 1;">
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 id="1_divAlertBar" class="alertToolbar cpToolbar" style="background: rgb(0, 100, 0); z-index: 2;">
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
<span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span>
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="widgetGraphicLinksNav">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1072/Budget-FY-2026" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Budget FY 2026</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/871/Community-Safety" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Community Safety</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/740/Annual-Reports" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Annual Reports</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://loveburlington.org/client_media/files/Burlington%20Safety%20and%20Security%20Guide.pdf" target="_blank" class="navMainItem secondaryNavItem cpComponent docaccess-activated" data-type=
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/902/ModernGov-Initiative" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">ModernGov Initiative</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1168/ICE-Updates-and-Press-Releases" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">ICE Updates and Press Releases</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1155/Contact-the-Mayors-Office" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Contact the Mayor's Office</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1077/Overdose-Prevention-Center-Implementatio" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Overdose Prevention Center Implementation</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/966/Executive-Orders" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Executive Orders</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/850/Mayors-Updates-Press-Releases" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Mayor's Updates & Press Releases</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumBroken link: https://burlingtonvt.gov/sitemap returned status 404 Not Found after 1 attempts
<a href="https://burlingtonvt.gov/sitemap">Site Map</a>
mediumContent clipped by 90px 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="#mainWrapTS" class="audioeye-skip-link">Skip To Main Content</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 14px at 320px width.WCAG 1.4.10
<a style="" href="/QuickLinks.aspx?CID=16">Helpful Links</a>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 9px at 320px width.WCAG 1.4.10
<div style="box-sizing: border-box; clear: both; float: left; top: -1.4em; padding: 0em 0.5em; overflow: hidden; width: 100%; margin: 0px 47.358px;"><br></div>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 16px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<div class="bannerObject external fixedBanner" id="bannerDivbanner1" style="min-height: 220px; top: 0px; left: -14.8571px; right: 0px; position: absolute; overflow: hidden; z-index: -999999; padding:
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 19px 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="nav-btn" id="nav-open-btn" href="#nav" aria-haspopup="true" role="menu">Menu</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 91px 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="#cc5f8c90dc-b4cb-431b-90ee-10648f8df655" target="_self" class="skipToContentLink ae-exclude" role="presentation" aria-hidden="true" tabindex="-1">Skip to Main Content</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 451px at 320px width.WCAG 1.4.10
<img class="bannerObject" width="756px" style="position: absolute; left: 0px; margin: 0px; width: 785.714px;" src="/ImageRepository/Document?documentID=6264" data-is-delayed="false" alt="">
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 50px at 320px width.WCAG 1.4.10
<span id="1_customAlert" class="customAlert">Public Notification</span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 14px at 320px width.WCAG 1.4.10
<h3 role="heading" aria-level="2"><a style="" href="/QuickLinks.aspx?CID=16">Helpful Links</a></h3>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 22px 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="ae-compliance-indent" style="display:none;"> Calendar </span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 14px at 320px width.WCAG 1.4.10
<header class="widgetHeader" id="quickLinksHeadereba4703c-00b2-4bac-81b9-9ba5a4d05c9c" role="presentation"> <div class=""> <h3 role="heading" aria-level="2"><a style="" href="/QuickLinks.aspx?C
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
lowDeep focus region: menu "ICE Updates and Press Releases " has 19 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<ol role="menu">ICE Updates and Press Releases </ol>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowDeep focus region: nav "ICE Updates and Press Releases " has 19 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<nav role="nav">ICE Updates and Press Releases </nav>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowBroken link: https://twitter.com/btvparks returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/btvparks"></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
/1168/ICE-Updates-and-Press-Releases32findings
criticalInteractive element with role="textbox" has no accessible name. Screen readers cannot identify this control.WCAG 4.1.2
<!-- a11y: role="textbox" -->
Add an accessible name using aria-label, aria-labelledby, or visible text content. WCAG 4.1.2 requires all interactive elements to have a programmatically determinable name.
criticalForm elements must have labels: Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"WCAG 4.1.2
<input name="EMAIL" type="email" value="" autocomplete="email" style="box-sizing: border-b...">
Ensure every form element has a label. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgba(0, 0, 0, 0), background: rgb(255, 255, 255). Text: "Select LanguageAbkhazAcehneseAcholiAfarAfrikaansAlbanianAlur"WCAG 1.4.3
<div class="skiptranslate goog-te-gadget" dir="ltr" style="" role="region" aria-label="Website Translation by Google Translate"><div id=":0.targetLanguage"><select class="goog-te-combo" aria-label="Se
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.32 (foreground color: #ffffff, background color: #aaaaaa, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<input name="subscribe" type="submit" value="Subscribe" style="box-sizing: border-b...">
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.01 (foreground color: #444444, background color: #0073cf, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a class="VIpgJd-ZVi9od-l4eHX-hSRGPd" href="https://translate.google.com" target="_blank" rel="noopener" aria-describedby="audioeye_new_window_message">
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
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList layout1">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 3.99 (foreground color: #ff0000, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<input name="EMAIL" type="email" value="" autocomplete="email" style="box-sizing: border-b...">
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
highARIA dialog and alertdialog nodes should have an accessible name: Fix any of the following: aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<div class="right-lower lite-mode desktopConfig " id="ae_toolbar_container" role="dialog" aria-modal="true" aria-labelledby="ae_toolbar_title" style="display: none;">
Ensure every ARIA dialog and alertdialog node has an accessible name. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
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 Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumPage has 7 "navigation" landmarks but only 4 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 7 navigation landmarks, 4 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">.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div id="1_divAlertBar" class="alertToolbar cpToolbar" style="background: rgb(0, 100, 0); z-index: 2;">
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
<span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span>
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="cpToolbar user public" style="z-index: 1;">
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="widgetGraphicLinksNav">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1200/March-12th-Statement" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">March 12th Statement</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.governmentjobs.com/careers/burlingtonvt" target="_self" class="fancyButton fancyButton48 "> <span> <span><span class="text">Jobs</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1199/Mayor-Emma-Mulvaney-Stanak-Signs-Executi" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Mayor Emma Mulvaney-Stanak Signs Executive Order<
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1201/March-25th-Statement" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">March 25th Statement</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://burlingtonvt.portal.civicclerk.com/" target="_self" class="fancyButton fancyButton46 "> <span> <span><span class="text">Agendas</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/415/Pay" target="_self" class="fancyButton fancyButton47 "> <span> <span><span class="text">Payments</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/862/Report-a-Concern" target="_self" class="fancyButton fancyButton51 "> <span> <span><span class="text">See, Click, Fix</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/Elections" target="_self" class="fancyButton fancyButton618 "> <span> <span><span class="text">Elections</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1198/February-3rd-Statement-and-Resources" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">February 3rd Statement and Resources</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/314/Parking-in-Burlington" target="_self" class="fancyButton fancyButton49 "> <span> <span><span class="text">Parking</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumBroken link: https://burlingtonvt.gov/DocumentCenter/View/11667 returned status 404 Not Found after 1 attempts
<a href="https://burlingtonvt.gov/DocumentCenter/View/11667">बर्लिङ्टनमा ICE सञ्चालनको बारेमा मेयर Emma Mulvaney-Stanak को सन्देश</a>
mediumBroken link: https://burlingtonvt.gov/sitemap returned status 404 Not Found after 1 attempts
<a href="https://burlingtonvt.gov/sitemap">Site Map</a>
lowBroken link: https://twitter.com/btvparks returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/btvparks"></a>
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>
/1/Home26findings
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgba(0, 0, 0, 0), background: rgb(255, 255, 255). Text: "Select LanguageAbkhazAcehneseAcholiAfarAfrikaansAlbanianAlur"WCAG 1.4.3
<div class="skiptranslate goog-te-gadget" dir="ltr" style="" role="region" aria-label="Website Translation by Google Translate"><div id=":0.targetLanguage"><select class="goog-te-combo" aria-label="Se
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highARIA dialog and alertdialog nodes should have an accessible name: Fix any of the following: aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<div class="right-lower lite-mode desktopConfig " id="ae_toolbar_container" role="dialog" aria-modal="true" aria-labelledby="ae_toolbar_title" data-audioeye-lr-c_big="1" style="display: none;">
Ensure every ARIA dialog and alertdialog node has an accessible name. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
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 Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumPage has 4 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 4 navigation landmarks, 1 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">.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
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="widgetGraphicLinksNav">
Ensure landmarks are unique. 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
<ol class="tabbedWidget cpTabs " role="tablist" aria-hidden="false" style="">
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 id="1_divAlertBar" class="alertToolbar cpToolbar" style="background: rgb(0, 100, 0); z-index: 2;">
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="tabbedWidget cpTabPanel showing" style="" id="tab35c806dd-6af6-422e-9a26-11e96353e8d1_0" role="tabpanel" aria-labelledby="tabBtn35c806dd-6af6-422e-9a26-11e96353e8d1_0" tabindex="-1">
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="widgetBody cpGrid cpGrid1 ">
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
<span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="divInfoAdvc36bd157-3..." class="widget widgetInfoAdv..." data-modulewidgettyp...="infoAdv" data-elementquerycla...="{"wide-narrow":"min-..." data-elementquerymat...="matchMultiColumn" dat...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="cpToolbar user public" style="z-index: 1;">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/415/Pay" target="_self" class="fancyButton fancyButton47 "> <span> <span><span class="text">Payments</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 86, 155), text: rgb(20, 20, 12)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://burlingtonvt.portal.civicclerk.com/" target="_self" class="fancyButton fancyButton46 "> <span> <span><span class="text">Agendas</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumBroken link: https://burlingtonvt.gov/sitemap returned status 404 Not Found after 1 attempts
<a href="https://burlingtonvt.gov/sitemap">Site Map</a>
mediumElement overflows viewport by 50px at 320px width.WCAG 1.4.10
<ol class="tabbedWidget cpTabs " role="tablist" aria-hidden="false" style=""> <!-- --><li style="width: 48%;" class="active" role="presentation"> <a href="#tab35c806dd-6af6-422e-9a26-11e96353
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 22px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<caption style="display:none;" class="ae-compliance-indent">Calendar</caption>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 50px at 320px width.WCAG 1.4.10
<li style="width: 48%;" class="" role="presentation"> <a href="#tab35c806dd-6af6-422e-9a26-11e96353e8d1_1" class="tabButton" id="tabBtn35c806dd-6af6-422e-9a26-11e96353e8d1_1" role="tab" aria-controls=
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 45px at 320px width.WCAG 1.4.10
<a href="#tab35c806dd-6af6-422e-9a26-11e96353e8d1_1" class="tabButton" id="tabBtn35c806dd-6af6-422e-9a26-11e96353e8d1_1" role="tab" aria-controls="tab35c806dd-6af6-422e-9a26-11e96353e8d1_1" aria-selec
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 589px 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="visuallyHidden" role="presentation" aria-hidden="true" tabindex="-1">Design Advisory Board Meeting</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
lowBroken link: https://twitter.com/btvparks returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/btvparks"></a>
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>
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.