Sonde
Accessibility Health Check
https://slco.org
Sonde ScoreHigher is better
Getting Started0–349Needs Attention350–549Progressing550–749Strong750–899Excellent900–1000
Excellent
https://daylight.sonde.tech/usgov/slco-org/
Salt Lake County (UT)
Sonde ScoreHigher is better
Getting Started0–349Needs Attention350–549Progressing550–749Strong750–899Excellent900–1000
Excellent
Executive Summary
Top Findings
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Missing X-Content-Type-Options header
high Missing X-Content-Type-Options header
high Missing X-Content-Type-Options header
high Missing X-Content-Type-Options header
high Missing X-Content-Type-Options header
high Missing X-Content-Type-Options header
high Missing X-Content-Type-Options header
high Missing X-Content-Type-Options header
medium Page has 3 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 3 navigation landmarks, 2 labeled -->
medium Page has 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 5 navigation landmarks, 3 labeled -->
medium Page has 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 5 navigation landmarks, 3 labeled -->
medium Page has 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 5 navigation landmarks, 3 labeled -->
medium Page has 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 5 navigation landmarks, 3 labeled -->
medium Page has 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 5 navigation landmarks, 3 labeled -->
medium Page has 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 5 navigation landmarks, 3 labeled -->
medium Page has 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 5 navigation landmarks, 3 labeled -->
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<section id="frontBanner">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<picture>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div class="ai-agent-chat-avatar-container">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<p class="card-text" id="Quicklink-72202">Salt Lake County's America 250 Food Drive</p>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<picture>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<p class="card-text" id="Quicklink-55044">Summer Reading Challenge</p>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<picture>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<p class="card-text" id="Quicklink-72047">Wheeler Farm Summer Farmer's Market</p>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div class="row">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<section class="stack">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div class="ai-agent-chat-avatar-container">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div class="ai-agent-chat-avatar-container">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div class="ai-agent-chat-avatar-container">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div class="ai-agent-chat-avatar-container">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div class="ai-agent-chat-avatar-container">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div class="ai-agent-chat-avatar-container">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div class="ai-agent-chat-avatar-container">
medium Link 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
Element:
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
medium Link 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
Element:
<a href="/arts-culture-science/">Arts, Culture & Science</a>
medium Link 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
Element:
<a href="/reservation-rentals/">Reservation & Rentals</a>
medium Link 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
Element:
<a href="/landfill-recycling/">Landfill & Recycling</a>
medium Link 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
Element:
<a href="https://www.slcolibrary.org/">Libraries</a>
medium Link 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
Element:
<a href="/aging-adult-services/">Older Adults</a>
medium Link 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
Element:
<a href="/report-something/">Report Something</a>
medium Link 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
Element:
<a href="/family/">Free and Low-Cost Family Activities</a>
medium Link 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
Element:
<a href="/animals-pets/">Animals & Pets</a>
medium Link 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
Element:
<a href="/clerk/marriage/">Marriage</a>
medium Link 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
Element:
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
medium Link 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
Element:
<a href="/arts-culture-science/">Arts, Culture & Science</a>
medium Link 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
Element:
<a href="/reservation-rentals/">Reservation & Rentals</a>
medium Link 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
Element:
<a href="/landfill-recycling/">Landfill & Recycling</a>
medium Link 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
Element:
<a href="https://www.slcolibrary.org/">Libraries</a>
medium Link 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
Element:
<a href="/aging-adult-services/">Older Adults</a>
medium Link 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
Element:
<a href="/report-something/">Report Something</a>
medium Link 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
Element:
<a href="/family/">Free and Low-Cost Family Activities</a>
medium Link 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
Element:
<a href="/animals-pets/">Animals & Pets</a>
medium Link 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
Element:
<a href="/clerk/marriage/">Marriage</a>
medium Link 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
Element:
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
medium Link 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
Element:
<a href="/arts-culture-science/">Arts, Culture & Science</a>
medium Link 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
Element:
<a href="/reservation-rentals/">Reservation & Rentals</a>
medium Link 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
Element:
<a href="/landfill-recycling/">Landfill & Recycling</a>
medium Link 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
Element:
<a href="https://www.slcolibrary.org/">Libraries</a>
medium Link 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
Element:
<a href="/aging-adult-services/">Older Adults</a>
medium Link 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
Element:
<a href="/report-something/">Report Something</a>
medium Link 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
Element:
<a href="/family/">Free and Low-Cost Family Activities</a>
medium Link 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
Element:
<a href="/animals-pets/">Animals & Pets</a>
medium Link 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
Element:
<a href="/clerk/marriage/">Marriage</a>
medium Link 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
Element:
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
medium Link 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
Element:
<a href="/arts-culture-science/">Arts, Culture & Science</a>
medium Link 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
Element:
<a href="/reservation-rentals/">Reservation & Rentals</a>
medium Link 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
Element:
<a href="/landfill-recycling/">Landfill & Recycling</a>
medium Link 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
Element:
<a href="https://www.slcolibrary.org/">Libraries</a>
medium Link 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
Element:
<a href="/aging-adult-services/">Older Adults</a>
medium Link 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
Element:
<a href="/report-something/">Report Something</a>
medium Link 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
Element:
<a href="/family/">Free and Low-Cost Family Activities</a>
medium Link 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
Element:
<a href="/animals-pets/">Animals & Pets</a>
medium Link 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
Element:
<a href="/clerk/marriage/">Marriage</a>
medium Link 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
Element:
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
medium Link 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
Element:
<a href="/arts-culture-science/">Arts, Culture & Science</a>
medium Link 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
Element:
<a href="/reservation-rentals/">Reservation & Rentals</a>
medium Link 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
Element:
<a href="/landfill-recycling/">Landfill & Recycling</a>
medium Link 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
Element:
<a href="https://www.slcolibrary.org/">Libraries</a>
medium Link 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
Element:
<a href="/aging-adult-services/">Older Adults</a>
medium Link 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
Element:
<a href="/report-something/">Report Something</a>
medium Link 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
Element:
<a href="/family/">Free and Low-Cost Family Activities</a>
medium Link 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
Element:
<a href="/animals-pets/">Animals & Pets</a>
medium Link 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
Element:
<a href="/clerk/marriage/">Marriage</a>
medium Link 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
Element:
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
medium Link 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
Element:
<a href="/arts-culture-science/">Arts, Culture & Science</a>
medium Link 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
Element:
<a href="/reservation-rentals/">Reservation & Rentals</a>
medium Link 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
Element:
<a href="/landfill-recycling/">Landfill & Recycling</a>
medium Link 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
Element:
<a href="https://www.slcolibrary.org/">Libraries</a>
medium Link 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
Element:
<a href="/aging-adult-services/">Older Adults</a>
medium Link 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
Element:
<a href="/report-something/">Report Something</a>
medium Link 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
Element:
<a href="/family/">Free and Low-Cost Family Activities</a>
medium Link 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
Element:
<a href="/animals-pets/">Animals & Pets</a>
medium Link 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
Element:
<a href="/clerk/marriage/">Marriage</a>
medium Link 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
Element:
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
medium Link 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
Element:
<a href="/arts-culture-science/">Arts, Culture & Science</a>
medium Link 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
Element:
<a href="/reservation-rentals/">Reservation & Rentals</a>
medium Link 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
Element:
<a href="/landfill-recycling/">Landfill & Recycling</a>
medium Link 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
Element:
<a href="https://www.slcolibrary.org/">Libraries</a>
medium Link 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
Element:
<a href="/aging-adult-services/">Older Adults</a>
medium Link 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
Element:
<a href="/report-something/">Report Something</a>
medium Link 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
Element:
<a href="/family/">Free and Low-Cost Family Activities</a>
medium Link 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
Element:
<a href="/animals-pets/">Animals & Pets</a>
medium Link 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
Element:
<a href="/clerk/marriage/">Marriage</a>
medium Link 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
Element:
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
medium Link 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
Element:
<a href="/arts-culture-science/">Arts, Culture & Science</a>
medium Link 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
Element:
<a href="/reservation-rentals/">Reservation & Rentals</a>
medium Link 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
Element:
<a href="/landfill-recycling/">Landfill & Recycling</a>
medium Link 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
Element:
<a href="https://www.slcolibrary.org/">Libraries</a>
medium Link 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
Element:
<a href="/aging-adult-services/">Older Adults</a>
medium Link 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
Element:
<a href="/report-something/">Report Something</a>
medium Link 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
Element:
<a href="/family/">Free and Low-Cost Family Activities</a>
medium Link 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
Element:
<a href="/animals-pets/">Animals & Pets</a>
medium Link 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
Element:
<a href="/clerk/marriage/">Marriage</a>
medium The same link functionality is identified as "Animals & Pets" on https://www.saltlakecounty.gov/ and "Skip to main content" on https://www.saltlakecounty.gov/animals-pets. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#skipto" class="visually-hidden-focusable">Skip to main content</a>
medium The same link functionality is identified as "Arts, Culture & Science" on https://www.saltlakecounty.gov/ and "Skip to main content" on https://www.saltlakecounty.gov/arts-culture-science. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#skipto" class="visually-hidden-focusable">Skip to main content</a>
medium The same link functionality is identified as "Free and Low-Cost Family Activities" on https://www.saltlakecounty.gov/ and "Skip to main content" on https://www.saltlakecounty.gov/family. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#skipto" class="visually-hidden-focusable">Skip to main content</a>
medium The same link functionality is identified as "Landfill & Recycling" on https://www.saltlakecounty.gov/ and "Skip to main content" on https://www.saltlakecounty.gov/landfill-recycling. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#skipto" class="visually-hidden-focusable">Skip to main content</a>
medium The same link functionality is identified as "Parks, Fitness, & Recreation" on https://www.saltlakecounty.gov/ and "Skip to main content" on https://www.saltlakecounty.gov/parks-fitness-recreation. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#skipto" class="visually-hidden-focusable">Skip to main content</a>
medium The same link functionality is identified as "Older Adults" on https://www.saltlakecounty.gov/ and "Learn more about Aging & Adult Services" on https://www.saltlakecounty.gov/parks-fitness-recreation. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="/aging-adult-services/" class="btn btn-slco" aria-label="Learn more about Aging & Adult Services" data-sonde-contrast-state-id="sonde-contrast-state-9" data-sonde-contrast-state-owned="true">Learn more</a>
medium The same link functionality is identified as "Report Something" on https://www.saltlakecounty.gov/ and "Skip to main content" on https://www.saltlakecounty.gov/report-something. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#skipto" class="visually-hidden-focusable">Skip to main content</a>
medium The same link functionality is identified as "Reservation & Rentals" on https://www.saltlakecounty.gov/ and "Skip to main content" on https://www.saltlakecounty.gov/reservation-rentals. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#skipto" class="visually-hidden-focusable">Skip to main content</a>
medium The same link functionality is identified as "Older Adults" on https://www.saltlakecounty.gov/ and "Learn more about Aging & Adult Services" on https://www.saltlakecounty.gov/reservation-rentals. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="/aging-adult-services/" class="btn btn-slco" aria-label="Learn more about Aging & Adult Services" data-sonde-contrast-state-id="sonde-contrast-state-12" data-sonde-contrast-state-owned="true">Learn more</a>
medium Interactive control "#contactEmailLink-213" is only 17px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#contactEmailLink-213>
medium Interactive control "#contactEmailLink-260" is only 17px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#contactEmailLink-260>
medium Primary content surface "main" is only 880px wide at Large monitor (2560px viewport). Sonde responsive contract expects ≥ 1152px on this tier. WCAG Sonde responsive contract
Element:
<main>
medium Element overflows viewport by 7px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<img draggable="false" src="https://slco.jotform.com/agent/0195c9ce88fd7d818393eaf9d0a4eda48f6e/avatar-icon" alt="agent" width="80" height="80">
medium Element overflows viewport by 12px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<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>
medium Element overflows viewport by 7px at Phone SE (320px width). WCAG 1.4.10
Element:
<img draggable="false" src="https://slco.jotform.com/agent/0195c9ce88fd7d818393eaf9d0a4eda48f6e/avatar-icon" alt="agent" width="80" height="80">
medium Interactive control "#contactEmailLink-2014" is only 17px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#contactEmailLink-2014>
medium Interactive control "#contactEmailLink-2015" is only 17px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#contactEmailLink-2015>
medium Interactive control "a.navbar-brand" is only 29px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.navbar-brand>
medium Interactive control "a.visually-hidden-focusable" is only 1px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.visually-hidden-focusable>
medium Interactive control "button.navbar-toggler" is only 31px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.navbar-toggler>
medium Content 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
Element:
<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
medium Content 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
Element:
<a href="#skipto" class="visually-hidden-focusable">Skip to main content</a>
medium Content clipped by 29px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Element:
<span class="visually-hidden">Contact</span>
medium Interactive control "#contactEmailLinkdirect-16241" is only 17px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#contactEmailLinkdirect-16241>
medium Interactive control "#contactEmailLink-212" is only 41px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#contactEmailLink-212>
medium Interactive control "#contactEmailLink-1175" is only 17px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#contactEmailLink-1175>
medium Interactive control "#contactEmailLink-1187" is only 17px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#contactEmailLink-1187>
low Deep 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
Element:
<nav role="nav">Footer Navigation</nav>
low Link timeout: https://www.slcolibrary.org/ did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.slcolibrary.org/">Find Your Library
</a>low Link timeout: https://www.slcolibrary.org/ did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.slcolibrary.org/">Libraries
</a>low Broken link: https://twitter.com/SLCoMayor returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/SLCoMayor">Twitter for Salt Lake County Mayor</a>
low Link timeout: https://www.saltlakecountyarts.org/art-in-public-places?section=about did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.saltlakecountyarts.org/art-in-public-places?section=about">Art in Public Places</a>
low Link timeout: https://www.slcolibrary.org/ did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.slcolibrary.org/">The County Library</a>
Best Page Fix Opportunities
/animals-pets29findings
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Missing X-Content-Type-Options header
medium Page has 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 5 navigation landmarks, 3 labeled -->
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div class="ai-agent-chat-avatar-container">
medium Link 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
Element:
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
medium Link 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
Element:
<a href="/arts-culture-science/">Arts, Culture & Science</a>
medium Link 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
Element:
<a href="/reservation-rentals/">Reservation & Rentals</a>
medium Link 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
Element:
<a href="/landfill-recycling/">Landfill & Recycling</a>
medium Link 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
Element:
<a href="https://www.slcolibrary.org/">Libraries</a>
medium Link 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
Element:
<a href="/aging-adult-services/">Older Adults</a>
medium Link 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
Element:
<a href="/report-something/">Report Something</a>
medium Link 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
Element:
<a href="/family/">Free and Low-Cost Family Activities</a>
medium Link 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
Element:
<a href="/animals-pets/">Animals & Pets</a>
medium Link 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
Element:
<a href="/clerk/marriage/">Marriage</a>
medium The same link functionality is identified as "Animals & Pets" on https://www.saltlakecounty.gov/ and "Skip to main content" on https://www.saltlakecounty.gov/animals-pets. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#skipto" class="visually-hidden-focusable">Skip to main content</a>
medium Primary content surface "main" is only 880px wide at Large monitor (2560px viewport). Sonde responsive contract expects ≥ 1152px on this tier. WCAG Sonde responsive contract
Element:
<main>
medium Element overflows viewport by 7px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<img draggable="false" src="https://slco.jotform.com/agent/0195c9ce88fd7d818393eaf9d0a4eda48f6e/avatar-icon" alt="agent" width="80" height="80">
medium Element overflows viewport by 12px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<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>
medium Element overflows viewport by 7px at Phone SE (320px width). WCAG 1.4.10
Element:
<img draggable="false" src="https://slco.jotform.com/agent/0195c9ce88fd7d818393eaf9d0a4eda48f6e/avatar-icon" alt="agent" width="80" height="80">
medium Interactive control "#contactEmailLink-2014" is only 17px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#contactEmailLink-2014>
medium Interactive control "#contactEmailLink-2015" is only 17px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#contactEmailLink-2015>
medium Interactive control "a.navbar-brand" is only 29px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.navbar-brand>
medium Interactive control "a.visually-hidden-focusable" is only 1px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.visually-hidden-focusable>
medium Interactive control "button.navbar-toggler" is only 31px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.navbar-toggler>
medium Content 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
Element:
<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
medium Content 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
Element:
<a href="#skipto" class="visually-hidden-focusable">Skip to main content</a>
medium Content clipped by 29px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Element:
<span class="visually-hidden">Contact</span>
www.saltlakecounty.gov24findings
high Missing X-Content-Type-Options header
medium Page has 3 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 3 navigation landmarks, 2 labeled -->
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<section id="frontBanner">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<picture>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div class="ai-agent-chat-avatar-container">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<p class="card-text" id="Quicklink-72202">Salt Lake County's America 250 Food Drive</p>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<picture>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<p class="card-text" id="Quicklink-55044">Summer Reading Challenge</p>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<picture>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<p class="card-text" id="Quicklink-72047">Wheeler Farm Summer Farmer's Market</p>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div class="row">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<section class="stack">
medium Link 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
Element:
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
medium Link 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
Element:
<a href="/arts-culture-science/">Arts, Culture & Science</a>
medium Link 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
Element:
<a href="/reservation-rentals/">Reservation & Rentals</a>
medium Link 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
Element:
<a href="/landfill-recycling/">Landfill & Recycling</a>
medium Link 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
Element:
<a href="https://www.slcolibrary.org/">Libraries</a>
medium Link 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
Element:
<a href="/aging-adult-services/">Older Adults</a>
medium Link 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
Element:
<a href="/report-something/">Report Something</a>
medium Link 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
Element:
<a href="/family/">Free and Low-Cost Family Activities</a>
medium Link 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
Element:
<a href="/animals-pets/">Animals & Pets</a>
medium Link 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
Element:
<a href="/clerk/marriage/">Marriage</a>
low Link timeout: https://www.slcolibrary.org/ did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.slcolibrary.org/">Find Your Library
</a>/family22findings
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Missing X-Content-Type-Options header
medium Page has 5 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 5 navigation landmarks, 3 labeled -->
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<h2 id="OverviewTitle" class="mainTitle msg">Overview</h2>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div class="ai-agent-chat-avatar-container">
medium Link 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
Element:
<a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a>
medium Link 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
Element:
<a href="/arts-culture-science/">Arts, Culture & Science</a>
medium Link 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
Element:
<a href="/reservation-rentals/">Reservation & Rentals</a>
medium Link 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
Element:
<a href="/landfill-recycling/">Landfill & Recycling</a>
medium Link 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
Element:
<a href="https://www.slcolibrary.org/">Libraries</a>
medium Link 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
Element:
<a href="/aging-adult-services/">Older Adults</a>
medium Link 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
Element:
<a href="/report-something/">Report Something</a>
medium Link 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
Element:
<a href="/family/">Free and Low-Cost Family Activities</a>
medium Link 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
Element:
<a href="/animals-pets/">Animals & Pets</a>
medium Link 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
Element:
<a href="/clerk/marriage/">Marriage</a>
medium The same link functionality is identified as "Free and Low-Cost Family Activities" on https://www.saltlakecounty.gov/ and "Skip to main content" on https://www.saltlakecounty.gov/family. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#skipto" class="visually-hidden-focusable">Skip to main content</a>
medium Interactive control "#contactEmailLinkdirect-16241" is only 17px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#contactEmailLinkdirect-16241>
low Broken link: https://twitter.com/SLCoMayor returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/SLCoMayor">Twitter for Salt Lake County Mayor</a>
low Link timeout: https://www.saltlakecountyarts.org/art-in-public-places?section=about did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.saltlakecountyarts.org/art-in-public-places?section=about">Art in Public Places</a>
low Link timeout: https://www.slcolibrary.org/ did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.slcolibrary.org/">The County Library</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.
Score = round(1000 × S / (S + P/N))
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 publish the methodology and invite public feedback 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.