Accessibility Health Check
https://www.dsm.city
Strong
https://daylight.sonde.life/usgov/dsm-city/
Strong
Executive Summary
Top Findings
criticalElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 1.98 (foreground color: #b8b8b8, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a title="Go to March 30, 2026" data-navlink="" tabindex="0" id="fc-dom-4" class="fc-daygrid-day-number">30</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 1.98:1 (need 4.5:1). Change foreground from #b8b8b8 to #777676 (ratio: 4.5:1).
criticalElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 1.98 (foreground color: #b8b8b8, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a title="Go to March 31, 2026" data-navlink="" tabindex="0" id="fc-dom-6" class="fc-daygrid-day-number">31</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 1.98:1 (need 4.5:1). Change foreground from #b8b8b8 to #777676 (ratio: 4.5:1).
criticalElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 1.98 (foreground color: #b8b8b8, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a title="Go to March 29, 2026" data-navlink="" tabindex="0" id="fc-dom-2" class="fc-daygrid-day-number">29</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 1.98:1 (need 4.5:1). Change foreground from #b8b8b8 to #777676 (ratio: 4.5:1).
criticalElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 1.98 (foreground color: #b8b8b8, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a title="Go to March 29, 2026" data-navlink="" tabindex="0" id="fc-dom-2" class="fc-daygrid-day-number">29</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 1.98:1 (need 4.5:1). Change foreground from #b8b8b8 to #777676 (ratio: 4.5:1).
criticalElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 1.98 (foreground color: #b8b8b8, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a title="Go to March 31, 2026" data-navlink="" tabindex="0" id="fc-dom-6" class="fc-daygrid-day-number">31</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 1.98:1 (need 4.5:1). Change foreground from #b8b8b8 to #777676 (ratio: 4.5:1).
criticalElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 1.98 (foreground color: #b8b8b8, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a title="Go to March 30, 2026" data-navlink="" tabindex="0" id="fc-dom-4" class="fc-daygrid-day-number">30</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 1.98:1 (need 4.5:1). Change foreground from #b8b8b8 to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Your Government"WCAG 1.4.3
<h2 class="title">Your Government</h2>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 2.08:1 (required: 4.5:1 for normal text). Foreground: rgb(2, 29, 113), background: rgb(172, 26, 47). Text: "share this page"WCAG 1.4.3
<span class="sr-only">share this page</span>
Current ratio: 2.08:1 (need 4.5:1). Change foreground from #021d71 to #b6ceff (ratio: 4.5:1). Current ratio: 2.53:1 (need 4.5:1). Change foreground from #1d3557 to #f1f7ff (ratio: 4.5:1). Current ratio: 1.81:1 (need 4.5:1). Change foreground from #1d3557 to #b6d4fe (ratio: 4.5:1). Current ratio: 1.70:1 (need 4.5:1). Change foreground from #1d3557 to #5b769c (ratio: 4.5:1). Current ratio: 3.89:1 (need 4.5:1). Change foreground from #1d3557 to #132a4c (ratio: 4.5:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "T.M. Franklin Cownie City Administration Building – City Hal"WCAG 1.4.3
<a href="https://maps.app.goo.gl/WUZmG1JUF8yGFTm18" target="_blank" rel="noopener noreferrer"> <strong>T.M. Franklin Cownie City Administration Building – City Hall</strong> <br>1
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Telephone: (515) 283-4500"WCAG 1.4.3
<span class="finfolink">Telephone: <a href="tel:5152834500" rel="noreferrer noopener">(515) 283-4500</a></span>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Council Meetings"WCAG 1.4.3
<a href="government/city_council/meetings/index.php" class="link" rel="noreferrer noopener"> Council Meetings</a>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "T.M. Franklin Cownie City Administration Building – City Hal"WCAG 1.4.3
<strong>T.M. Franklin Cownie City Administration Building – City Hall</strong>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Reach out to your City government right from the palm of you"WCAG 1.4.3
<small>Reach out to your City government right from the palm of your hand.</small>
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: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "City Council"WCAG 1.4.3
<h3 class="title">City Council</h3>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "21"WCAG 1.4.3
<a title="Go to April 21, 2026" data-navlink="" tabindex="0" id="fc-dom-48" class="fc-daygrid-day-number">21</a>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 2.19:1 (required: 3:1 for large text). Foreground: rgb(111, 184, 224), background: rgb(255, 255, 255). Text: "your City"WCAG 1.4.3
<strong>your City</strong>
Current ratio: 2.19:1 (need 3:1). Change foreground from #6fb8e0 to #549dc4 (ratio: 3.0:1). Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.98:1 (required: 4.5:1 for normal text). Foreground: rgb(184, 184, 184), background: rgb(255, 255, 255). Text: "29"WCAG 1.4.3
<a title="Go to March 29, 2026" data-navlink="" tabindex="0" id="fc-dom-87" class="fc-daygrid-day-number">29</a>
Current ratio: 1.98:1 (need 4.5:1). Change foreground from #b8b8b8 to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "20"WCAG 1.4.3
<a title="Go to April 20, 2026" data-navlink="" tabindex="0" id="fc-dom-46" class="fc-daygrid-day-number">20</a>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "14"WCAG 1.4.3
<a title="Go to April 14, 2026" data-navlink="" tabindex="0" id="fc-dom-34" class="fc-daygrid-day-number">14</a>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "23"WCAG 1.4.3
<a title="Go to April 23, 2026" data-navlink="" tabindex="0" id="fc-dom-52" class="fc-daygrid-day-number">23</a>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Telephone: (515) 283-4500"WCAG 1.4.3
<span class="finfolink">Telephone: <a href="tel:5152834500" rel="noreferrer noopener">(515) 283-4500</a></span>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.98:1 (required: 4.5:1 for normal text). Foreground: rgb(184, 184, 184), background: rgb(255, 255, 255). Text: "30"WCAG 1.4.3
<a title="Go to March 30, 2026" data-navlink="" tabindex="0" id="fc-dom-89" class="fc-daygrid-day-number">30</a>
Current ratio: 1.98:1 (need 4.5:1). Change foreground from #b8b8b8 to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Sign up for email updates and get the latest information fro"WCAG 1.4.3
<h2 class="title">Sign up for email updates and get the latest information from <span><strong>your City</strong></span> right to <span><strong>your inbox</strong></span></h2>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1). 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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "28"WCAG 1.4.3
<a title="Go to April 28, 2026" data-navlink="" tabindex="0" id="fc-dom-147" class="fc-daygrid-day-number">28</a>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 2.08:1 (required: 4.5:1 for normal text). Foreground: rgb(2, 29, 113), background: rgb(172, 26, 47). Text: "share this page"WCAG 1.4.3
<span class="sr-only">share this page</span>
Current ratio: 2.08:1 (need 4.5:1). Change foreground from #021d71 to #b6ceff (ratio: 4.5:1). Current ratio: 2.53:1 (need 4.5:1). Change foreground from #1d3557 to #f1f7ff (ratio: 4.5:1). Current ratio: 1.81:1 (need 4.5:1). Change foreground from #1d3557 to #b6d4fe (ratio: 4.5:1). Current ratio: 1.70:1 (need 4.5:1). Change foreground from #1d3557 to #5b769c (ratio: 4.5:1). Current ratio: 3.89:1 (need 4.5:1). Change foreground from #1d3557 to #132a4c (ratio: 4.5:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "T.M. Franklin Cownie City Administration Building – City Hal"WCAG 1.4.3
<a href="https://maps.app.goo.gl/WUZmG1JUF8yGFTm18" target="_blank" rel="noopener noreferrer"> <strong>T.M. Franklin Cownie City Administration Building – City Hall</strong> <br>1
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "18"WCAG 1.4.3
<a title="Go to April 18, 2026" data-navlink="" tabindex="0" id="fc-dom-127" class="fc-daygrid-day-number">18</a>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Council Meetings"WCAG 1.4.3
<a href="government/city_council/meetings/index.php" class="link" rel="noreferrer noopener"> Council Meetings</a>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "28"WCAG 1.4.3
<a title="Go to April 28, 2026" data-navlink="" tabindex="0" id="fc-dom-62" class="fc-daygrid-day-number">28</a>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.98:1 (required: 4.5:1 for normal text). Foreground: rgb(184, 184, 184), background: rgb(255, 255, 255). Text: "31"WCAG 1.4.3
<a title="Go to March 31, 2026" data-navlink="" tabindex="0" id="fc-dom-91" class="fc-daygrid-day-number">31</a>
Current ratio: 1.98:1 (need 4.5:1). Change foreground from #b8b8b8 to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "15"WCAG 1.4.3
<a title="Go to April 15, 2026" data-navlink="" tabindex="0" id="fc-dom-36" class="fc-daygrid-day-number">15</a>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "22"WCAG 1.4.3
<a title="Go to April 22, 2026" data-navlink="" tabindex="0" id="fc-dom-50" class="fc-daygrid-day-number">22</a>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Telephone: (515) 283-4500"WCAG 1.4.3
<span class="finfolink">Telephone: <a href="tel:5152834500" rel="noreferrer noopener">(515) 283-4500</a></span>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "T.M. Franklin Cownie City Administration Building – City Hal"WCAG 1.4.3
<strong>T.M. Franklin Cownie City Administration Building – City Hall</strong>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Your Government"WCAG 1.4.3
<h2 class="title">Your Government</h2>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Reach out to your City government right from the palm of you"WCAG 1.4.3
<small>Reach out to your City government right from the palm of your hand.</small>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "T.M. Franklin Cownie City Administration Building – City Hal"WCAG 1.4.3
<a href="https://maps.app.goo.gl/WUZmG1JUF8yGFTm18" target="_blank" rel="noopener noreferrer"> <strong>T.M. Franklin Cownie City Administration Building – City Hall</strong> <br>1
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Council Meetings"WCAG 1.4.3
<a href="government/city_council/meetings/index.php" class="link" rel="noreferrer noopener"> Council Meetings</a>
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: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "myDSMmobile"WCAG 1.4.3
<h3>myDSMmobile</h3>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 2.08:1 (required: 4.5:1 for normal text). Foreground: rgb(2, 29, 113), background: rgb(172, 26, 47). Text: "share this page"WCAG 1.4.3
<span class="sr-only">share this page</span>
Current ratio: 2.08:1 (need 4.5:1). Change foreground from #021d71 to #b6ceff (ratio: 4.5:1). Current ratio: 2.53:1 (need 4.5:1). Change foreground from #1d3557 to #f1f7ff (ratio: 4.5:1). Current ratio: 1.81:1 (need 4.5:1). Change foreground from #1d3557 to #b6d4fe (ratio: 4.5:1). Current ratio: 1.70:1 (need 4.5:1). Change foreground from #1d3557 to #5b769c (ratio: 4.5:1). Current ratio: 3.89:1 (need 4.5:1). Change foreground from #1d3557 to #132a4c (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" -->
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.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
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.
highEmpty heading (role="heading"). Headings must contain text for screen reader navigation to work.WCAG 1.3.1
<!-- a11y: role="heading" -->
Add text content to the heading, or remove the heading element if it serves no structural purpose. WCAG 1.3.1 requires meaningful heading structure.
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.
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns3-item4" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns4-item2" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns2-item8" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns3-item5" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns2-item7" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns2-item6" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns2-item5" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns4-item1" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns3-item3" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns4-item2" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns4-item1" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns2-item5" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns2-item6" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns2-item7" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns3-item5" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns3-item4" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns2-item8" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns3-item3" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highConsole error: SyntaxError: Unexpected token ')'
https://www.dsm.city/government/city_council/index.php:818mediumAdd Strict-Transport-Security header with max-age of at least 31536000
highConsole error: SyntaxError: Unexpected token ')'
https://www.dsm.city/government/city_council/meetings/index.php:816mediumAdd Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highConsole error: SyntaxError: Unexpected token ')'
https://www.dsm.city/government/strategic_efforts/citywide_housing_strategy.php:1049mediumAdd Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highConsole error: SyntaxError: Unexpected token ')'
https://www.dsm.city/moving/:819mediumAdd Strict-Transport-Security header with max-age of at least 31536000
highFocus jumps backward from "Accessibility Menu" to "Skip To Main Content" (visual distance: 594px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Skip To Main Content</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Accessibility Menu" to "Skip To Main Content" (visual distance: 585px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Skip To Main Content</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Accessibility Menu" to "Skip To Main Content" (visual distance: 582px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Skip To Main Content</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Accessibility Menu" to "Skip To Main Content" (visual distance: 591px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Skip To Main Content</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Accessibility Menu" to "Skip To Main Content" (visual distance: 582px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Skip To Main Content</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Accessibility Menu" to "Skip To Main Content" (visual distance: 585px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Skip To Main Content</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
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumPage has 2 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 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 2 "main" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 main landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "main" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 2 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 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 2 "main" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 main landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "main" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 2 "main" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 main landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "main" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 2 "main" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 main landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "main" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 2 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 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 "complementary" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 4 complementary landmarks, 1 labeled -->
Add unique aria-label or aria-labelledby to each "complementary" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 2 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 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 2 "main" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 main landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "main" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumDocument should not have more than one main landmark: Fix any of the following: Document has more than one main landmark
<main id="main" style="word-break: break-word; zoom: 1.2 !important;" data-userway-s4-zoom-styled="true">
Ensure the document has at most one main landmark. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumMain landmark should not be contained in another landmark: Fix any of the following: The main landmark is contained in another landmark.
<main id="freeform-main" class="has-edit-buttons yes-has-edit-buttons">
Ensure the main landmark is at top level. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should not have more than one main landmark: Fix any of the following: Document has more than one main landmark
<main id="main" style="word-break: break-word; zoom: 1.2 !important;" data-userway-s4-zoom-styled="true">
Ensure the document has at most one main landmark. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumMain landmark should not be contained in another landmark: Fix any of the following: The main landmark is contained in another landmark.
<main id="freeform-main" class="has-edit-buttons yes-has-edit-buttons">
Ensure the main landmark is at top level. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumMain landmark should not be contained in another landmark: Fix any of the following: The main landmark is contained in another landmark.
<main id="freeform-main" class="has-edit-buttons yes-has-edit-buttons">
Ensure the main landmark is at top level. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should not have more than one main landmark: Fix any of the following: Document has more than one main landmark
<main id="main">
Ensure the document has at most one main landmark. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure landmarks are unique. 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
<aside id="contact-wrap">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should not have more than one main landmark: Fix any of the following: Document has more than one main landmark
<main id="main">
Ensure the document has at most one main landmark. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumMain landmark should not be contained in another landmark: Fix any of the following: The main landmark is contained in another landmark.
<main id="freeform-main" class="has-edit-buttons yes-has-edit-buttons">
Ensure the main landmark is at top level. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should not have more than one main landmark: Fix any of the following: Document has more than one main landmark
<main id="main" style="word-break: break-word; zoom: 1.2 !important;" data-userway-s4-zoom-styled="true">
Ensure the document has at most one main landmark. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3 class="card-title text-reset mb-0" id="cardTitle0"><a id="clerk"></a>City Clerk's Office <span class="badge badge-success badge-pill float-right h5">Moved In</span></h3>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumMain landmark should not be contained in another landmark: Fix any of the following: The main landmark is contained in another landmark.
<main id="freeform-main" class="has-edit-buttons yes-has-edit-buttons">
Ensure the main landmark is at top level. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<a href="moving/index.php#main" id="skip" tabindex="0" class="rz-btn" rel="noreferrer noopener" style="cursor: pointer; zoom: 1.2 !important;" data-userway-s4-zoom-styled="true">Skip to main content</...
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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/parks_recreation/volunteer/index.php" target="_self" rel="noreferrer noopener">Volunteer</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/engineering/traffic_transportation/traffic_safety/index.php" target="_self" rel="noreferrer noopener">Vision Zero</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/strategic_plans/reflectdsm.php" target="_self" rel="noreferrer noopener">ReflectDSM</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="boards_commissions/transportation_safety.php" target="_self" rel="noreferrer noopener">Transportation Safety Committee</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_clerk/parking_tickets.php" target="_self" rel="noreferrer noopener">Parking Tickets</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/community_impact/reports___documents.php" target="_self" rel="noreferrer noopener">Reports & Documents</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/city_council/proclamations.php" target="_self" rel="noreferrer noopener">Proclamations</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="https://maps.dsm.city/projects/" target="_new" rel="noreferrer noopener">Projects Map</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_manager/facilities/index.php" target="_self" rel="noreferrer noopener">Facilities</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/development_services/planning_urban_design/index.php" target="_self" rel="noreferrer noopener">Planning & Urban Design</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/community_impact/reports___documents.php" target="_self" rel="noreferrer noopener">Reports & Documents</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="https://maps.dsm.city/projects/" target="_new" rel="noreferrer noopener">Projects Map</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/city_council/proclamations.php" target="_self" rel="noreferrer noopener">Proclamations</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/strategic_plans/reflectdsm.php" target="_self" rel="noreferrer noopener">ReflectDSM</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/parks_recreation/volunteer/index.php" target="_self" rel="noreferrer noopener">Volunteer</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/development_services/planning_urban_design/index.php" target="_self" rel="noreferrer noopener">Planning & Urban Design</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/engineering/traffic_transportation/traffic_safety/index.php" target="_self" rel="noreferrer noopener">Vision Zero</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_manager/facilities/index.php" target="_self" rel="noreferrer noopener">Facilities</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="boards_commissions/transportation_safety.php" target="_self" rel="noreferrer noopener">Transportation Safety Committee</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_clerk/parking_tickets.php" target="_self" rel="noreferrer noopener">Parking Tickets</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/strategic_plans/reflectdsm.php" target="_self" rel="noreferrer noopener">ReflectDSM</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/community_impact/reports___documents.php" target="_self" rel="noreferrer noopener">Reports & Documents</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_manager/facilities/index.php" target="_self" rel="noreferrer noopener">Facilities</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_clerk/parking_tickets.php" target="_self" rel="noreferrer noopener">Parking Tickets</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="https://maps.dsm.city/projects/" target="_new" rel="noreferrer noopener">Projects Map</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/development_services/planning_urban_design/index.php" target="_self" rel="noreferrer noopener">Planning & Urban Design</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="boards_commissions/transportation_safety.php" target="_self" rel="noreferrer noopener">Transportation Safety Committee</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/parks_recreation/volunteer/index.php" target="_self" rel="noreferrer noopener">Volunteer</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/city_council/proclamations.php" target="_self" rel="noreferrer noopener">Proclamations</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/engineering/traffic_transportation/traffic_safety/index.php" target="_self" rel="noreferrer noopener">Vision Zero</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/community_impact/reports___documents.php" target="_self" rel="noreferrer noopener">Reports & Documents</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/development_services/planning_urban_design/index.php" target="_self" rel="noreferrer noopener">Planning & Urban Design</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/city_council/proclamations.php" target="_self" rel="noreferrer noopener">Proclamations</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="https://maps.dsm.city/projects/" target="_new" rel="noreferrer noopener">Projects Map</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_clerk/parking_tickets.php" target="_self" rel="noreferrer noopener">Parking Tickets</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="boards_commissions/transportation_safety.php" target="_self" rel="noreferrer noopener">Transportation Safety Committee</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/parks_recreation/volunteer/index.php" target="_self" rel="noreferrer noopener">Volunteer</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/strategic_plans/reflectdsm.php" target="_self" rel="noreferrer noopener">ReflectDSM</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_manager/facilities/index.php" target="_self" rel="noreferrer noopener">Facilities</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/engineering/traffic_transportation/traffic_safety/index.php" target="_self" rel="noreferrer noopener">Vision Zero</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/strategic_plans/reflectdsm.php" target="_self" rel="noreferrer noopener">ReflectDSM</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="https://maps.dsm.city/projects/" target="_new" rel="noreferrer noopener">Projects Map</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/development_services/planning_urban_design/index.php" target="_self" rel="noreferrer noopener">Planning & Urban Design</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/engineering/traffic_transportation/traffic_safety/index.php" target="_self" rel="noreferrer noopener">Vision Zero</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/city_council/proclamations.php" target="_self" rel="noreferrer noopener">Proclamations</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/community_impact/reports___documents.php" target="_self" rel="noreferrer noopener">Reports & Documents</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_clerk/parking_tickets.php" target="_self" rel="noreferrer noopener">Parking Tickets</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_manager/facilities/index.php" target="_self" rel="noreferrer noopener">Facilities</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="boards_commissions/transportation_safety.php" target="_self" rel="noreferrer noopener">Transportation Safety Committee</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/parks_recreation/volunteer/index.php" target="_self" rel="noreferrer noopener">Volunteer</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/strategic_plans/reflectdsm.php" target="_self" rel="noreferrer noopener">ReflectDSM</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="https://maps.dsm.city/projects/" target="_new" rel="noreferrer noopener">Projects Map</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/development_services/planning_urban_design/index.php" target="_self" rel="noreferrer noopener">Planning & Urban Design</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/community_impact/reports___documents.php" target="_self" rel="noreferrer noopener">Reports & Documents</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/city_council/proclamations.php" target="_self" rel="noreferrer noopener">Proclamations</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_clerk/parking_tickets.php" target="_self" rel="noreferrer noopener">Parking Tickets</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="boards_commissions/transportation_safety.php" target="_self" rel="noreferrer noopener">Transportation Safety Committee</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_manager/facilities/index.php" target="_self" rel="noreferrer noopener">Facilities</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/parks_recreation/volunteer/index.php" target="_self" rel="noreferrer noopener">Volunteer</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/engineering/traffic_transportation/traffic_safety/index.php" target="_self" rel="noreferrer noopener">Vision Zero</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/city_council/proclamations.php" target="_self" rel="noreferrer noopener">Proclamations</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/strategic_plans/reflectdsm.php" target="_self" rel="noreferrer noopener">ReflectDSM</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="boards_commissions/transportation_safety.php" target="_self" rel="noreferrer noopener">Transportation Safety Committee</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/development_services/planning_urban_design/index.php" target="_self" rel="noreferrer noopener">Planning & Urban Design</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/parks_recreation/volunteer/index.php" target="_self" rel="noreferrer noopener">Volunteer</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_manager/facilities/index.php" target="_self" rel="noreferrer noopener">Facilities</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_clerk/parking_tickets.php" target="_self" rel="noreferrer noopener">Parking Tickets</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="https://maps.dsm.city/projects/" target="_new" rel="noreferrer noopener">Projects Map</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/community_impact/reports___documents.php" target="_self" rel="noreferrer noopener">Reports & Documents</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/engineering/traffic_transportation/traffic_safety/index.php" target="_self" rel="noreferrer noopener">Vision Zero</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 "share this page" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" class="share-btn floating-share-btn" data-toggle="modal" data-target="#shareModal"><span class="sr-only">share this page</span></button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "#tab1 > div > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > div > button:nth-of-type(2)" inserts 28 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" title="Next month" aria-pressed="false" class="fc-next-button fc-button fc-button-primary"><span class="fc-icon fc-icon-chevron-right"></span></button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "share this page" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" class="share-btn floating-share-btn" data-toggle="modal" data-target="#shareModal"><span class="sr-only">share this page</span></button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "share this page" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" class="share-btn floating-share-btn" data-toggle="modal" data-target="#shareModal"><span class="sr-only">share this page</span></button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "share this page" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" class="share-btn floating-share-btn" data-toggle="modal" data-target="#shareModal"><span class="sr-only">share this page</span></button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Go" inserts 1 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button>Go</button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "share this page" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" class="share-btn floating-share-btn" data-toggle="modal" data-target="#shareModal"><span class="sr-only">share this page</span></button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "share this page" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" class="share-btn floating-share-btn" data-toggle="modal" data-target="#shareModal"><span class="sr-only">share this page</span></button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "#tab1 > div > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > div > button:nth-of-type(2)" inserts 28 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" title="Next month" aria-pressed="false" class="fc-next-button fc-button fc-button-primary"><span class="fc-icon fc-icon-chevron-right"></span></button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "share this page" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" class="share-btn floating-share-btn" data-toggle="modal" data-target="#shareModal"><span class="sr-only">share this page</span></button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumElement overflows viewport by 43px at 320px width.WCAG 1.4.10
<div class="uwaw-dictionary-tooltip"></div>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 23px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<span class="sz-feedback-rating-icon-label-text sz-feedback-visually-hidden">1/5</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 20px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<span class="sr-only">share this page</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 26px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<label class="fa fa-search sr-only" for="search-input" name="q" id="searchLabel">Search</label>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 7px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<section id="slider" class="tiny-slider-wrap has-edit-buttons yes-has-edit-buttons" aria-label="Page Banner"> <div class="center-center"> <div class="rz-btns-container"> <script langu
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 888px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<label class="sz-feedback-label-note sz-feedback-visually-hidden" for="sz-feedback-textarea">Please leave your feedback regarding the webpage here.</label>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 57px at 320px width.WCAG 1.4.10
<span class="ico" style="background-image:url('set_site_up/qlinks/police-qik.png?t=202508281700310');"></span>Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 52px at 320px width.WCAG 1.4.10
<a href="./departments/police/index.php" class="qlinkBx" rel="noreferrer noopener">
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 44px at 320px width.WCAG 1.4.10
<h2 class="title" style="height: 43.1875px;">Police</h2>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 130px at 320px width.WCAG 1.4.10
<li class="tiny-item tns-item" id="tns2-item5" aria-hidden="true" tabindex="-1">
<a href="./departments/human_resources/caSet max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 348px at 320px width.WCAG 1.4.10
<ul class="tiny-carousel tns-slider tns-carousel tns-subpixel tns-calc tns-horizontal" data-tiny-items="6" id="tns2" style="transition-duration: 0s; transform: translate3d(0%, 0px, 0px);">
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 57px at 320px width.WCAG 1.4.10
<li class="tiny-item tns-item" id="tns2-item4" aria-hidden="true" tabindex="-1">
<a href="./departments/police/index.php" Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 36px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<h3 class="title">Des Moines Public Works Announces Tiny Trees Second Chance Giveaway</h3>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 57px at 320px width.WCAG 1.4.10
<div class="qIco"><span class="ico" style="background-image:url('set_site_up/qlinks/police-qik.png?t=202508281700310');"></span></div>Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
lowTable header text should not be empty: Fix any of the following: Element does not have text that is visible to screen readers
<th colspan="1">
Ensure table headers have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowTable header text should not be empty: Fix any of the following: Element does not have text that is visible to screen readers
<th colspan="1">
Ensure table headers have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowTable header text should not be empty: Fix any of the following: Element does not have text that is visible to screen readers
<th colspan="1">
Ensure table headers have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowTable header text should not be empty: Fix any of the following: Element does not have text that is visible to screen readers
<th colspan="1">
Ensure table headers have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowTable header text should not be empty: Fix any of the following: Element does not have text that is visible to screen readers
<th colspan="1">
Ensure table headers have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowTable header text should not be empty: Fix any of the following: Element does not have text that is visible to screen readers
<th colspan="1">
Ensure table headers have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowTable header text should not be empty: Fix any of the following: Element does not have text that is visible to screen readers
<th colspan="1">
Ensure table headers have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowTable header text should not be empty: Fix any of the following: Element does not have text that is visible to screen readers
<th colspan="1">
Ensure table headers have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers 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
<h2 class="tile-title" id="page-title0"></h2>
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowHeadings should not be empty: Fix any of the following: Element does not have text that is visible to screen readers 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
<h3 id="contact-name"></h3>
Ensure headings have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowBroken link: https://desmoines.rja.revize.com/forms/427 returned status 500 Internal Server Error after 1 attempts
<a href="https://desmoines.rja.revize.com/forms/427">Public Record Request</a>
lowBroken link: https://www.twitter.com/intent/tweet?url=http://www.dsm.city/ returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/intent/tweet?url=http://www.dsm.city/">share on twitter</a>
lowBroken link: https://catalog.dmpl.org/?browseCategory=new_books_everyone returned status 403 Forbidden after 1 attempts
<a href="https://catalog.dmpl.org/?browseCategory=new_books_everyone">Browse Catalog</a>
lowInvalid mailto link format: mailto:connieboesen@dmgov.org;cityclerk@dmgov.org
<a href="mailto:connieboesen@dmgov.org;cityclerk@dmgov.org">connieboesen@dmgov.org</a>
lowBroken link: https://www.twitter.com/intent/tweet?url=http://www.dsm.city/government/city_council/index.php returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/intent/tweet?url=http://www.dsm.city/government/city_council/index.php">share on twitter</a>
lowBroken link: https://desmoines.rja.revize.com/forms/427 returned status 500 Internal Server Error after 1 attempts
<a href="https://desmoines.rja.revize.com/forms/427">Public Record Request</a>
lowBroken link: https://catalog.dmpl.org/?browseCategory=new_books_everyone returned status 403 Forbidden after 1 attempts
<a href="https://catalog.dmpl.org/?browseCategory=new_books_everyone">Browse Catalog</a>
lowBroken link: https://catalog.dmpl.org/?browseCategory=new_books_everyone returned status 403 Forbidden after 1 attempts
<a href="https://catalog.dmpl.org/?browseCategory=new_books_everyone">Browse Catalog</a>
lowBroken link: https://desmoines.rja.revize.com/forms/427 returned status 500 Internal Server Error after 1 attempts
<a href="https://desmoines.rja.revize.com/forms/427">Public Record Request</a>
lowBroken link: https://catalog.dmpl.org/?browseCategory=new_books_everyone returned status 403 Forbidden after 1 attempts
<a href="https://catalog.dmpl.org/?browseCategory=new_books_everyone">Browse Catalog</a>
lowBroken link: https://desmoines.rja.revize.com/forms/427 returned status 500 Internal Server Error after 1 attempts
<a href="https://desmoines.rja.revize.com/forms/427">Public Record Request</a>
lowBroken link: https://www.twitter.com/intent/tweet?url=http://www.dsm.city/government/index.php returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/intent/tweet?url=http://www.dsm.city/government/index.php">share on twitter</a>
lowBroken link: https://www.twitter.com/intent/tweet?url=http://www.dsm.city/government/strategic_efforts/citywide_housing_strategy.php returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/intent/tweet?url=http://www.dsm.city/government/strategic_efforts/citywide_housing_strategy.php">share on twitter</a>
lowBroken link: https://catalog.dmpl.org/?browseCategory=new_books_everyone returned status 403 Forbidden after 1 attempts
<a href="https://catalog.dmpl.org/?browseCategory=new_books_everyone">Browse Catalog</a>
lowBroken link: https://desmoines.rja.revize.com/forms/427 returned status 500 Internal Server Error after 1 attempts
<a href="https://desmoines.rja.revize.com/forms/427">Public Record Request</a>
lowBroken link: https://desmoines.rja.revize.com/forms/427 returned status 500 Internal Server Error after 1 attempts
<a href="https://desmoines.rja.revize.com/forms/427">Public Record Request</a>
lowBroken link: https://www.twitter.com/intent/tweet?url=http://www.dsm.city/index.php returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/intent/tweet?url=http://www.dsm.city/index.php">share on twitter</a>
lowBroken link: https://catalog.dmpl.org/?browseCategory=new_books_everyone returned status 403 Forbidden after 1 attempts
<a href="https://catalog.dmpl.org/?browseCategory=new_books_everyone">Browse Catalog</a>
lowBroken link: https://catalog.dmpl.org/?browseCategory=new_books_everyone returned status 403 Forbidden after 1 attempts
<a href="https://catalog.dmpl.org/?browseCategory=new_books_everyone">Browse Catalog</a>
lowBroken link: https://desmoines.rja.revize.com/forms/427 returned status 500 Internal Server Error after 1 attempts
<a href="https://desmoines.rja.revize.com/forms/427">Public Record Request</a>
lowBroken link: https://www.twitter.com/intent/tweet?url=http://www.dsm.city/moving/ returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/intent/tweet?url=http://www.dsm.city/moving/">share on twitter</a>
lowPossible stuck loading animation: "spinner-dash" still running after page readiness
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
lowPossible stuck loading animation: "spinner-rotator" still running after page readiness
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
lowPossible stuck loading animation: "spinner-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
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-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>
Best Page Fix Opportunities
/index.php59findings
criticalElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 1.98 (foreground color: #b8b8b8, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a title="Go to March 29, 2026" data-navlink="" tabindex="0" id="fc-dom-2" class="fc-daygrid-day-number">29</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 1.98:1 (need 4.5:1). Change foreground from #b8b8b8 to #777676 (ratio: 4.5:1).
criticalElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 1.98 (foreground color: #b8b8b8, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a title="Go to March 31, 2026" data-navlink="" tabindex="0" id="fc-dom-6" class="fc-daygrid-day-number">31</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 1.98:1 (need 4.5:1). Change foreground from #b8b8b8 to #777676 (ratio: 4.5:1).
criticalElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 1.98 (foreground color: #b8b8b8, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a title="Go to March 30, 2026" data-navlink="" tabindex="0" id="fc-dom-4" class="fc-daygrid-day-number">30</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 1.98:1 (need 4.5:1). Change foreground from #b8b8b8 to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "21"WCAG 1.4.3
<a title="Go to April 21, 2026" data-navlink="" tabindex="0" id="fc-dom-48" class="fc-daygrid-day-number">21</a>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 2.19:1 (required: 3:1 for large text). Foreground: rgb(111, 184, 224), background: rgb(255, 255, 255). Text: "your City"WCAG 1.4.3
<strong>your City</strong>
Current ratio: 2.19:1 (need 3:1). Change foreground from #6fb8e0 to #549dc4 (ratio: 3.0:1). Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.98:1 (required: 4.5:1 for normal text). Foreground: rgb(184, 184, 184), background: rgb(255, 255, 255). Text: "29"WCAG 1.4.3
<a title="Go to March 29, 2026" data-navlink="" tabindex="0" id="fc-dom-87" class="fc-daygrid-day-number">29</a>
Current ratio: 1.98:1 (need 4.5:1). Change foreground from #b8b8b8 to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "20"WCAG 1.4.3
<a title="Go to April 20, 2026" data-navlink="" tabindex="0" id="fc-dom-46" class="fc-daygrid-day-number">20</a>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "14"WCAG 1.4.3
<a title="Go to April 14, 2026" data-navlink="" tabindex="0" id="fc-dom-34" class="fc-daygrid-day-number">14</a>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "23"WCAG 1.4.3
<a title="Go to April 23, 2026" data-navlink="" tabindex="0" id="fc-dom-52" class="fc-daygrid-day-number">23</a>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Telephone: (515) 283-4500"WCAG 1.4.3
<span class="finfolink">Telephone: <a href="tel:5152834500" rel="noreferrer noopener">(515) 283-4500</a></span>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.98:1 (required: 4.5:1 for normal text). Foreground: rgb(184, 184, 184), background: rgb(255, 255, 255). Text: "30"WCAG 1.4.3
<a title="Go to March 30, 2026" data-navlink="" tabindex="0" id="fc-dom-89" class="fc-daygrid-day-number">30</a>
Current ratio: 1.98:1 (need 4.5:1). Change foreground from #b8b8b8 to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Sign up for email updates and get the latest information fro"WCAG 1.4.3
<h2 class="title">Sign up for email updates and get the latest information from <span><strong>your City</strong></span> right to <span><strong>your inbox</strong></span></h2>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1). 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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "28"WCAG 1.4.3
<a title="Go to April 28, 2026" data-navlink="" tabindex="0" id="fc-dom-147" class="fc-daygrid-day-number">28</a>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 2.08:1 (required: 4.5:1 for normal text). Foreground: rgb(2, 29, 113), background: rgb(172, 26, 47). Text: "share this page"WCAG 1.4.3
<span class="sr-only">share this page</span>
Current ratio: 2.08:1 (need 4.5:1). Change foreground from #021d71 to #b6ceff (ratio: 4.5:1). Current ratio: 2.53:1 (need 4.5:1). Change foreground from #1d3557 to #f1f7ff (ratio: 4.5:1). Current ratio: 1.81:1 (need 4.5:1). Change foreground from #1d3557 to #b6d4fe (ratio: 4.5:1). Current ratio: 1.70:1 (need 4.5:1). Change foreground from #1d3557 to #5b769c (ratio: 4.5:1). Current ratio: 3.89:1 (need 4.5:1). Change foreground from #1d3557 to #132a4c (ratio: 4.5:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "T.M. Franklin Cownie City Administration Building – City Hal"WCAG 1.4.3
<a href="https://maps.app.goo.gl/WUZmG1JUF8yGFTm18" target="_blank" rel="noopener noreferrer"> <strong>T.M. Franklin Cownie City Administration Building – City Hall</strong> <br>1
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "18"WCAG 1.4.3
<a title="Go to April 18, 2026" data-navlink="" tabindex="0" id="fc-dom-127" class="fc-daygrid-day-number">18</a>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Council Meetings"WCAG 1.4.3
<a href="government/city_council/meetings/index.php" class="link" rel="noreferrer noopener"> Council Meetings</a>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "28"WCAG 1.4.3
<a title="Go to April 28, 2026" data-navlink="" tabindex="0" id="fc-dom-62" class="fc-daygrid-day-number">28</a>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.98:1 (required: 4.5:1 for normal text). Foreground: rgb(184, 184, 184), background: rgb(255, 255, 255). Text: "31"WCAG 1.4.3
<a title="Go to March 31, 2026" data-navlink="" tabindex="0" id="fc-dom-91" class="fc-daygrid-day-number">31</a>
Current ratio: 1.98:1 (need 4.5:1). Change foreground from #b8b8b8 to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "15"WCAG 1.4.3
<a title="Go to April 15, 2026" data-navlink="" tabindex="0" id="fc-dom-36" class="fc-daygrid-day-number">15</a>
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: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "22"WCAG 1.4.3
<a title="Go to April 22, 2026" data-navlink="" tabindex="0" id="fc-dom-50" class="fc-daygrid-day-number">22</a>
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 hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns4-item2" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns4-item1" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns2-item5" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns2-item6" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns2-item7" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns3-item5" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns3-item4" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns2-item8" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns3-item3" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highFocus jumps backward from "Accessibility Menu" to "Skip To Main Content" (visual distance: 582px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Skip To Main Content</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-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumLink is distinguished from surrounding text only by color (link: rgb(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/strategic_plans/reflectdsm.php" target="_self" rel="noreferrer noopener">ReflectDSM</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="https://maps.dsm.city/projects/" target="_new" rel="noreferrer noopener">Projects Map</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/development_services/planning_urban_design/index.php" target="_self" rel="noreferrer noopener">Planning & Urban Design</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/community_impact/reports___documents.php" target="_self" rel="noreferrer noopener">Reports & Documents</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/city_council/proclamations.php" target="_self" rel="noreferrer noopener">Proclamations</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_clerk/parking_tickets.php" target="_self" rel="noreferrer noopener">Parking Tickets</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="boards_commissions/transportation_safety.php" target="_self" rel="noreferrer noopener">Transportation Safety Committee</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_manager/facilities/index.php" target="_self" rel="noreferrer noopener">Facilities</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/parks_recreation/volunteer/index.php" target="_self" rel="noreferrer noopener">Volunteer</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/engineering/traffic_transportation/traffic_safety/index.php" target="_self" rel="noreferrer noopener">Vision Zero</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 "share this page" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" class="share-btn floating-share-btn" data-toggle="modal" data-target="#shareModal"><span class="sr-only">share this page</span></button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "#tab1 > div > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > div > button:nth-of-type(2)" inserts 28 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" title="Next month" aria-pressed="false" class="fc-next-button fc-button fc-button-primary"><span class="fc-icon fc-icon-chevron-right"></span></button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumElement overflows viewport by 57px at 320px width.WCAG 1.4.10
<span class="ico" style="background-image:url('set_site_up/qlinks/police-qik.png?t=202508281700310');"></span>Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 52px at 320px width.WCAG 1.4.10
<a href="./departments/police/index.php" class="qlinkBx" rel="noreferrer noopener">
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 44px at 320px width.WCAG 1.4.10
<h2 class="title" style="height: 43.1875px;">Police</h2>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 130px at 320px width.WCAG 1.4.10
<li class="tiny-item tns-item" id="tns2-item5" aria-hidden="true" tabindex="-1">
<a href="./departments/human_resources/caSet max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 348px at 320px width.WCAG 1.4.10
<ul class="tiny-carousel tns-slider tns-carousel tns-subpixel tns-calc tns-horizontal" data-tiny-items="6" id="tns2" style="transition-duration: 0s; transform: translate3d(0%, 0px, 0px);">
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 57px at 320px width.WCAG 1.4.10
<li class="tiny-item tns-item" id="tns2-item4" aria-hidden="true" tabindex="-1">
<a href="./departments/police/index.php" Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 36px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<h3 class="title">Des Moines Public Works Announces Tiny Trees Second Chance Giveaway</h3>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 57px at 320px width.WCAG 1.4.10
<div class="qIco"><span class="ico" style="background-image:url('set_site_up/qlinks/police-qik.png?t=202508281700310');"></span></div>Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
lowBroken link: https://desmoines.rja.revize.com/forms/427 returned status 500 Internal Server Error after 1 attempts
<a href="https://desmoines.rja.revize.com/forms/427">Public Record Request</a>
lowBroken link: https://www.twitter.com/intent/tweet?url=http://www.dsm.city/index.php returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/intent/tweet?url=http://www.dsm.city/index.php">share on twitter</a>
lowBroken link: https://catalog.dmpl.org/?browseCategory=new_books_everyone returned status 403 Forbidden after 1 attempts
<a href="https://catalog.dmpl.org/?browseCategory=new_books_everyone">Browse Catalog</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>
/government/city_council/meetings/index.php36findings
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.
highConsole error: SyntaxError: Unexpected token ')'
https://www.dsm.city/government/city_council/meetings/index.php:816mediumAdd Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highFocus jumps backward from "Accessibility Menu" to "Skip To Main Content" (visual distance: 582px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Skip To Main Content</a>
Reorder elements in the DOM to match the visual layout.
mediumPage has 2 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 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 2 "main" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 main landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "main" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumDocument should not have more than one main landmark: Fix any of the following: Document has more than one main landmark
<main id="main" style="word-break: break-word; zoom: 1.2 !important;" data-userway-s4-zoom-styled="true">
Ensure the document has at most one main landmark. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumMain landmark should not be contained in another landmark: Fix any of the following: The main landmark is contained in another landmark.
<main id="freeform-main" class="has-edit-buttons yes-has-edit-buttons">
Ensure the main landmark is at top level. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/strategic_plans/reflectdsm.php" target="_self" rel="noreferrer noopener">ReflectDSM</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/community_impact/reports___documents.php" target="_self" rel="noreferrer noopener">Reports & Documents</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_manager/facilities/index.php" target="_self" rel="noreferrer noopener">Facilities</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_clerk/parking_tickets.php" target="_self" rel="noreferrer noopener">Parking Tickets</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="https://maps.dsm.city/projects/" target="_new" rel="noreferrer noopener">Projects Map</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/development_services/planning_urban_design/index.php" target="_self" rel="noreferrer noopener">Planning & Urban Design</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="boards_commissions/transportation_safety.php" target="_self" rel="noreferrer noopener">Transportation Safety Committee</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/parks_recreation/volunteer/index.php" target="_self" rel="noreferrer noopener">Volunteer</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/city_council/proclamations.php" target="_self" rel="noreferrer noopener">Proclamations</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/engineering/traffic_transportation/traffic_safety/index.php" target="_self" rel="noreferrer noopener">Vision Zero</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 "share this page" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" class="share-btn floating-share-btn" data-toggle="modal" data-target="#shareModal"><span class="sr-only">share this page</span></button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumContent clipped by 23px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<span class="sz-feedback-rating-icon-label-text sz-feedback-visually-hidden">1/5</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 20px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<span class="sr-only">share this page</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 26px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<label class="fa fa-search sr-only" for="search-input" name="q" id="searchLabel">Search</label>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 7px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<section id="slider" class="tiny-slider-wrap has-edit-buttons yes-has-edit-buttons" aria-label="Page Banner"> <div class="center-center"> <div class="rz-btns-container"> <script langu
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 888px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<label class="sz-feedback-label-note sz-feedback-visually-hidden" for="sz-feedback-textarea">Please leave your feedback regarding the webpage here.</label>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
lowTable header text should not be empty: Fix any of the following: Element does not have text that is visible to screen readers
<th colspan="1">
Ensure table headers have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowTable header text should not be empty: Fix any of the following: Element does not have text that is visible to screen readers
<th colspan="1">
Ensure table headers have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowTable header text should not be empty: Fix any of the following: Element does not have text that is visible to screen readers
<th colspan="1">
Ensure table headers have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowTable header text should not be empty: Fix any of the following: Element does not have text that is visible to screen readers
<th colspan="1">
Ensure table headers have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowTable header text should not be empty: Fix any of the following: Element does not have text that is visible to screen readers
<th colspan="1">
Ensure table headers have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowTable header text should not be empty: Fix any of the following: Element does not have text that is visible to screen readers
<th colspan="1">
Ensure table headers have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowTable header text should not be empty: Fix any of the following: Element does not have text that is visible to screen readers
<th colspan="1">
Ensure table headers have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowTable header text should not be empty: Fix any of the following: Element does not have text that is visible to screen readers
<th colspan="1">
Ensure table headers have discernible text. See: https://www.w3.org/WAI/WCAG22/quickref/
lowBroken link: https://catalog.dmpl.org/?browseCategory=new_books_everyone returned status 403 Forbidden after 1 attempts
<a href="https://catalog.dmpl.org/?browseCategory=new_books_everyone">Browse Catalog</a>
lowBroken link: https://desmoines.rja.revize.com/forms/427 returned status 500 Internal Server Error after 1 attempts
<a href="https://desmoines.rja.revize.com/forms/427">Public Record Request</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>
www.dsm.city35findings
criticalElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 1.98 (foreground color: #b8b8b8, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a title="Go to March 30, 2026" data-navlink="" tabindex="0" id="fc-dom-4" class="fc-daygrid-day-number">30</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 1.98:1 (need 4.5:1). Change foreground from #b8b8b8 to #777676 (ratio: 4.5:1).
criticalElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 1.98 (foreground color: #b8b8b8, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a title="Go to March 31, 2026" data-navlink="" tabindex="0" id="fc-dom-6" class="fc-daygrid-day-number">31</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 1.98:1 (need 4.5:1). Change foreground from #b8b8b8 to #777676 (ratio: 4.5:1).
criticalElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 1.98 (foreground color: #b8b8b8, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1WCAG 1.4.3
<a title="Go to March 29, 2026" data-navlink="" tabindex="0" id="fc-dom-2" class="fc-daygrid-day-number">29</a>
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum Current ratio: 1.98:1 (need 4.5:1). Change foreground from #b8b8b8 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.
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns3-item4" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns4-item2" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns2-item8" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns3-item5" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns2-item7" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns2-item6" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns2-item5" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns4-item1" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOMWCAG 4.1.2
<li class="tiny-item tns-item" id="tns3-item3" aria-hidden="true" tabindex="-1">
Ensure aria-hidden elements are not focusable nor contain focusable elements. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highFocus jumps backward from "Accessibility Menu" to "Skip To Main Content" (visual distance: 594px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Skip To Main Content</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
mediumLink is distinguished from surrounding text only by color (link: rgb(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/parks_recreation/volunteer/index.php" target="_self" rel="noreferrer noopener">Volunteer</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/engineering/traffic_transportation/traffic_safety/index.php" target="_self" rel="noreferrer noopener">Vision Zero</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/strategic_plans/reflectdsm.php" target="_self" rel="noreferrer noopener">ReflectDSM</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="boards_commissions/transportation_safety.php" target="_self" rel="noreferrer noopener">Transportation Safety Committee</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_clerk/parking_tickets.php" target="_self" rel="noreferrer noopener">Parking Tickets</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/community_impact/reports___documents.php" target="_self" rel="noreferrer noopener">Reports & Documents</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="government/city_council/proclamations.php" target="_self" rel="noreferrer noopener">Proclamations</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="https://maps.dsm.city/projects/" target="_new" rel="noreferrer noopener">Projects Map</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/city_manager/facilities/index.php" target="_self" rel="noreferrer noopener">Facilities</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(29, 53, 87), text: rgb(26, 26, 26)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="menuA level2 menuHidden" href="departments/development_services/planning_urban_design/index.php" target="_self" rel="noreferrer noopener">Planning & Urban Design</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 "share this page" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" class="share-btn floating-share-btn" data-toggle="modal" data-target="#shareModal"><span class="sr-only">share this page</span></button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "#tab1 > div > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > div > button:nth-of-type(2)" inserts 28 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button type="button" title="Next month" aria-pressed="false" class="fc-next-button fc-button fc-button-primary"><span class="fc-icon fc-icon-chevron-right"></span></button>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
lowBroken link: https://desmoines.rja.revize.com/forms/427 returned status 500 Internal Server Error after 1 attempts
<a href="https://desmoines.rja.revize.com/forms/427">Public Record Request</a>
lowBroken link: https://www.twitter.com/intent/tweet?url=http://www.dsm.city/ returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/intent/tweet?url=http://www.dsm.city/">share on twitter</a>
lowBroken link: https://catalog.dmpl.org/?browseCategory=new_books_everyone returned status 403 Forbidden after 1 attempts
<a href="https://catalog.dmpl.org/?browseCategory=new_books_everyone">Browse Catalog</a>
lowPossible stuck loading animation: "spinner-dash" still running after page readiness
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
lowPossible stuck loading animation: "spinner-rotator" still running after page readiness
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
Methodology
The Sonde Score is a universal 0–1000 compliance index — think of it like a credit score for accessibility. Each finding is weighted by its impact on human access: a keyboard trap (critical) counts far more than a best-practice suggestion (low). The raw penalty is normalized per page so scores are comparable across sites of any size. A harmonic curve ensures every site gets a meaningful score — no zeros, no false perfection.
where S = sensitivity (750), P = Σ(weight × count), N = pages scanned
| Tier | Weight | Examples |
|---|---|---|
| Critical | 10 | Keyboard traps, missing page language |
| High | 3 | Missing alt text, insufficient contrast |
| Medium | 1 | Heading hierarchy, unclear link purpose |
| Low | 0.25 | Best-practice suggestions |
The Sonde Score is a living standard (v0.1). We’re building it in the open because accessibility is too important for closed-door decisions. Your expertise makes it better.
Enter Mission Control
Review raw findings data, track changes between scans, and contribute to Sonde’s open methodology.
Nominate a Site for the Daylight Index
Know a public website that should be on the accessibility leaderboard? Nominate it — we’ll scan it and publish the results.