Sonde
Accessibility Health Check
https://phila.gov
Sonde ScoreHigher is better
Getting Started0–349Needs Attention350–549Progressing550–749Strong750–899Excellent900–1000
Excellent
https://daylight.sonde.tech/usgov/phila-gov/
City of Philadelphia
Sonde ScoreHigher is better
Getting Started0–349Needs Attention350–549Progressing550–749Strong750–899Excellent900–1000
Excellent
Executive Summary
Top Findings
critical Images must have alternative text: Fix any of the following: Element does not have an alt attribute aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element's default semantics were not overridden with role="none" or role="presentation" WCAG 1.1.1
Element:
<img src="https://www.phila.gov/assets/images/website/phillystat360.png">
critical Buttons must have discernible text: Fix any of the following: Element does not have inner text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> Element's default semantics were not overridden with role="none" or role="presentation" WCAG 4.1.2
Element:
<button data-v-16ff45b0="" class="search-submit"><i data-v-16ff45b0="" class="fa-solid fa-magnifying-glass"></i></button>
critical Certain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: [role=none] WCAG 1.3.1
Element:
<ul id="menu-office-of-the-chief-integrity-officer" class="secondary-menu vertical medium-horizontal menu dropdown" data-responsive-menu="accordion medium-dropdown" role="menubar" data-dropdown-menu="...
critical Certain ARIA roles must be contained by particular parents: Fix any of the following: Required ARIA parents role not present: menu, menubar, group WCAG 1.3.1
Element:
<a href="https://www.phila.gov/departments/office-of-the-chief-integrity-officer/resources/" role="menuitem" data-sonde-contrast-state-id="sonde-contrast-state-14" data-sonde-contrast-state-owned="tru...
critical Insufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "One Philly," WCAG 1.4.3
Element:
<span data-v-cade5010="" class="new-header-text">One Philly,</span>
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 <ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: button WCAG 1.3.1
Element:
<ul class="translations-bar menu">
high <ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: button WCAG 1.3.1
Element:
<ul class="translations-bar menu">
high <ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: button WCAG 1.3.1
Element:
<ul class="translations-bar menu">
high Frames must have an accessible name: Fix any of the following: Element has no title attribute aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element's default semantics were not overridden with role="none" or role="presentation" WCAG 4.1.2
Element:
<iframe src="https://videoplayer.telvue.com/player/20JKopjPhxAFcodgOvrCb6-DDTEOqxDu/stream/414?fullscreen=false&showtabssearch=false&autostart=false" width="750" height="620" frameborder="0" a...
high <ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: button WCAG 1.3.1
Element:
<ul class="translations-bar menu">
high <ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: button WCAG 1.3.1
Element:
<ul class="translations-bar menu">
high Focus jumps backward from "Sign up for email updates" to "#back-to-top" (visual distance: 754px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a></a>
high Focus jumps backward from "Submit a cable TV service complaint" to "#back-to-top" (visual distance: 660px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a></a>
high Focus jumps backward from "taylor.veasley@phila.gov" to "#back-to-top" (visual distance: 2265px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a></a>
high Missing Strict-Transport-Security header (HSTS)
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 4 "banner" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 4 banner landmarks, 0 labeled -->
medium Page has 6 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 6 navigation landmarks, 1 labeled -->
medium Page has 6 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 6 navigation landmarks, 1 labeled -->
medium Page has 2 "banner" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 2 banner landmarks, 0 labeled -->
medium Page has 6 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 6 navigation landmarks, 1 labeled -->
medium Page has 2 "banner" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 2 banner landmarks, 0 labeled -->
medium Page has 6 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 6 navigation landmarks, 1 labeled -->
medium Page has 2 "banner" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 2 banner landmarks, 0 labeled -->
medium Page has 7 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 7 navigation landmarks, 1 labeled -->
medium Document should not have more than one banner landmark: Fix any of the following: Document has more than one banner landmark
Element:
<header class="global-nav pbn-mu mbn-mu">
medium Document should have one main landmark: Fix all of the following: Document does not have a main landmark
Element:
<html lang="en" class="" style="height: 100%;">
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<nav>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div data-v-a2397ec8="" class="grid-container mbxl fluid access-philly desktop-only">
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="grid-container cta-label">
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="grid-container"><h2 class="header"> Commonly used tools </h2></div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>Parks & Recreation Finder</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>Contracts hub</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>Out-of-school-time activity finder</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>Free food and meal finder</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>Atlas</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>Primary care finder</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>eCLIPSE</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>StreetSmartPHL</span>
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="grid-container group button-padding"><a href="https://www.phila.gov/tools/" aria-label="See all tools " class="button float-right content-type-featured"> See all tools <i aria-hidden="true...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<h2 class="header"> Featured news </h2>
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="cell align-self-bottom"><div class="post-meta"><span class="date-published"><time datetime="2026-05-19 11:17:29">May 19, 2026</time></span></div></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="cell align-self-bottom"><div class="post-meta"><span class="date-published"><time datetime="2026-05-18 16:05:43">May 18, 2026</time></span></div></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="cell align-self-bottom"><div class="post-meta"><span class="date-published"><time datetime="2026-05-18 15:41:49">May 18, 2026</time></span></div></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="grid-container group"><a href="https://www.phila.gov/the-latest/" aria-label="See all news" class="button float-right content-type-featured mbxl"> See all news & events <i aria-hidden=...
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="services" class="services-header"> Services by topic </h2>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Birth, marriage & life events</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Business & self-employment</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Cars, parking & transportation</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Crime, law & justice</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Culture & recreation</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Diversity, inclusion, accessibility & immigration</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Education & learning</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Ethics & transparency</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Mental & physical health</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Payments, assistance & taxes</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Permits, violations & licenses</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Property, lots & housing</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Safety & emergency preparedness</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Streets, sidewalks & alleys</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Trash, recycling & city upkeep</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Trees, parks & the environment</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Water, gas & utilities</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Working & jobs</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Zoning, planning & development</span>
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="grid-container group ptl"><a href="https://www.phila.gov/services/" aria-label="See all services" class="button float-right content-type-services mbxl"> See all services <i aria-hidden="tr...
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="philly311 grid-container fluid pbxxl">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<h2 class="header"> Clean & green </h2>
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="content mvl"> Our city is rallying together to make Philly the safest, cleanest, and greenest big city in the nation, with economic opportunity for all. Follow the citywide strategy that's...
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="content"><div class="number mtl"> 0 </div><div class="description"> Blocks swept </div></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="content"><div class="number mtl"> 0 </div><div class="description"> Abandoned autos removed </div></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="content"><div class="number mtl"> 0 </div><div class="description"> Properties cleaned and sealed </div></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="content"><div class="number mtl"> 0 </div><div class="description"> Graffiti removed </div></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="grid-container group"><a href="https://www.phila.gov/departments/office-of-clean-and-green-initiatives/" aria-label="Learn more" class="button content-type-featured"> SEE ALL CLEAN & G...
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="grid-container fluid mayor ptxl pbxl">
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="grid-container fluid city-council">
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="stay-connected grid-container fluid">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a href="#page" id="back-to-top"><i class="fas fa-arrow-up" aria-hidden="true"></i><br>Top</a>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div data-v-cade5010="" class="cell large-12 small-24 large-order-1 small-order-2"><div data-v-cade5010="" class="header-text"><span data-v-cade5010="" class="new-header-text">One Philly,</span><br da...
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="cell"><div class="date-divider"><h2 class="date"><span class="show-for-sr">Service updates on</span>Tuesday, May 26 </h2></div></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="grid-container service-updates grid-x grid-padding-x" style="">
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="grid-container fluid pop-services mtxl">
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<nav>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="accessible">Home</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<li>Departments and other agencies</li>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a href="#page" id="back-to-top"><i class="fas fa-arrow-up" aria-hidden="true"></i><br>Top</a>
medium Document should not have more than one banner landmark: Fix any of the following: Document has more than one banner landmark
Element:
<header class="global-nav pbn-mu mbn-mu">
medium Document should have one main landmark: Fix all of the following: Document does not have a main landmark
Element:
<html lang="en" class="" style="height: 100%;">
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<nav>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="accessible">Home</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<li><a href="https://www.phila.gov/departments/mayor/" title="Office of the Mayor" data-sonde-contrast-state-id="sonde-contrast-state-12" data-sonde-contrast-state-owned="true">Office of the Mayor</a>...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<li> Executive orders</li>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<article>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a href="#page" id="back-to-top"><i class="fas fa-arrow-up" aria-hidden="true"></i><br>Top</a>
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
Element:
<h3>Broadcasting information about City services, attractions, and activities.</h3>
medium Document should not have more than one banner landmark: Fix any of the following: Document has more than one banner landmark
Element:
<header class="global-nav pbn-mu mbn-mu">
medium Document should have one main landmark: Fix all of the following: Document does not have a main landmark
Element:
<html lang="en" class="" style="height: 100%;">
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<nav>
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="row mvl">
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="phlgovtv-livestream" class="contrast">PHLgovTV livestream</h2>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<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 class="columns">
<h2 id="resources" class="contrast">Resources</h2>
</div>medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="">See the PHLgovTV weekly schedule</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="details">PHLgovTV is available by livestream and on Xfinity Channel 64 and Fios Channel 40. To accommodate live material, broadcast delays may occur.</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="">Submit a cable TV service complaint</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="details">As the regulatory authority for cable television providers, the City assists residents with licensed cable operators such as Comcast and Verizon.</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a href="#page" id="back-to-top"><i class="fas fa-arrow-up" aria-hidden="true"></i><br>Top</a>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="accessible">Home</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<li><a href="https://www.phila.gov/departments/office-of-innovation-and-technology/" title="Office of Innovation and Technology" data-sonde-contrast-state-id="sonde-contrast-state-12" data-sonde-contr...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<li> PHLgovTV</li>
medium Document should not have more than one banner landmark: Fix any of the following: Document has more than one banner landmark
Element:
<header class="global-nav pbn-mu mbn-mu">
medium Document should have one main landmark: Fix all of the following: Document does not have a main landmark
Element:
<html lang="en" class="" style="height: 100%;">
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<nav data-swiftype-index="false">
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="row mvl">
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="translated-headings">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>Post</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<header class="cell mvm">
<h1>Join Us for Integrity Week 2025</h1>
</header>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="cell align-self-bottom">
<div class="post-meta">
<span class="date-published"><time datetime="2025-11-03">November 3, 2025</time></span>
</div>
</di...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>Post</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<header class="cell mvm">
<h1>Celebrating Integrity Week: Building an Ethical and Transparent Government Together</h1>
</header>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="cell align-self-bottom">
<div class="post-meta">
<span class="date-published"><time datetime="2024-12-30">December 30, 2024</time></span>
</div>
</d...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>Post</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<header class="mvm">
<h1>Integrity Week Returns!</h1>
</header>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="cell align-self-bottom">
<div class="post-meta">
<span class="date-published"><time datetime="2024-11-13">November 13, 2024</time></span>
</div>
</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="grid-container group">
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="staff-directory">
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="staff" class="contrast">Staff</h2>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<th class="name" scope="col" data-sort="name"><span>Name</span></th>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<th class="title" scope="col" data-sort="title"><span>Job title</span></th>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<th class="email" scope="col">Email</th>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="list-name">Joshua Anker</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<td class="title"><b><span class="responsive-label">Job title: </span></b>Boards and Commissions Manager<br><span class="staff-unit"></span></td>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a href="mailto:Joshua.Anker@phila.gov">Joshua.Anker@phila.gov</a>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="list-name">Taylor Veasley</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<td class="title"><b><span class="responsive-label">Job title: </span></b>Integrity Manager<br><span class="staff-unit"></span></td>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a href="mailto:Taylor.Veasley@phila.gov">Taylor.Veasley@phila.gov</a>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a href="#page" id="back-to-top"><i class="fas fa-arrow-up" aria-hidden="true"></i><br>Top</a>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="accessible">Home</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<li> Office of the Chief Integrity Officer</li>
medium Link is distinguished from surrounding text only by color (link: rgb(15, 77, 144), text: rgb(68, 68, 68)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a id="translate-spanish" href="/es/" data-sonde-contrast-state-id="sonde-contrast-state-3" data-sonde-contrast-state-owned="true">Español</a>
medium Link is distinguished from surrounding text only by color (link: rgb(15, 77, 144), text: rgb(68, 68, 68)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a id="translate-chinese" href="/zh/" data-sonde-contrast-state-id="sonde-contrast-state-4" data-sonde-contrast-state-owned="true">中文</a>
medium Link is distinguished from surrounding text only by color (link: rgb(15, 77, 144), text: rgb(68, 68, 68)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a id="translate-spanish" href="/es/departments/" data-sonde-contrast-state-id="sonde-contrast-state-3" data-sonde-contrast-state-owned="true">Español</a>
medium Link is distinguished from surrounding text only by color (link: rgb(15, 77, 144), text: rgb(68, 68, 68)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a id="translate-chinese" href="/zh/departments/" data-sonde-contrast-state-id="sonde-contrast-state-4" data-sonde-contrast-state-owned="true">中文</a>
medium Link is distinguished from surrounding text only by color (link: rgb(15, 77, 144), text: rgb(68, 68, 68)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a id="translate-spanish" href="/es/departments/mayor/executive-orders/" data-sonde-contrast-state-id="sonde-contrast-state-3" data-sonde-contrast-state-owned="true">Español</a>
medium Link is distinguished from surrounding text only by color (link: rgb(15, 77, 144), text: rgb(68, 68, 68)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a id="translate-chinese" href="/zh/departments/mayor/executive-orders/" data-sonde-contrast-state-id="sonde-contrast-state-4" data-sonde-contrast-state-owned="true">中文</a>
medium Link is distinguished from surrounding text only by color (link: rgb(15, 77, 144), text: rgb(68, 68, 68)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a id="translate-spanish" href="/es/departments/office-of-innovation-and-technology/phlgovtv/" data-sonde-contrast-state-id="sonde-contrast-state-3" data-sonde-contrast-state-owned="true">Español</a>
medium Link is distinguished from surrounding text only by color (link: rgb(15, 77, 144), text: rgb(68, 68, 68)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a id="translate-chinese" href="/zh/departments/office-of-innovation-and-technology/phlgovtv/" data-sonde-contrast-state-id="sonde-contrast-state-4" data-sonde-contrast-state-owned="true">中文</a>
medium Link is distinguished from surrounding text only by color (link: rgb(15, 77, 144), text: rgb(68, 68, 68)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a id="translate-spanish" href="/es/departments/office-of-the-chief-integrity-officer/" data-sonde-contrast-state-id="sonde-contrast-state-3" data-sonde-contrast-state-owned="true">Español</a>
medium Link is distinguished from surrounding text only by color (link: rgb(15, 77, 144), text: rgb(68, 68, 68)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a id="translate-chinese" href="/zh/departments/office-of-the-chief-integrity-officer/" data-sonde-contrast-state-id="sonde-contrast-state-4" data-sonde-contrast-state-owned="true">中文</a>
medium The same link functionality is identified as "Departments" on https://www.phila.gov/ and "Skip to main content" on https://www.phila.gov/departments/. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#page" aria-hidden="false" class="skip-to-content">Skip to main content</a>
medium The same link functionality is identified as "Skip to main content" on https://www.phila.gov/ and "City of Philadelphia home" on https://www.phila.gov/departments/. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="https://www.phila.gov" class="logo" aria-label="City of Philadelphia home">
<img src="https://www.phila.gov/assets/images/city-of-philadelphia-logo-medium-white.png" alt="City of Philadelphia logo">
</a>medium The same link functionality is identified as "Executive orders" on https://www.phila.gov/ and "Skip to main content" on https://www.phila.gov/departments/mayor/executive-orders/#/. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#page" aria-hidden="false" class="skip-to-content">Skip to main content</a>
medium The same link functionality is identified as "Skip to main content" on https://www.phila.gov/ and "City of Philadelphia home" on https://www.phila.gov/departments/mayor/executive-orders/#/. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="https://www.phila.gov" class="logo" aria-label="City of Philadelphia home">
<img src="https://www.phila.gov/assets/images/city-of-philadelphia-logo-medium-white.png" alt="City of Philadelphia logo">
</a>medium The same link functionality is identified as "GovTV" on https://www.phila.gov/ and "Skip to main content" on https://www.phila.gov/departments/office-of-innovation-and-technology/phlgovtv/. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#page" aria-hidden="false" class="skip-to-content">Skip to main content</a>
medium The same link functionality is identified as "Skip to main content" on https://www.phila.gov/ and "City of Philadelphia home" on https://www.phila.gov/departments/office-of-innovation-and-technology/phlgovtv/. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="https://www.phila.gov" class="logo" aria-label="City of Philadelphia home">
<img src="https://www.phila.gov/assets/images/city-of-philadelphia-logo-medium-white.png" alt="City of Philadelphia logo">
</a>medium The same link functionality is identified as "Skip to main content" on https://www.phila.gov/ and "City of Philadelphia home" on https://www.phila.gov/departments/office-of-the-chief-integrity-officer/. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="https://www.phila.gov" class="logo" aria-label="City of Philadelphia home">
<img src="https://www.phila.gov/assets/images/city-of-philadelphia-logo-medium-white.png" alt="City of Philadelphia logo">
</a>medium The same link functionality is identified as "Programs" on https://www.phila.gov/ and "ProgramsFind programs and initiatives that address the issues impacting our city" on https://www.phila.gov/departments/office-of-the-chief-integrity-officer/. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="/programs/" tabindex="0" class="menu-item pvm phm underline"><div class="title-container"><span>Programs</span><div class="description">Find programs and initiatives that address the issues impacting our city</div></div><!----></a>
medium "City Commissioners" is visually at position 46 but receives focus at position 30 (drift: 16). WCAG 2.4.3
Element:
<a>City Commissioners</a>
medium "Register of Wills" is visually at position 48 but receives focus at position 31 (drift: 17). WCAG 2.4.3
Element:
<a>Register of Wills</a>
medium Page requires horizontal scrolling at Phone SE (320px width, 28px overflow). Content should reflow without horizontal scrolling. WCAG 1.4.10
Element:
<html lang="und">
medium Interactive control "a" is only 17px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a>
medium Interactive control "a.logo" is only 43px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.logo>
medium Interactive control "a.show-for-small-only" is only 32px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.show-for-small-only>
medium Page requires horizontal scrolling at Tablet (768px width, 16px overflow). Content should reflow without horizontal scrolling. WCAG Sonde responsive contract
Element:
<html lang="und">
medium Interactive control "#397742" is only 22px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#397742>
medium Interactive control "#406137" is only 22px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#406137>
medium Interactive control "a.external" is only 31px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.external>
medium Interactive control "#398544" is only 22px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#398544>
medium Primary content surface "noscript" is only 0px wide at Large monitor (2560px viewport). Sonde responsive contract expects ≥ 1152px on this tier. WCAG Sonde responsive contract
Element:
<noscript>
medium Interactive control "a.website.external" is only 22px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.website.external>
medium Interactive control "a.icymi.show-for-medium" is only 38px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.icymi.show-for-medium>
medium Interactive control "a.no-link" is only 19px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.no-link>
medium Content clipped by 47px 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="show-for-sr">Menu</span>
medium Interactive control "a.u-email" is only 22px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.u-email>
medium Stuck loading state: loading indicator CSS class on <div> persists after page readiness
Element:
<div class="loading-icon ptxl center"><i class="fas fa-spinner fa-spin fa-3x loadingdir"></i></div>
medium Stuck loading state: loading indicator CSS class on <i> persists after page readiness
Element:
<i class="fas fa-spinner fa-spin fa-3x loadingdir"></i>
low Elements marked as presentational should be consistently ignored: Fix all of the following: Element does not have global ARIA attribute
Element:
<li id="menu-item-316636" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-316636 is-dropdown-submenu-parent opens-right" role="none" aria-haspopup="true...
low Broken link: https://codelibrary.amlegal.com/codes/philadelphia/latest/overview returned status 403 Forbidden after 1 attempts
Element:
<a href="https://codelibrary.amlegal.com/codes/philadelphia/latest/overview">Philadelphia Code & Charter</a>
low Broken link: https://twitter.com/PhiladelphiaGov returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/PhiladelphiaGov">Twitter</a>
low Link timeout: https://admin.phila.gov/services/birth-marriage-life-events/ did not respond within 5000ms after 2 attempts
Element:
<a href="https://admin.phila.gov/services/birth-marriage-life-events/">Birth, marriage & life events</a>
low Link timeout: https://eclipse.phila.gov/ did not respond within 5000ms after 2 attempts
Element:
<a href="https://eclipse.phila.gov/">eCLIPSE</a>
low Broken link: https://twitter.com/PHLCPOC returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/PHLCPOC">twitter link</a>
low Broken link: https://twitter.com/PHLCommerce returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/PHLCommerce">twitter link</a>
low Broken link: https://twitter.com/PHLInnovation returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/PHLInnovation">twitter link</a>
low Broken link: https://twitter.com/PHLPlanDevelop returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/PHLPlanDevelop">twitter link</a>
low Broken link: https://twitter.com/PHLPublicHealth returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/PHLPublicHealth">twitter link</a>
low Broken link: https://twitter.com/PHLYouth returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/PHLYouth">twitter link</a>
low Broken link: https://twitter.com/PHLplandevelop returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/PHLplandevelop">twitter link</a>
low Broken link: https://twitter.com/PhiladelphiaDHS returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/PhiladelphiaDHS">twitter link</a>
low Broken link: https://twitter.com/dbhids returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/dbhids">twitter link</a>
low Broken link: https://twitter.com/philarevenue returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/philarevenue">twitter link</a>
low Broken link: https://twitter.com/phillyclip returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/phillyclip">twitter link</a>
low Broken link: https://twitter.com/records_deptPHL returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/records_deptPHL">twitter link</a>
low Broken link: https://twitter.com/streetsphila returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/streetsphila">twitter link</a>
low Broken link: https://x.com/fleet8763 returned status 403 Forbidden after 1 attempts
Element:
<a href="https://x.com/fleet8763">twitter link</a>
low Broken link: https://codelibrary.amlegal.com/codes/philadelphia/latest/overview returned status 403 Forbidden after 1 attempts
Element:
<a href="https://codelibrary.amlegal.com/codes/philadelphia/latest/overview">Philadelphia Code & Charter</a>
low Broken link: https://twitter.com/PhiladelphiaGov returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/PhiladelphiaGov">Twitter</a>
low Broken link: https://codelibrary.amlegal.com/codes/philadelphia/latest/overview returned status 403 Forbidden after 1 attempts
Element:
<a href="https://codelibrary.amlegal.com/codes/philadelphia/latest/overview">Philadelphia Code & Charter</a>
low Broken link: https://twitter.com/PhiladelphiaGov returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/PhiladelphiaGov">Twitter</a>
low Broken link: https://codelibrary.amlegal.com/codes/philadelphia/latest/overview returned status 403 Forbidden after 1 attempts
Element:
<a href="https://codelibrary.amlegal.com/codes/philadelphia/latest/overview">Philadelphia Code & Charter</a>
low Broken link: https://twitter.com/PhiladelphiaGov returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/PhiladelphiaGov">Twitter</a>
low Possible stuck loading animation: "spinner-rotator" still running after page readiness
Element:
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
low Possible stuck loading animation: "spinner-dash" still running after page readiness
Element:
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
low Possible stuck loading animation: "spinner-rotator" still running after page readiness
Element:
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
low Possible stuck loading animation: "spinner-dash" still running after page readiness
Element:
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
low Possible stuck loading animation: "fa-spin" still running after page readiness
Element:
<i class="fas fa-spinner fa-spin fa-3x loadingdir"></i>
low Possible stuck loading animation: "spinner-rotator" still running after page readiness
Element:
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
low Possible stuck loading animation: "spinner-dash" still running after page readiness
Element:
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
low Possible stuck loading animation: "spinner-rotator" still running after page readiness
Element:
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
low Possible stuck loading animation: "spinner-dash" still running after page readiness
Element:
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
low Possible stuck loading animation: "spinner-rotator" still running after page readiness
Element:
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
low Possible stuck loading animation: "spinner-dash" still running after page readiness
Element:
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
Best Page Fix Opportunities
www.phila.gov73findings
critical Images must have alternative text: Fix any of the following: Element does not have an alt attribute aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element's default semantics were not overridden with role="none" or role="presentation" WCAG 1.1.1
Element:
<img src="https://www.phila.gov/assets/images/website/phillystat360.png">
critical Insufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "One Philly," WCAG 1.4.3
Element:
<span data-v-cade5010="" class="new-header-text">One Philly,</span>
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 <ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: button WCAG 1.3.1
Element:
<ul class="translations-bar menu">
high Focus jumps backward from "Sign up for email updates" to "#back-to-top" (visual distance: 754px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a></a>
high Missing Strict-Transport-Security header (HSTS)
medium Page has 4 "banner" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 4 banner landmarks, 0 labeled -->
medium Page has 6 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 6 navigation landmarks, 1 labeled -->
medium Document should not have more than one banner landmark: Fix any of the following: Document has more than one banner landmark
Element:
<header class="global-nav pbn-mu mbn-mu">
medium Document should have one main landmark: Fix all of the following: Document does not have a main landmark
Element:
<html lang="en" class="" style="height: 100%;">
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<nav>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div data-v-a2397ec8="" class="grid-container mbxl fluid access-philly desktop-only">
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="grid-container cta-label">
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="grid-container"><h2 class="header"> Commonly used tools </h2></div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>Parks & Recreation Finder</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>Contracts hub</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>Out-of-school-time activity finder</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>Free food and meal finder</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>Atlas</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>Primary care finder</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>eCLIPSE</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>StreetSmartPHL</span>
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="grid-container group button-padding"><a href="https://www.phila.gov/tools/" aria-label="See all tools " class="button float-right content-type-featured"> See all tools <i aria-hidden="true...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<h2 class="header"> Featured news </h2>
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="cell align-self-bottom"><div class="post-meta"><span class="date-published"><time datetime="2026-05-19 11:17:29">May 19, 2026</time></span></div></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="cell align-self-bottom"><div class="post-meta"><span class="date-published"><time datetime="2026-05-18 16:05:43">May 18, 2026</time></span></div></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="cell align-self-bottom"><div class="post-meta"><span class="date-published"><time datetime="2026-05-18 15:41:49">May 18, 2026</time></span></div></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="grid-container group"><a href="https://www.phila.gov/the-latest/" aria-label="See all news" class="button float-right content-type-featured mbxl"> See all news & events <i aria-hidden=...
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="services" class="services-header"> Services by topic </h2>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Birth, marriage & life events</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Business & self-employment</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Cars, parking & transportation</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Crime, law & justice</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Culture & recreation</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Diversity, inclusion, accessibility & immigration</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Education & learning</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Ethics & transparency</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Mental & physical health</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Payments, assistance & taxes</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Permits, violations & licenses</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Property, lots & housing</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Safety & emergency preparedness</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Streets, sidewalks & alleys</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Trash, recycling & city upkeep</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Trees, parks & the environment</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Water, gas & utilities</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Working & jobs</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="service-title">Zoning, planning & development</span>
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="grid-container group ptl"><a href="https://www.phila.gov/services/" aria-label="See all services" class="button float-right content-type-services mbxl"> See all services <i aria-hidden="tr...
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="philly311 grid-container fluid pbxxl">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<h2 class="header"> Clean & green </h2>
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="content mvl"> Our city is rallying together to make Philly the safest, cleanest, and greenest big city in the nation, with economic opportunity for all. Follow the citywide strategy that's...
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="content"><div class="number mtl"> 0 </div><div class="description"> Blocks swept </div></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="content"><div class="number mtl"> 0 </div><div class="description"> Abandoned autos removed </div></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="content"><div class="number mtl"> 0 </div><div class="description"> Properties cleaned and sealed </div></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="content"><div class="number mtl"> 0 </div><div class="description"> Graffiti removed </div></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="grid-container group"><a href="https://www.phila.gov/departments/office-of-clean-and-green-initiatives/" aria-label="Learn more" class="button content-type-featured"> SEE ALL CLEAN & G...
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="grid-container fluid mayor ptxl pbxl">
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="grid-container fluid city-council">
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="stay-connected grid-container fluid">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a href="#page" id="back-to-top"><i class="fas fa-arrow-up" aria-hidden="true"></i><br>Top</a>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div data-v-cade5010="" class="cell large-12 small-24 large-order-1 small-order-2"><div data-v-cade5010="" class="header-text"><span data-v-cade5010="" class="new-header-text">One Philly,</span><br da...
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="cell"><div class="date-divider"><h2 class="date"><span class="show-for-sr">Service updates on</span>Tuesday, May 26 </h2></div></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="grid-container service-updates grid-x grid-padding-x" style="">
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="grid-container fluid pop-services mtxl">
medium Link is distinguished from surrounding text only by color (link: rgb(15, 77, 144), text: rgb(68, 68, 68)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a id="translate-spanish" href="/es/" data-sonde-contrast-state-id="sonde-contrast-state-3" data-sonde-contrast-state-owned="true">Español</a>
medium Link is distinguished from surrounding text only by color (link: rgb(15, 77, 144), text: rgb(68, 68, 68)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a id="translate-chinese" href="/zh/" data-sonde-contrast-state-id="sonde-contrast-state-4" data-sonde-contrast-state-owned="true">中文</a>
low Broken link: https://codelibrary.amlegal.com/codes/philadelphia/latest/overview returned status 403 Forbidden after 1 attempts
Element:
<a href="https://codelibrary.amlegal.com/codes/philadelphia/latest/overview">Philadelphia Code & Charter</a>
low Broken link: https://twitter.com/PhiladelphiaGov returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/PhiladelphiaGov">Twitter</a>
low Link timeout: https://admin.phila.gov/services/birth-marriage-life-events/ did not respond within 5000ms after 2 attempts
Element:
<a href="https://admin.phila.gov/services/birth-marriage-life-events/">Birth, marriage & life events</a>
low Link timeout: https://eclipse.phila.gov/ did not respond within 5000ms after 2 attempts
Element:
<a href="https://eclipse.phila.gov/">eCLIPSE</a>
low Possible stuck loading animation: "spinner-rotator" still running after page readiness
Element:
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
low Possible stuck loading animation: "spinner-dash" still running after page readiness
Element:
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
/departments/office-of-the-chief-integrity-officer/47findings
critical Certain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: [role=none] WCAG 1.3.1
Element:
<ul id="menu-office-of-the-chief-integrity-officer" class="secondary-menu vertical medium-horizontal menu dropdown" data-responsive-menu="accordion medium-dropdown" role="menubar" data-dropdown-menu="...
critical Certain ARIA roles must be contained by particular parents: Fix any of the following: Required ARIA parents role not present: menu, menubar, group WCAG 1.3.1
Element:
<a href="https://www.phila.gov/departments/office-of-the-chief-integrity-officer/resources/" role="menuitem" data-sonde-contrast-state-id="sonde-contrast-state-14" data-sonde-contrast-state-owned="tru...
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 <ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: button WCAG 1.3.1
Element:
<ul class="translations-bar menu">
high Focus jumps backward from "taylor.veasley@phila.gov" to "#back-to-top" (visual distance: 2265px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a></a>
high Missing X-Content-Type-Options header
medium Page has 2 "banner" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 2 banner landmarks, 0 labeled -->
medium Page has 7 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 7 navigation landmarks, 1 labeled -->
medium Document should not have more than one banner landmark: Fix any of the following: Document has more than one banner landmark
Element:
<header class="global-nav pbn-mu mbn-mu">
medium Document should have one main landmark: Fix all of the following: Document does not have a main landmark
Element:
<html lang="en" class="" style="height: 100%;">
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<nav data-swiftype-index="false">
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="row mvl">
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="translated-headings">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>Post</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<header class="cell mvm">
<h1>Join Us for Integrity Week 2025</h1>
</header>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="cell align-self-bottom">
<div class="post-meta">
<span class="date-published"><time datetime="2025-11-03">November 3, 2025</time></span>
</div>
</di...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>Post</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<header class="cell mvm">
<h1>Celebrating Integrity Week: Building an Ethical and Transparent Government Together</h1>
</header>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="cell align-self-bottom">
<div class="post-meta">
<span class="date-published"><time datetime="2024-12-30">December 30, 2024</time></span>
</div>
</d...medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span>Post</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<header class="mvm">
<h1>Integrity Week Returns!</h1>
</header>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="cell align-self-bottom">
<div class="post-meta">
<span class="date-published"><time datetime="2024-11-13">November 13, 2024</time></span>
</div>
</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="grid-container group">
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="staff-directory">
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="staff" class="contrast">Staff</h2>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<th class="name" scope="col" data-sort="name"><span>Name</span></th>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<th class="title" scope="col" data-sort="title"><span>Job title</span></th>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<th class="email" scope="col">Email</th>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="list-name">Joshua Anker</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<td class="title"><b><span class="responsive-label">Job title: </span></b>Boards and Commissions Manager<br><span class="staff-unit"></span></td>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a href="mailto:Joshua.Anker@phila.gov">Joshua.Anker@phila.gov</a>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="list-name">Taylor Veasley</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<td class="title"><b><span class="responsive-label">Job title: </span></b>Integrity Manager<br><span class="staff-unit"></span></td>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a href="mailto:Taylor.Veasley@phila.gov">Taylor.Veasley@phila.gov</a>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a href="#page" id="back-to-top"><i class="fas fa-arrow-up" aria-hidden="true"></i><br>Top</a>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="accessible">Home</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<li> Office of the Chief Integrity Officer</li>
medium Link is distinguished from surrounding text only by color (link: rgb(15, 77, 144), text: rgb(68, 68, 68)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a id="translate-spanish" href="/es/departments/office-of-the-chief-integrity-officer/" data-sonde-contrast-state-id="sonde-contrast-state-3" data-sonde-contrast-state-owned="true">Español</a>
medium Link is distinguished from surrounding text only by color (link: rgb(15, 77, 144), text: rgb(68, 68, 68)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a id="translate-chinese" href="/zh/departments/office-of-the-chief-integrity-officer/" data-sonde-contrast-state-id="sonde-contrast-state-4" data-sonde-contrast-state-owned="true">中文</a>
medium The same link functionality is identified as "Skip to main content" on https://www.phila.gov/ and "City of Philadelphia home" on https://www.phila.gov/departments/office-of-the-chief-integrity-officer/. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="https://www.phila.gov" class="logo" aria-label="City of Philadelphia home">
<img src="https://www.phila.gov/assets/images/city-of-philadelphia-logo-medium-white.png" alt="City of Philadelphia logo">
</a>medium The same link functionality is identified as "Programs" on https://www.phila.gov/ and "ProgramsFind programs and initiatives that address the issues impacting our city" on https://www.phila.gov/departments/office-of-the-chief-integrity-officer/. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="/programs/" tabindex="0" class="menu-item pvm phm underline"><div class="title-container"><span>Programs</span><div class="description">Find programs and initiatives that address the issues impacting our city</div></div><!----></a>
medium Interactive control "a.u-email" is only 22px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.u-email>
low Elements marked as presentational should be consistently ignored: Fix all of the following: Element does not have global ARIA attribute
Element:
<li id="menu-item-316636" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-316636 is-dropdown-submenu-parent opens-right" role="none" aria-haspopup="true...
low Broken link: https://codelibrary.amlegal.com/codes/philadelphia/latest/overview returned status 403 Forbidden after 1 attempts
Element:
<a href="https://codelibrary.amlegal.com/codes/philadelphia/latest/overview">Philadelphia Code & Charter</a>
low Broken link: https://twitter.com/PhiladelphiaGov returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/PhiladelphiaGov">Twitter</a>
low Possible stuck loading animation: "spinner-rotator" still running after page readiness
Element:
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
low Possible stuck loading animation: "spinner-dash" still running after page readiness
Element:
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
/departments/office-of-innovation-and-technology/phlgovtv/38findings
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 Frames must have an accessible name: Fix any of the following: Element has no title attribute aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element's default semantics were not overridden with role="none" or role="presentation" WCAG 4.1.2
Element:
<iframe src="https://videoplayer.telvue.com/player/20JKopjPhxAFcodgOvrCb6-DDTEOqxDu/stream/414?fullscreen=false&showtabssearch=false&autostart=false" width="750" height="620" frameborder="0" a...
high <ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: button WCAG 1.3.1
Element:
<ul class="translations-bar menu">
high Focus jumps backward from "Submit a cable TV service complaint" to "#back-to-top" (visual distance: 660px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a></a>
high Missing X-Content-Type-Options header
medium Page has 2 "banner" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 2 banner landmarks, 0 labeled -->
medium Page has 6 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 6 navigation landmarks, 1 labeled -->
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
Element:
<h3>Broadcasting information about City services, attractions, and activities.</h3>
medium Document should not have more than one banner landmark: Fix any of the following: Document has more than one banner landmark
Element:
<header class="global-nav pbn-mu mbn-mu">
medium Document should have one main landmark: Fix all of the following: Document does not have a main landmark
Element:
<html lang="en" class="" style="height: 100%;">
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<nav>
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="row mvl">
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="phlgovtv-livestream" class="contrast">PHLgovTV livestream</h2>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<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 class="columns">
<h2 id="resources" class="contrast">Resources</h2>
</div>medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="">See the PHLgovTV weekly schedule</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="details">PHLgovTV is available by livestream and on Xfinity Channel 64 and Fios Channel 40. To accommodate live material, broadcast delays may occur.</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="">Submit a cable TV service complaint</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="details">As the regulatory authority for cable television providers, the City assists residents with licensed cable operators such as Comcast and Verizon.</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a href="#page" id="back-to-top"><i class="fas fa-arrow-up" aria-hidden="true"></i><br>Top</a>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<span class="accessible">Home</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<li><a href="https://www.phila.gov/departments/office-of-innovation-and-technology/" title="Office of Innovation and Technology" data-sonde-contrast-state-id="sonde-contrast-state-12" data-sonde-contr...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<li> PHLgovTV</li>
medium Link is distinguished from surrounding text only by color (link: rgb(15, 77, 144), text: rgb(68, 68, 68)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a id="translate-spanish" href="/es/departments/office-of-innovation-and-technology/phlgovtv/" data-sonde-contrast-state-id="sonde-contrast-state-3" data-sonde-contrast-state-owned="true">Español</a>
medium Link is distinguished from surrounding text only by color (link: rgb(15, 77, 144), text: rgb(68, 68, 68)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a id="translate-chinese" href="/zh/departments/office-of-innovation-and-technology/phlgovtv/" data-sonde-contrast-state-id="sonde-contrast-state-4" data-sonde-contrast-state-owned="true">中文</a>
medium The same link functionality is identified as "GovTV" on https://www.phila.gov/ and "Skip to main content" on https://www.phila.gov/departments/office-of-innovation-and-technology/phlgovtv/. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#page" aria-hidden="false" class="skip-to-content">Skip to main content</a>
medium The same link functionality is identified as "Skip to main content" on https://www.phila.gov/ and "City of Philadelphia home" on https://www.phila.gov/departments/office-of-innovation-and-technology/phlgovtv/. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="https://www.phila.gov" class="logo" aria-label="City of Philadelphia home">
<img src="https://www.phila.gov/assets/images/city-of-philadelphia-logo-medium-white.png" alt="City of Philadelphia logo">
</a>medium "City Commissioners" is visually at position 46 but receives focus at position 30 (drift: 16). WCAG 2.4.3
Element:
<a>City Commissioners</a>
medium "Register of Wills" is visually at position 48 but receives focus at position 31 (drift: 17). WCAG 2.4.3
Element:
<a>Register of Wills</a>
medium Primary content surface "noscript" is only 0px wide at Large monitor (2560px viewport). Sonde responsive contract expects ≥ 1152px on this tier. WCAG Sonde responsive contract
Element:
<noscript>
medium Interactive control "a.website.external" is only 22px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.website.external>
medium Interactive control "a.icymi.show-for-medium" is only 38px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.icymi.show-for-medium>
medium Interactive control "a.no-link" is only 19px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.no-link>
medium Content clipped by 47px 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="show-for-sr">Menu</span>
low Broken link: https://codelibrary.amlegal.com/codes/philadelphia/latest/overview returned status 403 Forbidden after 1 attempts
Element:
<a href="https://codelibrary.amlegal.com/codes/philadelphia/latest/overview">Philadelphia Code & Charter</a>
low Broken link: https://twitter.com/PhiladelphiaGov returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/PhiladelphiaGov">Twitter</a>
low Possible stuck loading animation: "spinner-rotator" still running after page readiness
Element:
<svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linec
low Possible stuck loading animation: "spinner-dash" still running after page readiness
Element:
<circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
Methodology
The Sonde Score is a universal 0–1000 compliance index — think of it like a credit score for accessibility. Each finding is weighted by its impact on human access: a keyboard trap (critical) counts far more than a best-practice suggestion (low). The raw penalty is normalized per page so scores are comparable across sites of any size. A harmonic curve ensures every site gets a meaningful score — no zeros, no false perfection.
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.