Sonde
Accessibility Health Check
https://cityofboise.org
Sonde ScoreHigher is better
Getting Started0–349Needs Attention350–549Progressing550–749Strong750–899Excellent900–1000
Excellent
https://daylight.sonde.tech/usgov/cityofboise-org/
City of Boise
Sonde ScoreHigher is better
Getting Started0–349Needs Attention350–549Progressing550–749Strong750–899Excellent900–1000
Excellent
Executive Summary
Top Findings
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high 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 ARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOM WCAG 4.1.2
Element:
<figure class="carousel-cell" style="" aria-hidden="true">
high ARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOM WCAG 4.1.2
Element:
<figure class="carousel-cell" aria-hidden="true" style="">
high ARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOM WCAG 4.1.2
Element:
<figure class="carousel-cell" aria-hidden="true" style="">
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://www.google.com/maps/embed/v1/place?key=AIzaSyA0s1a7phLN0iaD6-UE7m4qP-z21pH0eSc&q=150 N Capitol Blvd, Boise, ID 83702" width="600" height="200" frameborder="0" style="border:0"...
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (160px by 12.8px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17.6px instead of at least 24px. WCAG 2.5.8
Element:
<a href="/SiteDirectory" class="small">Sitemap</a>
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (160px by 12.8px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17.6px instead of at least 24px. WCAG 2.5.8
Element:
<a href="/terms-of-use" class="small">Terms of Use</a>
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://www.google.com/maps/embed/v1/place?key=AIzaSyA0s1a7phLN0iaD6-UE7m4qP-z21pH0eSc&q=150 N Capitol Blvd, Boise, ID 83702" width="600" height="200" frameborder="0" style="border:0"...
high Links must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute WCAG 2.4.4
Element:
<a class="link" href="https://mycourts.idaho.gov/" target="_blank"> <i class="cob-icon-Pantheon cob-icon-color--orange"></i></a>
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (160px by 12.8px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17.6px instead of at least 24px. WCAG 2.5.8
Element:
<a href="/SiteDirectory" class="small">Sitemap</a>
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (160px by 12.8px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17.6px instead of at least 24px. WCAG 2.5.8
Element:
<a href="/terms-of-use" class="small">Terms of Use</a>
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://www.google.com/maps/embed/v1/place?key=AIzaSyA0s1a7phLN0iaD6-UE7m4qP-z21pH0eSc&q=150 N Capitol Blvd, Boise, ID 83702" width="600" height="200" frameborder="0" style="border:0"...
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (160px by 12.8px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17.6px instead of at least 24px. WCAG 2.5.8
Element:
<a href="/SiteDirectory" class="small">Sitemap</a>
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (160px by 12.8px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17.6px instead of at least 24px. WCAG 2.5.8
Element:
<a href="/terms-of-use" class="small">Terms of Use</a>
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://www.google.com/maps/embed/v1/place?key=AIzaSyA0s1a7phLN0iaD6-UE7m4qP-z21pH0eSc&q=150 N Capitol Blvd, Boise, ID 83702" width="600" height="200" frameborder="0" style="border:0"...
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (160px by 12.8px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17.6px instead of at least 24px. WCAG 2.5.8
Element:
<a href="/SiteDirectory" class="small">Sitemap</a>
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (160px by 12.8px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17.6px instead of at least 24px. WCAG 2.5.8
Element:
<a href="/terms-of-use" class="small">Terms of Use</a>
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://www.google.com/maps/embed/v1/place?key=AIzaSyA0s1a7phLN0iaD6-UE7m4qP-z21pH0eSc&q=150 N Capitol Blvd, Boise, ID 83702" width="600" height="200" frameborder="0" style="border:0"...
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (160px by 12.8px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17.6px instead of at least 24px. WCAG 2.5.8
Element:
<a href="/SiteDirectory" class="small">Sitemap</a>
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (160px by 12.8px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17.6px instead of at least 24px. WCAG 2.5.8
Element:
<a href="/terms-of-use" class="small">Terms of Use</a>
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://www.google.com/maps/embed/v1/place?key=AIzaSyA0s1a7phLN0iaD6-UE7m4qP-z21pH0eSc&q=150 N Capitol Blvd, Boise, ID 83702" width="600" height="200" frameborder="0" style="border:0"...
high Links must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute WCAG 2.4.4
Element:
<a class="link" href="/departments/city-clerk/city-code/"> <i class="cob-icon-Assignment cob-icon-color--blue"></i></a>
high Links must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute WCAG 2.4.4
Element:
<a class="link" href="/departments/city-council/"> <i class="cob-icon-Auction cob-icon-color--green"></i></a>
high Links must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute WCAG 2.4.4
Element:
<a class="link" href="/departments/city-clerk/licensing/"> <i class="cob-icon-Marriage-Settlement cob-icon-color--red"></i></a>
high Links must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute WCAG 2.4.4
Element:
<a class="link" href="/departments/city-clerk/public-records/"> <i class="cob-icon-Books cob-icon-color--blue"></i></a>
high Links must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute WCAG 2.4.4
Element:
<a class="link" href="/departments/city-clerk/master-fees-and-fines/"> <i class="cob-icon-Banknote cob-icon-color--orange"></i></a>
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (160px by 12.8px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17.6px instead of at least 24px. WCAG 2.5.8
Element:
<a href="/terms-of-use" class="small">Terms of Use</a>
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (160px by 12.8px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17.6px instead of at least 24px. WCAG 2.5.8
Element:
<a href="/SiteDirectory" class="small">Sitemap</a>
high Focus jumps backward from "GET DIRECTIONS" to "CLOSE" (visual distance: 770px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>CLOSE</a>
high Focus jumps backward from "SUBMIT" to "(208) 608-7000" (visual distance: 879px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>(208) 608-7000</a>
high Focus jumps backward from "GET DIRECTIONS" to "CLOSE" (visual distance: 770px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>CLOSE</a>
high Focus jumps backward from "SUBMIT" to "(208) 608-7950" (visual distance: 892px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>(208) 608-7950</a>
high Focus jumps backward from "GET DIRECTIONS" to "CLOSE" (visual distance: 770px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>CLOSE</a>
high Focus jumps backward from "SUBMIT" to "(208) 608-7950" (visual distance: 892px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>(208) 608-7950</a>
high Focus jumps backward from "GET DIRECTIONS" to "CLOSE" (visual distance: 770px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>CLOSE</a>
high Focus jumps backward from "SUBMIT" to "(208) 608-7950" (visual distance: 892px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>(208) 608-7950</a>
high Focus jumps backward from "GET DIRECTIONS" to "CLOSE" (visual distance: 770px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>CLOSE</a>
high Focus jumps backward from "SEE MORE" to "Childcare Services Updates" (visual distance: 794px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Childcare Services Updates</a>
high Focus jumps backward from "SUBMIT" to "(208) 972-8150" (visual distance: 879px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>(208) 972-8150</a>
high Missing Strict-Transport-Security header (HSTS)
high Missing Strict-Transport-Security header (HSTS)
high Missing Strict-Transport-Security header (HSTS)
high Missing Strict-Transport-Security header (HSTS)
high Missing Strict-Transport-Security header (HSTS)
high Missing Strict-Transport-Security header (HSTS)
medium Page has 2 "navigation" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 2 navigation landmarks, 0 labeled -->
medium Page has 4 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 4 navigation landmarks, 1 labeled -->
medium Page has 3 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 3 navigation landmarks, 1 labeled -->
medium Page has 3 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 3 navigation landmarks, 1 labeled -->
medium Page has 3 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 3 navigation landmarks, 1 labeled -->
medium Page has 5 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 5 navigation landmarks, 1 labeled -->
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 class="navbar navbar-expand navbar-light bg-light" style="min-height:105px">
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
Element:
<h3><span>Employment Opportunities</span></h3>
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 class="navbar navbar-expand navbar-light bg-light" style="min-height:105px">
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
Element:
<h3>Be 'In the Know,'</h3>
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 class="navbar navbar-expand navbar-light bg-light" style="min-height:105px">
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 class="navbar navbar-expand navbar-light bg-light" style="min-height:105px">
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
Element:
<h3>Be 'In the Know,'</h3>
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 class="navbar navbar-expand navbar-light bg-light" style="min-height:105px">
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
Element:
<h3>Other Links</h3>
medium Aside should not be contained in another landmark: Fix any of the following: The null landmark is contained in another landmark.
Element:
<aside class="col-md-4 sidebar">
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 class="navbar navbar-expand navbar-light bg-light" style="min-height:105px">
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(74, 79, 84)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a href="/" data-sonde-contrast-state-id="sonde-contrast-state-6" data-sonde-contrast-state-owned="true">Home</a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(74, 79, 84)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a href="/" data-sonde-contrast-state-id="sonde-contrast-state-6" data-sonde-contrast-state-owned="true">Home</a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(74, 79, 84)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a href="/departments/city-attorney/" data-sonde-contrast-state-id="sonde-contrast-state-7" data-sonde-contrast-state-owned="true">City Attorney</a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(74, 79, 84)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a href="/" data-sonde-contrast-state-id="sonde-contrast-state-6" data-sonde-contrast-state-owned="true">Home</a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(74, 79, 84)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a href="/departments/city-attorney/" data-sonde-contrast-state-id="sonde-contrast-state-7" data-sonde-contrast-state-owned="true">City Attorney</a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(74, 79, 84)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a href="/" data-sonde-contrast-state-id="sonde-contrast-state-6" data-sonde-contrast-state-owned="true">Home</a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(74, 79, 84)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a href="/departments/city-attorney/" data-sonde-contrast-state-id="sonde-contrast-state-7" data-sonde-contrast-state-owned="true">City Attorney</a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(74, 79, 84)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a href="/" data-sonde-contrast-state-id="sonde-contrast-state-6" data-sonde-contrast-state-owned="true">Home</a>
medium Insufficient color contrast: 3.34:1 (required: 4.5:1 for normal text). Foreground: rgb(0, 148, 89), background: rgb(237, 237, 241). State: hover. Text: "Internship/Externship Opportunities" WCAG 1.4.3
Element:
<a href="/departments/city-attorney/employment-opportunities/#Intern" class="link link--right-chevron" data-anchor="#Intern" data-sonde-contrast-state-id="sonde-contrast-state-9" data-sonde-contrast-s
medium Insufficient color contrast: 3.34:1 (required: 4.5:1 for normal text). Foreground: rgb(0, 148, 89), background: rgb(237, 237, 241). State: hover. Text: "VIEW CITY JOB OPENINGS" WCAG 1.4.3
Element:
<span>VIEW CITY JOB OPENINGS</span>
medium The same link functionality is identified as "Skip to main content" on https://www.cityofboise.org/ and "Home" on https://www.cityofboise.org/departments/city-attorney. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="/" data-sonde-contrast-state-id="sonde-contrast-state-6" data-sonde-contrast-state-owned="true">Home</a>
medium The same link functionality is identified as "Send a message" on https://www.cityofboise.org/departments/city-attorney and "Skip to main content" on https://www.cityofboise.org/departments/city-attorney/contact-the-office-of-the-city-attorney. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#body" class="sr-only sr-only-focusable">Skip to main content</a>
medium The same link functionality is identified as "Employment Opportunities" on https://www.cityofboise.org/departments/city-attorney and "Skip to main content" on https://www.cityofboise.org/departments/city-attorney/employment-opportunities. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="#body" class="sr-only sr-only-focusable">Skip to main content</a>
medium The same link functionality is identified as "Skip to main content" on https://www.cityofboise.org/ and "Home" on https://www.cityofboise.org/departments/city-attorney/subpoena. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="/" data-sonde-contrast-state-id="sonde-contrast-state-6" data-sonde-contrast-state-owned="true">Home</a>
medium The same link functionality is identified as "Skip to main content" on https://www.cityofboise.org/ and "Home" on https://www.cityofboise.org/departments/city-clerk. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="/" data-sonde-contrast-state-id="sonde-contrast-state-6" data-sonde-contrast-state-owned="true">Home</a>
medium Interactive control "a.btn.btn-primary" is only 39px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.btn.btn-primary>
medium Interactive control "#391d2431-5de3-4614-8da0-96f835bddc2a" is only 42px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#391d2431-5de3-4614-8da0-96f835bddc2a>
medium Interactive control "#817d418c-f1a8-45a3-e40e-b62746ff2c74" is only 30px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#817d418c-f1a8-45a3-e40e-b62746ff2c74>
medium Interactive control "#844b5512-d760-45dd-918a-04968769dfbc" is only 42px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#844b5512-d760-45dd-918a-04968769dfbc>
medium Interactive control "#8eb355c3-ad0c-4037-8005-2c102378af24" is only 42px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#8eb355c3-ad0c-4037-8005-2c102378af24>
medium Interactive control "#bf6389c5-d8b9-475f-f13a-2f79c1208c47" is only 42px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#bf6389c5-d8b9-475f-f13a-2f79c1208c47>
medium Interactive control "#Intern" is only 29px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#Intern>
medium Interactive control "#c9204231-7756-4e10-cb50-60870fb4bb73" is only 42px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#c9204231-7756-4e10-cb50-60870fb4bb73>
medium Interactive control "#f6718dda-0e45-48f9-bf8f-ecfe8a500a9e" is only 42px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#f6718dda-0e45-48f9-bf8f-ecfe8a500a9e>
medium Interactive control "a.link.link--right-chevron" 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.link.link--right-chevron>
medium Element overflows viewport by 180px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<form id="header-search" class="form-inline my-2 my-lg-0 search-form"><input class="form-control search-form__text-input" type="text" placeholder="Search" aria-label="Search"> <button class="btn btn-s
medium Element overflows viewport by 175px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<button class="btn btn-search btn-outline-success my-2 my-sm-0" type="button"><span class="text-hide">Search</span></button>
medium Element overflows viewport by 186px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px
medium Element overflows viewport by 186px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<div class="grecaptcha-error"></div>
medium Element overflows viewport by 186px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-gjtdbssrenve" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-ori
medium Element overflows viewport by 186px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-gjtdbssrenve" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-n
medium Element overflows viewport by 180px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<input class="form-control search-form__text-input" type="text" placeholder="Search" aria-label="Search">
medium Element overflows viewport by 165px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<span class="text-hide">Search</span>
medium Element overflows viewport by 180px at Phone SE (320px width). WCAG 1.4.10
Element:
<form id="header-search" class="form-inline my-2 my-lg-0 search-form"><input class="form-control search-form__text-input" type="text" placeholder="Search" aria-label="Search"> <button class="btn btn-s
medium Element overflows viewport by 175px at Phone SE (320px width). WCAG 1.4.10
Element:
<button class="btn btn-search btn-outline-success my-2 my-sm-0" type="button"><span class="text-hide">Search</span></button>
medium Element overflows viewport by 186px at Phone SE (320px width). WCAG 1.4.10
Element:
<div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px
medium Element overflows viewport by 186px at Phone SE (320px width). WCAG 1.4.10
Element:
<div class="grecaptcha-error"></div>
medium Element overflows viewport by 186px at Phone SE (320px width). WCAG 1.4.10
Element:
<div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-gjtdbssrenve" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-ori
medium Element overflows viewport by 186px at Phone SE (320px width). WCAG 1.4.10
Element:
<iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-gjtdbssrenve" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-n
medium Element overflows viewport by 180px at Phone SE (320px width). WCAG 1.4.10
Element:
<input class="form-control search-form__text-input" type="text" placeholder="Search" aria-label="Search">
medium Element overflows viewport by 165px at Phone SE (320px width). WCAG 1.4.10
Element:
<span class="text-hide">Search</span>
medium Interactive control "#buttonack" is only 42px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#buttonack>
medium Interactive control "#buttonstatus" is only 42px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#buttonstatus>
medium Interactive control "#pin" is only 42px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#pin>
medium Interactive control "#subpoena" is only 42px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#subpoena>
medium Interactive control "a.sr-only.sr-only-focusable" is only 1px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.sr-only.sr-only-focusable>
medium Interactive control "button.btn.btn-search" is only 30px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.btn.btn-search>
medium Interactive control "input.form-control.search-form__text-input" is only 40px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<input.form-control.search-form__text-input>
medium Content clipped by 23px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Element:
<a href="#body" class="sr-only sr-only-focusable">Skip to main content</a>
medium Content clipped by 7px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Element:
<div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px
medium Content clipped by 23px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Element:
<span class="sr-only">Submit</span>
medium Interactive control "a.link.h3" is only 25px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.link.h3>
medium Interactive control "a.nav-link" is only 41px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.nav-link>
medium Interactive control "button.btn--submit--circle" is only 38px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.btn--submit--circle>
medium Interactive control "a.link.link--right-chevron" is only 22px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.link.link--right-chevron>
low Broken link: https://twitter.com/CityOfBoise returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/CityOfBoise">Twitter</a>
low Broken link: https://mycourts.idaho.gov/ returned status 403 Forbidden after 2 attempts
Element:
<a href="https://mycourts.idaho.gov/"></a>
low Broken link: https://twitter.com/CityOfBoise returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/CityOfBoise">Twitter</a>
low Link timeout: https://www.cityofboise.org/departments/city-attorney/contact-the-office-of-the-city-attorney/ did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.cityofboise.org/departments/city-attorney/contact-the-office-of-the-city-attorney/">Send a message</a>
low Broken link: https://twitter.com/CityOfBoise returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/CityOfBoise">Twitter</a>
low Link timeout: https://www.cityofboise.org/departments/city-attorney/contact-the-office-of-the-city-attorney#body did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.cityofboise.org/departments/city-attorney/contact-the-office-of-the-city-attorney#body">Skip to main content</a>
low Broken link: https://twitter.com/CityOfBoise returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/CityOfBoise">Twitter</a>
low Link timeout: https://www.cityofboise.org/departments/city-attorney/employment-opportunities#body did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.cityofboise.org/departments/city-attorney/employment-opportunities#body">Skip to main content</a>
low Broken link: https://twitter.com/CityOfBoise returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/CityOfBoise">Twitter</a>
low Link timeout: https://www.cityofboise.org/departments/city-attorney/contact-the-office-of-the-city-attorney/ did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.cityofboise.org/departments/city-attorney/contact-the-office-of-the-city-attorney/">this form</a>
low Broken link: https://twitter.com/CityOfBoise returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/CityOfBoise">Twitter</a>
low Link timeout: https://www.cityofboise.org/departments/city-clerk/harris-ranch-cid/ did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.cityofboise.org/departments/city-clerk/harris-ranch-cid/">Harris Ranch CID</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: "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>
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
/departments/city-attorney/subpoena45findings
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
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 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://www.google.com/maps/embed/v1/place?key=AIzaSyA0s1a7phLN0iaD6-UE7m4qP-z21pH0eSc&q=150 N Capitol Blvd, Boise, ID 83702" width="600" height="200" frameborder="0" style="border:0"...
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (160px by 12.8px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17.6px instead of at least 24px. WCAG 2.5.8
Element:
<a href="/SiteDirectory" class="small">Sitemap</a>
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (160px by 12.8px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17.6px instead of at least 24px. WCAG 2.5.8
Element:
<a href="/terms-of-use" class="small">Terms of Use</a>
high Missing Strict-Transport-Security header (HSTS)
medium Page has 3 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 3 navigation landmarks, 1 labeled -->
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
Element:
<h3>Be 'In the Know,'</h3>
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 class="navbar navbar-expand navbar-light bg-light" style="min-height:105px">
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(74, 79, 84)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a href="/" data-sonde-contrast-state-id="sonde-contrast-state-6" data-sonde-contrast-state-owned="true">Home</a>
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(74, 79, 84)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a href="/departments/city-attorney/" data-sonde-contrast-state-id="sonde-contrast-state-7" data-sonde-contrast-state-owned="true">City Attorney</a>
medium The same link functionality is identified as "Skip to main content" on https://www.cityofboise.org/ and "Home" on https://www.cityofboise.org/departments/city-attorney/subpoena. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="/" data-sonde-contrast-state-id="sonde-contrast-state-6" data-sonde-contrast-state-owned="true">Home</a>
medium Element overflows viewport by 180px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<form id="header-search" class="form-inline my-2 my-lg-0 search-form"><input class="form-control search-form__text-input" type="text" placeholder="Search" aria-label="Search"> <button class="btn btn-s
medium Element overflows viewport by 175px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<button class="btn btn-search btn-outline-success my-2 my-sm-0" type="button"><span class="text-hide">Search</span></button>
medium Element overflows viewport by 186px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px
medium Element overflows viewport by 186px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<div class="grecaptcha-error"></div>
medium Element overflows viewport by 186px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-gjtdbssrenve" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-ori
medium Element overflows viewport by 186px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-gjtdbssrenve" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-n
medium Element overflows viewport by 180px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<input class="form-control search-form__text-input" type="text" placeholder="Search" aria-label="Search">
medium Element overflows viewport by 165px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<span class="text-hide">Search</span>
medium Element overflows viewport by 180px at Phone SE (320px width). WCAG 1.4.10
Element:
<form id="header-search" class="form-inline my-2 my-lg-0 search-form"><input class="form-control search-form__text-input" type="text" placeholder="Search" aria-label="Search"> <button class="btn btn-s
medium Element overflows viewport by 175px at Phone SE (320px width). WCAG 1.4.10
Element:
<button class="btn btn-search btn-outline-success my-2 my-sm-0" type="button"><span class="text-hide">Search</span></button>
medium Element overflows viewport by 186px at Phone SE (320px width). WCAG 1.4.10
Element:
<div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px
medium Element overflows viewport by 186px at Phone SE (320px width). WCAG 1.4.10
Element:
<div class="grecaptcha-error"></div>
medium Element overflows viewport by 186px at Phone SE (320px width). WCAG 1.4.10
Element:
<div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-gjtdbssrenve" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-ori
medium Element overflows viewport by 186px at Phone SE (320px width). WCAG 1.4.10
Element:
<iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-gjtdbssrenve" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-n
medium Element overflows viewport by 180px at Phone SE (320px width). WCAG 1.4.10
Element:
<input class="form-control search-form__text-input" type="text" placeholder="Search" aria-label="Search">
medium Element overflows viewport by 165px at Phone SE (320px width). WCAG 1.4.10
Element:
<span class="text-hide">Search</span>
medium Interactive control "#buttonack" is only 42px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#buttonack>
medium Interactive control "#buttonstatus" is only 42px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#buttonstatus>
medium Interactive control "#pin" is only 42px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#pin>
medium Interactive control "#subpoena" is only 42px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#subpoena>
medium Interactive control "a.sr-only.sr-only-focusable" is only 1px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.sr-only.sr-only-focusable>
medium Interactive control "button.btn.btn-search" is only 30px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.btn.btn-search>
medium Interactive control "input.form-control.search-form__text-input" is only 40px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<input.form-control.search-form__text-input>
medium Content clipped by 23px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Element:
<a href="#body" class="sr-only sr-only-focusable">Skip to main content</a>
medium Content clipped by 7px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Element:
<div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px
medium Content clipped by 23px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Element:
<span class="sr-only">Submit</span>
low Broken link: https://twitter.com/CityOfBoise returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/CityOfBoise">Twitter</a>
low Link timeout: https://www.cityofboise.org/departments/city-attorney/contact-the-office-of-the-city-attorney/ did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.cityofboise.org/departments/city-attorney/contact-the-office-of-the-city-attorney/">this form</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>
www.cityofboise.org44findings
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high ARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOM WCAG 4.1.2
Element:
<figure class="carousel-cell" style="" aria-hidden="true">
high ARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOM WCAG 4.1.2
Element:
<figure class="carousel-cell" aria-hidden="true" style="">
high ARIA hidden element must not be focusable or contain focusable elements: Fix all of the following: Focusable content should have tabindex="-1" or be removed from the DOM WCAG 4.1.2
Element:
<figure class="carousel-cell" aria-hidden="true" style="">
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://www.google.com/maps/embed/v1/place?key=AIzaSyA0s1a7phLN0iaD6-UE7m4qP-z21pH0eSc&q=150 N Capitol Blvd, Boise, ID 83702" width="600" height="200" frameborder="0" style="border:0"...
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (160px by 12.8px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17.6px instead of at least 24px. WCAG 2.5.8
Element:
<a href="/SiteDirectory" class="small">Sitemap</a>
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (160px by 12.8px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17.6px instead of at least 24px. WCAG 2.5.8
Element:
<a href="/terms-of-use" class="small">Terms of Use</a>
high Focus jumps backward from "GET DIRECTIONS" to "CLOSE" (visual distance: 770px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>CLOSE</a>
high Focus jumps backward from "SUBMIT" to "(208) 608-7000" (visual distance: 879px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>(208) 608-7000</a>
high Missing Strict-Transport-Security header (HSTS)
medium Page has 2 "navigation" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 2 navigation landmarks, 0 labeled -->
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 class="navbar navbar-expand navbar-light bg-light" style="min-height:105px">
low Broken link: https://twitter.com/CityOfBoise returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/CityOfBoise">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/city-clerk33findings
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
critical Interactive element with role="textbox" has no accessible name. Screen readers cannot identify this control. WCAG 4.1.2
Element:
<!-- a11y: role="textbox" -->
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 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://www.google.com/maps/embed/v1/place?key=AIzaSyA0s1a7phLN0iaD6-UE7m4qP-z21pH0eSc&q=150 N Capitol Blvd, Boise, ID 83702" width="600" height="200" frameborder="0" style="border:0"...
high Links must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute WCAG 2.4.4
Element:
<a class="link" href="/departments/city-clerk/city-code/"> <i class="cob-icon-Assignment cob-icon-color--blue"></i></a>
high Links must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute WCAG 2.4.4
Element:
<a class="link" href="/departments/city-council/"> <i class="cob-icon-Auction cob-icon-color--green"></i></a>
high Links must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute WCAG 2.4.4
Element:
<a class="link" href="/departments/city-clerk/licensing/"> <i class="cob-icon-Marriage-Settlement cob-icon-color--red"></i></a>
high Links must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute WCAG 2.4.4
Element:
<a class="link" href="/departments/city-clerk/public-records/"> <i class="cob-icon-Books cob-icon-color--blue"></i></a>
high Links must have discernible text: Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute WCAG 2.4.4
Element:
<a class="link" href="/departments/city-clerk/master-fees-and-fines/"> <i class="cob-icon-Banknote cob-icon-color--orange"></i></a>
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (160px by 12.8px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17.6px instead of at least 24px. WCAG 2.5.8
Element:
<a href="/terms-of-use" class="small">Terms of Use</a>
high All touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (160px by 12.8px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17.6px instead of at least 24px. WCAG 2.5.8
Element:
<a href="/SiteDirectory" class="small">Sitemap</a>
high Focus jumps backward from "GET DIRECTIONS" to "CLOSE" (visual distance: 770px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>CLOSE</a>
high Focus jumps backward from "SEE MORE" to "Childcare Services Updates" (visual distance: 794px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>Childcare Services Updates</a>
high Focus jumps backward from "SUBMIT" to "(208) 972-8150" (visual distance: 879px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
Element:
<a>(208) 972-8150</a>
high Missing Strict-Transport-Security header (HSTS)
medium Page has 5 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 5 navigation landmarks, 1 labeled -->
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
Element:
<h3>Other Links</h3>
medium Aside should not be contained in another landmark: Fix any of the following: The null landmark is contained in another landmark.
Element:
<aside class="col-md-4 sidebar">
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 class="navbar navbar-expand navbar-light bg-light" style="min-height:105px">
medium Link is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(74, 79, 84)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a href="/" data-sonde-contrast-state-id="sonde-contrast-state-6" data-sonde-contrast-state-owned="true">Home</a>
medium The same link functionality is identified as "Skip to main content" on https://www.cityofboise.org/ and "Home" on https://www.cityofboise.org/departments/city-clerk. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="/" data-sonde-contrast-state-id="sonde-contrast-state-6" data-sonde-contrast-state-owned="true">Home</a>
medium Interactive control "a.link.h3" is only 25px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.link.h3>
medium Interactive control "a.nav-link" is only 41px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.nav-link>
medium Interactive control "button.btn--submit--circle" is only 38px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.btn--submit--circle>
medium Interactive control "a.link.link--right-chevron" is only 22px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.link.link--right-chevron>
low Broken link: https://twitter.com/CityOfBoise returned status 403 Forbidden after 1 attempts
Element:
<a href="https://twitter.com/CityOfBoise">Twitter</a>
low Link timeout: https://www.cityofboise.org/departments/city-clerk/harris-ranch-cid/ did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.cityofboise.org/departments/city-clerk/harris-ranch-cid/">Harris Ranch CID</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.