Sonde

Accessibility Health Check

https://honolulu.gov

Sonde ScoreHigher is better

Excellent

May 26, 2026

Provided free by Sonde

https://daylight.sonde.tech/usgov/honolulu-gov/

3 pages 99 findings 1 critical 7 high 75 medium 16 low 33 avg/page 3,321 elements 79 with findings 97.6% ECR 4m 51s total 1m 37s per page

City & County of Honolulu

Sonde ScoreHigher is better

Excellent

Executive Summary

3 pages 99 findings 33 avg/page 3,321 elements 79 with findings 97.6% ECR 4m 51s total 1m 37s per page

Top Findings

Copy a direct link to share a finding Open a discussion to give feedback on a finding

critical Insufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "News and Publications" WCAG 1.4.3
Page: /news/WCAG 1.4.3
Element:
<h1 class="elementor-heading-title elementor-size-xl">News and Publications</h1>
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 10px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px. WCAG 2.5.8
Page: /WCAG 2.5.8
Element:
<span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1" aria-current="true"></span>
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 10px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px. WCAG 2.5.8
Page: /WCAG 2.5.8
Element:
<span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span>
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 10px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px. WCAG 2.5.8
Page: /WCAG 2.5.8
Element:
<span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span>
high Focus jumps backward from "MORE SERVICES" to "Memorial Day - Holiday" (visual distance: 556px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Memorial Day - Holiday</a>
high Missing X-Content-Type-Options header
Page: /
high Missing X-Content-Type-Options header
Page: /news/
high Missing X-Content-Type-Options header
Page: /services/
medium Document should have one main landmark: Fix all of the following: Document does not have a main landmark
Page: /
Element:
<html lang="en-US" class="js">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<span class="elementor-button-text">Sign up for email alerts</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-a52c7b0 e-con-full e-flex e-con e-child" data-id="a52c7b0" data-element_type="container" data-e-type="container" data-settings="{"background_background"...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<span class="elementor-button-text">View More</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-718cd00 e-con-full e-flex e-con e-parent" data-id="718cd00" data-element_type="container" data-e-type="container" data-settings="{"background_background...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-a5a6ae3 elementor-widget elementor-widget-heading" data-id="a5a6ae3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-400abe0 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="400abe0" data-...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<span class="elementor-button-text">More Services</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-d1e3699 elementor-widget elementor-widget-heading" data-id="d1e3699" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-5e586f0 elementor-widget elementor-widget-shortcode" data-id="5e586f0" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.defau...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<span class="elementor-button-text">All Events </span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-96e8e6d e-flex e-con-boxed e-con e-parent e-lazyloaded" data-id="96e8e6d" data-element_type="container" data-e-type="container" data-settings="{"backgro...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-501919f e-con-full e-flex e-con e-child" data-id="501919f" data-element_type="container" data-e-type="container">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-0f41f8e elementor-widget elementor-widget-image" data-id="0f41f8e" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<span class="elementor-button-text">Meet the Mayor!</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-e78c464 elementor-widget elementor-widget-heading" data-id="e78c464" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<span class="elementor-button-text">Find Your Councilmember</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-3dc0ce6 e-con-full e-flex e-con e-child" data-id="3dc0ce6" data-element_type="container" data-e-type="container" data-settings="{"background_background"...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-d58b8a8 elementor-widget elementor-widget-heading" data-id="d58b8a8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
Page: /news/
Element:
<h3 class="multisite-post-title"><a href="https://www.honolulu.gov/csd/city-announces-memorial-day-holiday-schedule-2026/" data-sonde-contrast-state-id="sonde-contrast-state-6" data-sonde-contrast-sta...
medium Document should have one main landmark: Fix all of the following: Document does not have a main landmark
Page: /news/
Element:
<html lang="en-US" class="js">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /news/
Element:
<div class="elementor-element elementor-element-720d653 elementor-widget elementor-widget-heading" data-id="720d653" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /news/
Element:
<span class="elementor-button-text">Sign up for email alerts</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /news/
Element:
<div class="elementor-element elementor-element-8915658 e-flex e-con-boxed e-con e-parent e-lazyloaded" data-id="8915658" data-element_type="container" data-e-type="container" data-settings="{"backgro...
medium Document should have one main landmark: Fix all of the following: Document does not have a main landmark
Page: /services/
Element:
<html lang="en-US" class="js">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-element elementor-element-0ef9038 e-flex e-con-boxed e-con e-parent e-lazyloaded" data-id="0ef9038" data-element_type="container" data-e-type="container" data-settings="{"backgro...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span>
							Real Property &amp; Housing						</span>
					</h3>
				
				
			</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-element elementor-element-f7c22bc elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f7c22bc" data-...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span>
							Activities						</span>
					</h3>
				
				
			</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-element elementor-element-14108d5 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="14108d5" data-...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span>
							Community Engagement						</span>
					</h3>
				
				
			</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-element elementor-element-3eb2870 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="3eb2870" data-...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span>
							Other Resources						</span>
					</h3>
				
				
			</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-element elementor-element-1e321c3 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="1e321c3" data-...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span>
							Vehicle &amp; Licensing						</span>
					</h3>
				
				
			</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-element elementor-element-300b03c elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="300b03c" data-...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span>
							Permits &amp; License						</span>
					</h3>
				
				
			</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-element elementor-element-f9d238a elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f9d238a" data-...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span>
							Public Safety						</span>
					</h3>
				
				
			</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-element elementor-element-821dbf8 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="821dbf8" data-...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span>
							Road &amp; Transportation						</span>
					</h3>
				
				
			</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-element elementor-element-19a6f1e elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="19a6f1e" data-...
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov" title="City and County of Honolulu" rel="home">City and County of Honolulu</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 55, 61), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/news/" class="elementor-item menu-link" tabindex="-1">News</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 55, 61), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/events/" class="elementor-item menu-link" tabindex="-1">Events</a>
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/dpp/permitting/building-permits-home/">

											<span class="elementor-icon-list-text">Apply for a building permit</span>
											</a>
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/dfm/sno-spo-stipulation-notice/">

											<span class="elementor-icon-list-text">View SNO/SPO Stipulation Notice</span>
											</a>
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://honolulu.gov/council">

											<span class="elementor-icon-list-text">Find my council member</span>
											</a>
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/csd/services-and-locations/#satellite">

											<span class="elementor-icon-list-text">Find a satellite location</span>
											</a>
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://pros8.hnl.info/">

											<span class="elementor-icon-list-text">Find a park activity</span>
											</a>
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/csd/drivers-license-procedures/">

											<span class="elementor-icon-list-text">Renew my driver's license</span>
											</a>
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/bfs/property-tax-payments/">

											<span class="elementor-icon-list-text">Pay my property tax</span>
											</a>
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /news/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov" title="City and County of Honolulu" rel="home">City and County of Honolulu</a>
medium Link is distinguished from surrounding text only by color (link: rgb(56, 96, 162), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /news/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/news/" aria-current="page" class="elementor-item elementor-item-active menu-link" data-sonde-contrast-state-id="sonde-contrast-state-1" data-sonde-contrast-state-owne
medium Link is distinguished from surrounding text only by color (link: rgb(51, 55, 61), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /news/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/events/" class="elementor-item menu-link" tabindex="-1">Events</a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /news/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/policy/" class="menu-link">Policy</a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /news/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/privacy-statement/" class="menu-link">Privacy Statement</a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /news/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/accessibility-policy/" class="menu-link">Accessibility Policy</a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /news/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/diversity-statement/" class="menu-link">Diversity Statement</a>
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov" title="City and County of Honolulu" rel="home">City and County of Honolulu</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 55, 61), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/news/" class="elementor-item menu-link" tabindex="-1">News</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 55, 61), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/events/" class="elementor-item menu-link" tabindex="-1">Events</a>
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/csd/drivers-license-procedures/" data-sonde-contrast-state-id="sonde-contrast-state-5" data-sonde-contrast-state-owned="true">

											<span class="elementor-icon
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://alohaq.honolulu.gov/" data-sonde-contrast-state-id="sonde-contrast-state-6" data-sonde-contrast-state-owned="true">

											<span class="elementor-icon-list-text">Licensing &amp;
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/csd/state-id/" data-sonde-contrast-state-id="sonde-contrast-state-7" data-sonde-contrast-state-owned="true">

											<span class="elementor-icon-list-text">State
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://www12.honolulu.gov/csdarts/default.aspx" data-sonde-contrast-state-id="sonde-contrast-state-8" data-sonde-contrast-state-owned="true">

											<span class="elementor-icon-list-tex
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://mvinquiry.hnl.info/starter" data-sonde-contrast-state-id="sonde-contrast-state-9" data-sonde-contrast-state-owned="true">

											<span class="elementor-icon-list-text">Vehicle Re
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/dpp/permitting/building-permits-home/" data-sonde-contrast-state-id="sonde-contrast-state-10" data-sonde-contrast-state-owned="true">

											<span class="element
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://camping.honolulu.gov/" data-sonde-contrast-state-id="sonde-contrast-state-11" data-sonde-contrast-state-owned="true">

											<span class="elementor-icon-list-text">Camping Permit
medium The same link functionality is identified as "News" on https://www.honolulu.gov/ and "Skip to content" on https://www.honolulu.gov/news/. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Page: /news/WCAG 3.2.4
Element:
<a class="skip-link screen-reader-text" href="#content" title="Skip to content">
		Skip to content</a>
medium The same link functionality is identified as "All City Services" on https://www.honolulu.gov/ and "Skip to content" on https://www.honolulu.gov/services/. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Page: /services/WCAG 3.2.4
Element:
<a class="skip-link screen-reader-text" href="#content" title="Skip to content">
		Skip to content</a>
medium Site set has only one navigation mechanism (navigation) across 2 comparable pages. WCAG requires at least two ways to locate a page within a set of pages. WCAG 2.4.5
Page: /news/WCAG 2.4.5
medium Site set has only one navigation mechanism (navigation) across 3 comparable pages. WCAG requires at least two ways to locate a page within a set of pages. WCAG 2.4.5
Page: /services/WCAG 2.4.5
medium Interactive control "a" is only 18px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Page: /newsWCAG 2.5.8
Element:
<a>
medium Primary content surface "br" is only 0px wide at Large monitor (2560px viewport). Sonde responsive contract expects ≥ 1152px on this tier. WCAG Sonde responsive contract
Page: /servicesWCAG Sonde responsive contract
Element:
<br>
low Link timeout: https://honolulu.gov/council did not respond within 5000ms after 2 attempts
Page: /
Element:
<a href="https://honolulu.gov/council">Find my council member</a>
low Link timeout: https://www.honolulu.gov/events/event/memorial-day-holiday-29435/ did not respond within 5000ms after 2 attempts
Page: /
Element:
<a href="https://www.honolulu.gov/events/event/memorial-day-holiday-29435/">Memorial Day - Holiday</a>
low Link timeout: https://www.honolulu.gov/news/ did not respond within 5000ms after 2 attempts
Page: /
Element:
<a href="https://www.honolulu.gov/news/">News</a>
low Link timeout: https://www.honolulu.gov/news/ did not respond within 5000ms after 2 attempts
Page: /news/
Element:
<a href="https://www.honolulu.gov/news/">News</a>
low Link timeout: http://www2.honolulu.gov/honolulumyway/ did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="http://www2.honolulu.gov/honolulumyway/">Traffic Cameras</a>
low Link timeout: https://data.honolulu.gov/ did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://data.honolulu.gov/">Honolulu Open Data</a>
low Link timeout: https://www.climatereadyoahu.org/ did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www.climatereadyoahu.org/">Climate Ready O'ahu</a>
low Link timeout: https://www.honolulu.gov/city-boards-and-commissions-a-e/ did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www.honolulu.gov/city-boards-and-commissions-a-e/">Boards and Commissions</a>
low Link timeout: https://www.honolulu.gov/council did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www.honolulu.gov/council">Meet My Council Member</a>
low Link timeout: https://www.honolulu.gov/index.php?option=com_content&view=article&id=25172:sno-spo-stipulation-notice-2&catid=179:site-dfm-cat&Itemid=399 did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www.honolulu.gov/index.php?option=com_content&amp;view=article&amp;id=25172:sno-spo-stipulation-notice-2&amp;catid=179:site-dfm-cat&amp;Itemid=399">SNO/SPO Stipulation Notice</a>
low Link timeout: https://www.honolulu.gov/nco/boards/ did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www.honolulu.gov/nco/boards/">Find my Neighborhood Board</a>
low Link timeout: https://www.honolulu.gov/news/ did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www.honolulu.gov/news/">News</a>
low Link timeout: https://www.honolulu.gov/parks/program/people-s-open-market-program.html did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www.honolulu.gov/parks/program/people-s-open-market-program.html">People's Open Market</a>
low Link timeout: https://www.honolulu.gov/pur did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www.honolulu.gov/pur">Vendor Self Service</a>
low Link timeout: https://www12.honolulu.gov/csdarts/default.aspx did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www12.honolulu.gov/csdarts/default.aspx">Road Test</a>
low Link timeout: https://www4.honolulu.gov/docushare/dsweb/View/Collection-589 did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www4.honolulu.gov/docushare/dsweb/View/Collection-589">City Council Policy Resolutions</a>

Best Page Fix Opportunities

/services/43findings
high Missing X-Content-Type-Options header
Page: /services/
medium Document should have one main landmark: Fix all of the following: Document does not have a main landmark
Page: /services/
Element:
<html lang="en-US" class="js">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-element elementor-element-0ef9038 e-flex e-con-boxed e-con e-parent e-lazyloaded" data-id="0ef9038" data-element_type="container" data-e-type="container" data-settings="{"backgro...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span>
							Real Property &amp; Housing						</span>
					</h3>
				
				
			</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-element elementor-element-f7c22bc elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f7c22bc" data-...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span>
							Activities						</span>
					</h3>
				
				
			</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-element elementor-element-14108d5 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="14108d5" data-...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span>
							Community Engagement						</span>
					</h3>
				
				
			</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-element elementor-element-3eb2870 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="3eb2870" data-...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span>
							Other Resources						</span>
					</h3>
				
				
			</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-element elementor-element-1e321c3 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="1e321c3" data-...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span>
							Vehicle &amp; Licensing						</span>
					</h3>
				
				
			</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-element elementor-element-300b03c elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="300b03c" data-...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span>
							Permits &amp; License						</span>
					</h3>
				
				
			</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-element elementor-element-f9d238a elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f9d238a" data-...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span>
							Public Safety						</span>
					</h3>
				
				
			</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-element elementor-element-821dbf8 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="821dbf8" data-...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span>
							Road &amp; Transportation						</span>
					</h3>
				
				
			</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /services/
Element:
<div class="elementor-element elementor-element-19a6f1e elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="19a6f1e" data-...
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov" title="City and County of Honolulu" rel="home">City and County of Honolulu</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 55, 61), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/news/" class="elementor-item menu-link" tabindex="-1">News</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 55, 61), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/events/" class="elementor-item menu-link" tabindex="-1">Events</a>
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/csd/drivers-license-procedures/" data-sonde-contrast-state-id="sonde-contrast-state-5" data-sonde-contrast-state-owned="true">

											<span class="elementor-icon
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://alohaq.honolulu.gov/" data-sonde-contrast-state-id="sonde-contrast-state-6" data-sonde-contrast-state-owned="true">

											<span class="elementor-icon-list-text">Licensing &amp;
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/csd/state-id/" data-sonde-contrast-state-id="sonde-contrast-state-7" data-sonde-contrast-state-owned="true">

											<span class="elementor-icon-list-text">State
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://www12.honolulu.gov/csdarts/default.aspx" data-sonde-contrast-state-id="sonde-contrast-state-8" data-sonde-contrast-state-owned="true">

											<span class="elementor-icon-list-tex
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://mvinquiry.hnl.info/starter" data-sonde-contrast-state-id="sonde-contrast-state-9" data-sonde-contrast-state-owned="true">

											<span class="elementor-icon-list-text">Vehicle Re
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/dpp/permitting/building-permits-home/" data-sonde-contrast-state-id="sonde-contrast-state-10" data-sonde-contrast-state-owned="true">

											<span class="element
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /services/WCAG 1.4.1
Element:
<a href="https://camping.honolulu.gov/" data-sonde-contrast-state-id="sonde-contrast-state-11" data-sonde-contrast-state-owned="true">

											<span class="elementor-icon-list-text">Camping Permit
medium The same link functionality is identified as "All City Services" on https://www.honolulu.gov/ and "Skip to content" on https://www.honolulu.gov/services/. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Page: /services/WCAG 3.2.4
Element:
<a class="skip-link screen-reader-text" href="#content" title="Skip to content">
		Skip to content</a>
medium Site set has only one navigation mechanism (navigation) across 3 comparable pages. WCAG requires at least two ways to locate a page within a set of pages. WCAG 2.4.5
Page: /services/WCAG 2.4.5
low Link timeout: http://www2.honolulu.gov/honolulumyway/ did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="http://www2.honolulu.gov/honolulumyway/">Traffic Cameras</a>
low Link timeout: https://data.honolulu.gov/ did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://data.honolulu.gov/">Honolulu Open Data</a>
low Link timeout: https://www.climatereadyoahu.org/ did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www.climatereadyoahu.org/">Climate Ready O'ahu</a>
low Link timeout: https://www.honolulu.gov/city-boards-and-commissions-a-e/ did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www.honolulu.gov/city-boards-and-commissions-a-e/">Boards and Commissions</a>
low Link timeout: https://www.honolulu.gov/council did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www.honolulu.gov/council">Meet My Council Member</a>
low Link timeout: https://www.honolulu.gov/index.php?option=com_content&view=article&id=25172:sno-spo-stipulation-notice-2&catid=179:site-dfm-cat&Itemid=399 did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www.honolulu.gov/index.php?option=com_content&amp;view=article&amp;id=25172:sno-spo-stipulation-notice-2&amp;catid=179:site-dfm-cat&amp;Itemid=399">SNO/SPO Stipulation Notice</a>
low Link timeout: https://www.honolulu.gov/nco/boards/ did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www.honolulu.gov/nco/boards/">Find my Neighborhood Board</a>
low Link timeout: https://www.honolulu.gov/news/ did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www.honolulu.gov/news/">News</a>
low Link timeout: https://www.honolulu.gov/parks/program/people-s-open-market-program.html did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www.honolulu.gov/parks/program/people-s-open-market-program.html">People's Open Market</a>
low Link timeout: https://www.honolulu.gov/pur did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www.honolulu.gov/pur">Vendor Self Service</a>
low Link timeout: https://www12.honolulu.gov/csdarts/default.aspx did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www12.honolulu.gov/csdarts/default.aspx">Road Test</a>
low Link timeout: https://www4.honolulu.gov/docushare/dsweb/View/Collection-589 did not respond within 5000ms after 2 attempts
Page: /services/
Element:
<a href="https://www4.honolulu.gov/docushare/dsweb/View/Collection-589">City Council Policy Resolutions</a>
www.honolulu.gov37findings
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 10px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px. WCAG 2.5.8
Page: /WCAG 2.5.8
Element:
<span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1" aria-current="true"></span>
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 10px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px. WCAG 2.5.8
Page: /WCAG 2.5.8
Element:
<span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span>
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 10px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px. WCAG 2.5.8
Page: /WCAG 2.5.8
Element:
<span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span>
high Focus jumps backward from "MORE SERVICES" to "Memorial Day - Holiday" (visual distance: 556px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Page: /WCAG 2.4.3
Element:
<a>Memorial Day - Holiday</a>
high Missing X-Content-Type-Options header
Page: /
medium Document should have one main landmark: Fix all of the following: Document does not have a main landmark
Page: /
Element:
<html lang="en-US" class="js">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<span class="elementor-button-text">Sign up for email alerts</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-a52c7b0 e-con-full e-flex e-con e-child" data-id="a52c7b0" data-element_type="container" data-e-type="container" data-settings="{"background_background"...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<span class="elementor-button-text">View More</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-718cd00 e-con-full e-flex e-con e-parent" data-id="718cd00" data-element_type="container" data-e-type="container" data-settings="{"background_background...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-a5a6ae3 elementor-widget elementor-widget-heading" data-id="a5a6ae3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-400abe0 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="400abe0" data-...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<span class="elementor-button-text">More Services</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-d1e3699 elementor-widget elementor-widget-heading" data-id="d1e3699" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-5e586f0 elementor-widget elementor-widget-shortcode" data-id="5e586f0" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.defau...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<span class="elementor-button-text">All Events </span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-96e8e6d e-flex e-con-boxed e-con e-parent e-lazyloaded" data-id="96e8e6d" data-element_type="container" data-e-type="container" data-settings="{"backgro...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-501919f e-con-full e-flex e-con e-child" data-id="501919f" data-element_type="container" data-e-type="container">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-0f41f8e elementor-widget elementor-widget-image" data-id="0f41f8e" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<span class="elementor-button-text">Meet the Mayor!</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-e78c464 elementor-widget elementor-widget-heading" data-id="e78c464" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<span class="elementor-button-text">Find Your Councilmember</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-3dc0ce6 e-con-full e-flex e-con e-child" data-id="3dc0ce6" data-element_type="container" data-e-type="container" data-settings="{"background_background"...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /
Element:
<div class="elementor-element elementor-element-d58b8a8 elementor-widget elementor-widget-heading" data-id="d58b8a8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov" title="City and County of Honolulu" rel="home">City and County of Honolulu</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 55, 61), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/news/" class="elementor-item menu-link" tabindex="-1">News</a>
medium Link is distinguished from surrounding text only by color (link: rgb(51, 55, 61), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/events/" class="elementor-item menu-link" tabindex="-1">Events</a>
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/dpp/permitting/building-permits-home/">

											<span class="elementor-icon-list-text">Apply for a building permit</span>
											</a>
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/dfm/sno-spo-stipulation-notice/">

											<span class="elementor-icon-list-text">View SNO/SPO Stipulation Notice</span>
											</a>
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://honolulu.gov/council">

											<span class="elementor-icon-list-text">Find my council member</span>
											</a>
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/csd/services-and-locations/#satellite">

											<span class="elementor-icon-list-text">Find a satellite location</span>
											</a>
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://pros8.hnl.info/">

											<span class="elementor-icon-list-text">Find a park activity</span>
											</a>
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/csd/drivers-license-procedures/">

											<span class="elementor-icon-list-text">Renew my driver's license</span>
											</a>
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/bfs/property-tax-payments/">

											<span class="elementor-icon-list-text">Pay my property tax</span>
											</a>
low Link timeout: https://honolulu.gov/council did not respond within 5000ms after 2 attempts
Page: /
Element:
<a href="https://honolulu.gov/council">Find my council member</a>
low Link timeout: https://www.honolulu.gov/events/event/memorial-day-holiday-29435/ did not respond within 5000ms after 2 attempts
Page: /
Element:
<a href="https://www.honolulu.gov/events/event/memorial-day-holiday-29435/">Memorial Day - Holiday</a>
low Link timeout: https://www.honolulu.gov/news/ did not respond within 5000ms after 2 attempts
Page: /
Element:
<a href="https://www.honolulu.gov/news/">News</a>
/news/17findings
critical Insufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "News and Publications" WCAG 1.4.3
Page: /news/WCAG 1.4.3
Element:
<h1 class="elementor-heading-title elementor-size-xl">News and Publications</h1>
high Missing X-Content-Type-Options header
Page: /news/
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
Page: /news/
Element:
<h3 class="multisite-post-title"><a href="https://www.honolulu.gov/csd/city-announces-memorial-day-holiday-schedule-2026/" data-sonde-contrast-state-id="sonde-contrast-state-6" data-sonde-contrast-sta...
medium Document should have one main landmark: Fix all of the following: Document does not have a main landmark
Page: /news/
Element:
<html lang="en-US" class="js">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /news/
Element:
<div class="elementor-element elementor-element-720d653 elementor-widget elementor-widget-heading" data-id="720d653" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /news/
Element:
<span class="elementor-button-text">Sign up for email alerts</span>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Page: /news/
Element:
<div class="elementor-element elementor-element-8915658 e-flex e-con-boxed e-con e-parent e-lazyloaded" data-id="8915658" data-element_type="container" data-e-type="container" data-settings="{"backgro...
medium Link is distinguished from surrounding text only by color (link: rgb(19, 71, 148), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /news/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov" title="City and County of Honolulu" rel="home">City and County of Honolulu</a>
medium Link is distinguished from surrounding text only by color (link: rgb(56, 96, 162), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /news/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/news/" aria-current="page" class="elementor-item elementor-item-active menu-link" data-sonde-contrast-state-id="sonde-contrast-state-1" data-sonde-contrast-state-owne
medium Link is distinguished from surrounding text only by color (link: rgb(51, 55, 61), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /news/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/events/" class="elementor-item menu-link" tabindex="-1">Events</a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /news/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/policy/" class="menu-link">Policy</a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /news/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/privacy-statement/" class="menu-link">Privacy Statement</a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /news/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/accessibility-policy/" class="menu-link">Accessibility Policy</a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Page: /news/WCAG 1.4.1
Element:
<a href="https://www.honolulu.gov/diversity-statement/" class="menu-link">Diversity Statement</a>
medium The same link functionality is identified as "News" on https://www.honolulu.gov/ and "Skip to content" on https://www.honolulu.gov/news/. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Page: /news/WCAG 3.2.4
Element:
<a class="skip-link screen-reader-text" href="#content" title="Skip to content">
		Skip to content</a>
medium Site set has only one navigation mechanism (navigation) across 2 comparable pages. WCAG requires at least two ways to locate a page within a set of pages. WCAG 2.4.5
Page: /news/WCAG 2.4.5
low Link timeout: https://www.honolulu.gov/news/ did not respond within 5000ms after 2 attempts
Page: /news/
Element:
<a href="https://www.honolulu.gov/news/">News</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

TierWeightExamples
Critical10Keyboard traps, missing page language
High3Missing alt text, insufficient contrast
Medium1Heading hierarchy, unclear link purpose
Low0.25Best-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.

View Findings DataTrack ChangesNominate a SiteReport a Scanning Issue

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.

Nominate a Site →