Accessibility Health Check
https://slco.org
Excellent
https://daylight.sonde.life/usgov/slco-org/
Excellent
Executive Summary
Top Findings
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.
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.
highMissing X-Content-Type-Options header
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
highMissing X-Content-Type-Options header
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
highMissing X-Content-Type-Options header
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
highMissing X-Content-Type-Options header
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
highMissing X-Content-Type-Options header
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
highMissing X-Content-Type-Options header
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
highMissing X-Content-Type-Options header
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
highMissing X-Content-Type-Options header
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
highMissing X-Content-Type-Options header
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
highMissing X-Content-Type-Options header
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
highMissing X-Content-Type-Options header
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
highMissing X-Content-Type-Options header
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 3 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 3 navigation landmarks, 2 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 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 5 navigation landmarks, 3 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 5 navigation landmarks, 3 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 5 navigation landmarks, 3 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 5 navigation landmarks, 3 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 5 navigation landmarks, 3 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 6 "navigation" landmarks but only 4 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 6 navigation landmarks, 4 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 5 navigation landmarks, 3 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 6 "navigation" landmarks but only 4 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 6 navigation landmarks, 4 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 5 navigation landmarks, 3 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 5 navigation landmarks, 3 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 5 navigation landmarks, 3 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 5 navigation landmarks, 3 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<p class="card-text" id="Quicklink-49512">Free and Low-Cost Family Activities</p>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<p class="card-text" id="Quicklink-66831">Tax Relief Programs</p>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="frontBanner">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<picture>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<picture>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="ai-agent-chat-avatar-container">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section class="stack">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="row">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="ai-agent-chat-avatar-container">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="ai-agent-chat-avatar-container">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="ai-agent-chat-avatar-container">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="row">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="ai-agent-chat-avatar-container">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="ai-agent-chat-avatar-container">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="ai-agent-chat-avatar-container">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="ai-agent-chat-avatar-container">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="ai-agent-chat-avatar-container">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="ai-agent-chat-avatar-container">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="ai-agent-chat-avatar-container">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="ai-agent-chat-avatar-container">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/aging-adult-services/">Older Adults</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/arts-culture-science/">Arts, Culture & Science</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animals-pets/">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/clerk/marriage/">Marriage</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/family/">Free and Low-Cost Family Activities</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/reservation-rentals/">Reservation & Rentals</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/report-something/">Report Something</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/landfill-recycling/">Landfill & Recycling</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.slcolibrary.org/">Libraries</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/family/">Free and Low-Cost Family Activities</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/report-something/">Report Something</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/clerk/marriage/">Marriage</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animals-pets/">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/aging-adult-services/">Older Adults</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/arts-culture-science/">Arts, Culture & Science</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/reservation-rentals/">Reservation & Rentals</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/landfill-recycling/">Landfill & Recycling</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.slcolibrary.org/">Libraries</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/reservation-rentals/">Reservation & Rentals</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/aging-adult-services/">Older Adults</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/family/">Free and Low-Cost Family Activities</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/report-something/">Report Something</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/landfill-recycling/">Landfill & Recycling</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.slcolibrary.org/">Libraries</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/clerk/marriage/">Marriage</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animals-pets/">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/arts-culture-science/">Arts, Culture & Science</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.slcolibrary.org/">Libraries</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/arts-culture-science/">Arts, Culture & Science</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/aging-adult-services/">Older Adults</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/landfill-recycling/">Landfill & Recycling</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/family/">Free and Low-Cost Family Activities</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animals-pets/">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/report-something/">Report Something</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/reservation-rentals/">Reservation & Rentals</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/clerk/marriage/">Marriage</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/landfill-recycling/">Landfill & Recycling</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/arts-culture-science/">Arts, Culture & Science</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/aging-adult-services/">Older Adults</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/report-something/">Report Something</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/reservation-rentals/">Reservation & Rentals</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/family/">Free and Low-Cost Family Activities</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.slcolibrary.org/">Libraries</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animals-pets/">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/clerk/marriage/">Marriage</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/landfill-recycling/">Landfill & Recycling</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/aging-adult-services/">Older Adults</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/arts-culture-science/">Arts, Culture & Science</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/reservation-rentals/">Reservation & Rentals</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/clerk/marriage/">Marriage</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animals-pets/">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/family/">Free and Low-Cost Family Activities</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.slcolibrary.org/">Libraries</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/report-something/">Report Something</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.slcolibrary.org/">Libraries</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/reservation-rentals/">Reservation & Rentals</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/landfill-recycling/">Landfill & Recycling</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/arts-culture-science/">Arts, Culture & Science</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/aging-adult-services/">Older Adults</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/clerk/marriage/">Marriage</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animals-pets/">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/family/">Free and Low-Cost Family Activities</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/report-something/">Report Something</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/landfill-recycling/">Landfill & Recycling</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/clerk/marriage/">Marriage</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/aging-adult-services/">Older Adults</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/report-something/">Report Something</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animals-pets/">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/arts-culture-science/">Arts, Culture & Science</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/family/">Free and Low-Cost Family Activities</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.slcolibrary.org/">Libraries</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/reservation-rentals/">Reservation & Rentals</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/report-something/">Report Something</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/clerk/marriage/">Marriage</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/family/">Free and Low-Cost Family Activities</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/landfill-recycling/">Landfill & Recycling</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/arts-culture-science/">Arts, Culture & Science</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.slcolibrary.org/">Libraries</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/reservation-rentals/">Reservation & Rentals</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animals-pets/">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/aging-adult-services/">Older Adults</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/clerk/marriage/">Marriage</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animals-pets/">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/report-something/">Report Something</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/reservation-rentals/">Reservation & Rentals</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/family/">Free and Low-Cost Family Activities</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/arts-culture-science/">Arts, Culture & Science</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/aging-adult-services/">Older Adults</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.slcolibrary.org/">Libraries</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/landfill-recycling/">Landfill & Recycling</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animals-pets/">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/reservation-rentals/">Reservation & Rentals</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/landfill-recycling/">Landfill & Recycling</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/report-something/">Report Something</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/aging-adult-services/">Older Adults</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/family/">Free and Low-Cost Family Activities</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.slcolibrary.org/">Libraries</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/clerk/marriage/">Marriage</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/arts-culture-science/">Arts, Culture & Science</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/aging-adult-services/">Older Adults</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/reservation-rentals/">Reservation & Rentals</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/landfill-recycling/">Landfill & Recycling</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/clerk/marriage/">Marriage</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animals-pets/">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/arts-culture-science/">Arts, Culture & Science</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/family/">Free and Low-Cost Family Activities</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.slcolibrary.org/">Libraries</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/report-something/">Report Something</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/arts-culture-science/">Arts, Culture & Science</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/report-something/">Report Something</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.slcolibrary.org/">Libraries</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/aging-adult-services/">Older Adults</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animals-pets/">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/reservation-rentals/">Reservation & Rentals</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/family/">Free and Low-Cost Family Activities</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/clerk/marriage/">Marriage</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/landfill-recycling/">Landfill & Recycling</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.
mediumInsufficient color contrast: 4.48:1 (required: 4.5:1 for normal text). Foreground: rgb(108, 117, 125), background: rgb(252, 249, 249). Text: "Slide menu left"WCAG 1.4.3
<span class="visually-hidden">Slide menu left</span>
Current ratio: 4.48:1 (need 4.5:1). Change foreground from #6c757d to #6c747c (ratio: 4.5:1).
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
mediumElement overflows viewport by 9px at 320px width.WCAG 1.4.10
<span class="ai-agent-chat-avatar-pulse pulse-1 size-lg" style="background: linear-gradient(rgb(140, 29, 64) 0%, rgb(145, 14, 62) 100%);"></span>
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
<div id="ChatbotMsg" role="alert" aria-live="assertive" class="visually-hidden">A chat bot has been loaded to the page. To access this chatbot use the region key to navigate to the footer and the grap
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 127px at 320px width.WCAG 1.4.10
<a class="nav-link" href="/get-involved/letters-proclamations/">Letters & Proclamations</a>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 7px at 320px width.WCAG 1.4.10
<img draggable="false" src="https://slco.jotform.com/agent/0195c9ce88fd7d818393eaf9d0a4eda48f6e/avatar-icon" alt="agent" width="80" height="80">
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="visually-hidden">Slide menu left</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 23px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<a href="#skipto" class="visually-hidden-focusable">Skip to main content</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 147px at 320px width.WCAG 1.4.10
<li class="nav-item am-item" role="menuitem">
<a class="nav-link" href="/get-involved/letters-proclamations/">Letters & Proclamations</a>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 12px at 320px width.WCAG 1.4.10
<span class="ai-agent-chat-avatar-pulse pulse-2 size-lg" style="background: linear-gradient(rgb(140, 29, 64) 0%, rgb(145, 14, 62) 100%);"></span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumMissing X-Frame-Options header
Add X-Frame-Options: DENY or SAMEORIGIN Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
lowDeep focus region: aside "Contact Aging & Adult Services " has 13 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<aside role="aside">Contact Aging & Adult Services
</aside>Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowDeep focus region: nav "Footer Navigation" has 11 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<nav role="nav">Footer Navigation</nav>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowBroken link: https://twitter.com/SLCoMayor returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/SLCoMayor">Twitter for Salt Lake County Mayor</a>
lowBroken link: https://saltlakesearchandrescue.org/psar-events/ returned status 404 Not Found after 1 attempts
<a href="https://saltlakesearchandrescue.org/psar-events/">Preventative Search & Rescue Training</a>
lowBroken link: https://twitter.com/SLCoMayor returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/SLCoMayor">Twitter for Salt Lake County Mayor</a>
Best Page Fix Opportunities
/get-involved25findings
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.
highMissing X-Content-Type-Options header
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 6 "navigation" landmarks but only 4 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 6 navigation landmarks, 4 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="ai-agent-chat-avatar-container">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.slcolibrary.org/">Libraries</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/reservation-rentals/">Reservation & Rentals</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/landfill-recycling/">Landfill & Recycling</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/arts-culture-science/">Arts, Culture & Science</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/aging-adult-services/">Older Adults</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/clerk/marriage/">Marriage</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animals-pets/">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/family/">Free and Low-Cost Family Activities</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/report-something/">Report Something</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.
mediumElement overflows viewport by 127px at 320px width.WCAG 1.4.10
<a class="nav-link" href="/get-involved/letters-proclamations/">Letters & Proclamations</a>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 7px at 320px width.WCAG 1.4.10
<img draggable="false" src="https://slco.jotform.com/agent/0195c9ce88fd7d818393eaf9d0a4eda48f6e/avatar-icon" alt="agent" width="80" height="80">
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="visually-hidden">Slide menu left</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 23px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<a href="#skipto" class="visually-hidden-focusable">Skip to main content</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 147px at 320px width.WCAG 1.4.10
<li class="nav-item am-item" role="menuitem">
<a class="nav-link" href="/get-involved/letters-proclamations/">Letters & Proclamations</a>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
lowBroken link: https://saltlakesearchandrescue.org/psar-events/ returned status 404 Not Found after 1 attempts
<a href="https://saltlakesearchandrescue.org/psar-events/">Preventative Search & Rescue Training</a>
www.saltlakecounty.gov22findings
highMissing X-Content-Type-Options header
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 3 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 3 navigation landmarks, 2 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<p class="card-text" id="Quicklink-49512">Free and Low-Cost Family Activities</p>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<p class="card-text" id="Quicklink-66831">Tax Relief Programs</p>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section id="frontBanner">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<picture>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<picture>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="ai-agent-chat-avatar-container">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<section class="stack">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="row">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/aging-adult-services/">Older Adults</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/arts-culture-science/">Arts, Culture & Science</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animals-pets/">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/clerk/marriage/">Marriage</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/family/">Free and Low-Cost Family Activities</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/reservation-rentals/">Reservation & Rentals</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/report-something/">Report Something</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/landfill-recycling/">Landfill & Recycling</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.slcolibrary.org/">Libraries</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.
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
/mayor21findings
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.
mediumPage has 6 "navigation" landmarks but only 4 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 6 navigation landmarks, 4 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/report-something/">Report Something</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/clerk/marriage/">Marriage</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/family/">Free and Low-Cost Family Activities</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/landfill-recycling/">Landfill & Recycling</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/arts-culture-science/">Arts, Culture & Science</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.slcolibrary.org/">Libraries</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/reservation-rentals/">Reservation & Rentals</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animals-pets/">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 0, 0), text: rgb(40, 37, 37)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/aging-adult-services/">Older Adults</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.
mediumInsufficient color contrast: 4.48:1 (required: 4.5:1 for normal text). Foreground: rgb(108, 117, 125), background: rgb(252, 249, 249). Text: "Slide menu left"WCAG 1.4.3
<span class="visually-hidden">Slide menu left</span>
Current ratio: 4.48:1 (need 4.5:1). Change foreground from #6c757d to #6c747c (ratio: 4.5:1).
mediumMissing X-Frame-Options header
Add X-Frame-Options: DENY or SAMEORIGIN Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
lowDeep focus region: nav "Footer Navigation" has 11 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<nav role="nav">Footer Navigation</nav>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowBroken link: https://twitter.com/SLCoMayor returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/SLCoMayor">Twitter for Salt Lake County Mayor</a>
Methodology
The Sonde Score is a universal 0–1000 compliance index — think of it like a credit score for accessibility. Each finding is weighted by its impact on human access: a keyboard trap (critical) counts far more than a best-practice suggestion (low). The raw penalty is normalized per page so scores are comparable across sites of any size. A harmonic curve ensures every site gets a meaningful score — no zeros, no false perfection.
where S = sensitivity (750), P = Σ(weight × count), N = pages scanned
| Tier | Weight | Examples |
|---|---|---|
| Critical | 10 | Keyboard traps, missing page language |
| High | 3 | Missing alt text, insufficient contrast |
| Medium | 1 | Heading hierarchy, unclear link purpose |
| Low | 0.25 | Best-practice suggestions |
The Sonde Score is a living standard (v0.1). We’re building it in the open because accessibility is too important for closed-door decisions. Your expertise makes it better.
Enter Mission Control
Review raw findings data, track changes between scans, and contribute to Sonde’s open methodology.
Nominate a Site for the Daylight Index
Know a public website that should be on the accessibility leaderboard? Nominate it — we’ll scan it and publish the results.