Accessibility Health Check
https://billingsmt.gov
Strong
https://daylight.sonde.life/usgov/billingsmt-gov/
Strong
Executive Summary
Top Findings
criticalInteractive element with role="textbox" has no accessible name. Screen readers cannot identify this control.WCAG 4.1.2
<!-- a11y: role="textbox" -->
Add an accessible name using aria-label, aria-labelledby, or visible text content. WCAG 4.1.2 requires all interactive elements to have a programmatically determinable name.
criticalInteractive element with role="textbox" has no accessible name. Screen readers cannot identify this control.WCAG 4.1.2
<!-- a11y: role="textbox" -->
Add an accessible name using aria-label, aria-labelledby, or visible text content. WCAG 4.1.2 requires all interactive elements to have a programmatically determinable name.
criticalInteractive element with role="textbox" has no accessible name. Screen readers cannot identify this control.WCAG 4.1.2
<!-- a11y: role="textbox" -->
Add an accessible name using aria-label, aria-labelledby, or visible text content. WCAG 4.1.2 requires all interactive elements to have a programmatically determinable name.
criticalInteractive element with role="textbox" has no accessible name. Screen readers cannot identify this control.WCAG 4.1.2
<!-- a11y: role="textbox" -->
Add an accessible name using aria-label, aria-labelledby, or visible text content. WCAG 4.1.2 requires all interactive elements to have a programmatically determinable name.
criticalInteractive element with role="textbox" has no accessible name. Screen readers cannot identify this control.WCAG 4.1.2
<!-- a11y: role="textbox" -->
Add an accessible name using aria-label, aria-labelledby, or visible text content. WCAG 4.1.2 requires all interactive elements to have a programmatically determinable name.
criticalCertain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: li[tabindex]WCAG 1.3.1
<ol role="menu" id="secondaryMenusecondaryNav" data-parent="27" class="rootNavMenu accordionNav">
Ensure elements with an ARIA role that require child roles contain them. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
criticalCertain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: li[tabindex]WCAG 1.3.1
<ol role="menu" id="secondaryMenusecondaryNav" data-parent="1828" class="rootNavMenu accordionNav">
Ensure elements with an ARIA role that require child roles contain them. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
criticalCertain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: li[tabindex]WCAG 1.3.1
<ol role="menu" id="secondaryMenusecondaryNav" data-parent="1834" class="rootNavMenu accordionNav">
Ensure elements with an ARIA role that require child roles contain them. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="2">2</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="3">3</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highFrames 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
<iframe src="https://www.facebook..." width="500" height="1000" style="border:none;overflow..." scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-...">
Ensure <iframe> and <frame> elements have an accessible name. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="5">5</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="4">4</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="1">1</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="4">4</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="3">3</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="2">2</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="1">1</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highFrames 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
<iframe src="https://www.facebook..." width="500" height="1000" style="border:none;overflow..." scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-...">
Ensure <iframe> and <frame> elements have an accessible name. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="5">5</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1785" data-pageid="1785">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (99.7px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.6px instead of at least 24px.WCAG 2.5.8
<a href="https://billingsmtpublicworks.gov/248/Payments-Utility-Account-Services" target="_self">Water Account</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="1">1</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (96px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="/201/Parking-Tickets" target="_self">Parking Ticket</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (78.1px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px.WCAG 2.5.8
<a href="https://mt-billings3.civicplus.com/2503/Sign-Permit-Information" target="_blank" rel="noopener" aria-label="Sign Permit Opens in new window">Sign Permit</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem65" data-pageid="65">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (191.7px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.8px instead of at least 24px.WCAG 2.5.8
<a href="https://www.yellowstonecountymt.gov/treasurer/" target="_self">Mailing Address for Tax Bills</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (61.9px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a href="https://www.yellowstonecountymt.gov/elections/" target="_blank" rel="noopener" aria-label="Elections Opens in new window">Elections</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem3041" data-pageid="3041">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (128.7px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.6px instead of at least 24px.WCAG 2.5.8
<a href="https://www.billingsmtpublicworks.gov/183/Garbage-Collection" target="_self">Garbage Collection</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="2">2</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (98.9px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="/202/Payment-Information" target="_self">Traffic Citation</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (142.3px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.6px instead of at least 24px.WCAG 2.5.8
<a href="https://www.billingsparks.org/" target="_blank" rel="noopener" aria-label="Recreation Programs Opens in new window">Recreation Programs</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (117.5px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.8px instead of at least 24px.WCAG 2.5.8
<a href="/981/Business-Licenses" target="_self">Business License</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (206px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.8px instead of at least 24px.WCAG 2.5.8
<a href="https://billingsmtpublicworks.gov/248/Payments-Utility-Account-Services" target="_self">Mailing Address for Utility Bills</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (89.2px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px.WCAG 2.5.8
<a href="https://mt-billings3.civicplus.com/2509/Fence-Permit-Information" target="_blank" rel="noopener" aria-label="Fence Permit Opens in new window">Fence Permit</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (90.5px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.6px instead of at least 24px.WCAG 2.5.8
<a href="https://www.ci.billings.mt.us/1820/Photo-Gallery" target="_self">Photo Gallery</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (133.3px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.8px instead of at least 24px.WCAG 2.5.8
<a href="/156/Ordinances" target="_self">Code of Ordinances</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem64" data-pageid="64">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (68.3px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a href="https://www.google.com/maps/@45.7819194,-108.5636845,12z" target="_blank" rel="noopener" aria-label="Directions Opens in new window">Directions</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (130.1px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="https://www.billingsmtpublicworks.gov/FormCenter/PUBLISHED-FORMS-5/Street-Light-Reporting-48" target="_blank" rel="noopener" aria-label="Street Light Outage Opens in new window">Street Light ...
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList"> <li class="megaMenuItem level2" role="none" data-pageid="1880"> <a href="http://www.billingsparks.org/facilities/reserve-a-shelter/" target="_blank" rel="noop...
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (127.6px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="https://ci.billings.mt.us/2297/Reporting-Contact" target="_blank" rel="noopener" aria-label="Suspicious Activity Opens in new window">Suspicious Activity</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (137.4px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.8px instead of at least 24px.WCAG 2.5.8
<a href="https://www.ci.billings.mt.us/114/Community-Development" target="_self">Community Projects</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (77.5px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.8px instead of at least 24px.WCAG 2.5.8
<a href="/475/Budgets-Financial-Reports" target="_self">City Budget</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList layout3">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (102.9px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.8px instead of at least 24px.WCAG 2.5.8
<a href="/67/Building" target="_self">Building Permit</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem104" data-pageid="104">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem2760" data-pageid="2760">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem3042" data-pageid="3042">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (142.8px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a href="https://doj.mt.gov/enforcement/concealed-weapons/" target="_self">Concealed Carry Law</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList layout3">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem107" data-pageid="107">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (91.6px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.8px instead of at least 24px.WCAG 2.5.8
<a href="https://www.billings..." target="_self" class="docaccess-activated" data-docaccess-url="https://www.billings..." data-url-hash="947e236c56300a98d047..." data-url-status="enabled">
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem2417" data-pageid="2417">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="2">2</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1831" data-pageid="1831">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1830" data-pageid="1830"> <div class="accordionNavItem"> <a href="/981/Business-Licenses" target="_self" class="navMainItem seco...
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList layout3">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1832" data-pageid="1832">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="1">1</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem2515" data-pageid="2515">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1833" data-pageid="1833">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1829" data-pageid="1829"> <div class="accordionNavItem"> <a href="/67/Building" target="_self" class="navMainItem secondaryNavIt...
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1835" data-pageid="1835">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="1">1</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1837" data-pageid="1837">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1836" data-pageid="1836">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="2">2</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList layout3">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highFocus jumps backward from "Administrator’s Report" to "Report a Concern" (visual distance: 558px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Report a Concern</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "View All Events" to "Facebook" (visual distance: 873px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Facebook</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Administrator’s Report" to "Report a Concern" (visual distance: 841px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Report a Concern</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "View All Events" to "Facebook" (visual distance: 873px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Facebook</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Neighborhood Task Forces" to "Online Payments" (visual distance: 421px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Online Payments</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Warrants" to "Notifications" (visual distance: 561px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Notifications</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Transportation" to "Traffic Advisory" (visual distance: 561px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Traffic Advisory</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Employment" to "Agendas & Minutes" (visual distance: 608px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Agendas & Minutes</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Report a Concern" to "Previous" (visual distance: 321px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Previous</a>
Reorder elements in the DOM to match the visual layout. Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
highFocus jumps backward from "Traffic Advisory" to "Volunteers Opens in new window" (visual distance: 467px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Volunteers Opens in new window</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "City of Billings Employee Portal" to "Quick Links" (visual distance: 436px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Quick Links</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Parks & Recreation" to "Administrator’s Report" (visual distance: 561px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Administrator’s Report</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Water Quality Reports" to "Administration" (visual distance: 1299px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Administration</a>
Reorder elements in the DOM to match the visual layout. Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
highFocus jumps backward from "Traffic Citation" to "Read..." (visual distance: 1028px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Read...</a>
Reorder elements in the DOM to match the visual layout. Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
highFocus jumps backward from "Traffic Advisory" to "Volunteers Opens in new window" (visual distance: 467px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Volunteers Opens in new window</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Parks & Recreation" to "Administrator’s Report" (visual distance: 561px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Administrator’s Report</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Sign Permit Opens in new window" to "Building Permit" (visual distance: 461px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Building Permit</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "City of Billings Employee Portal" to "Quick Links" (visual distance: 436px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Quick Links</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Parks & Recreation" to "Administrator’s Report" (visual distance: 561px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Administrator’s Report</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "City of Billings Employee Portal" to "Quick Links" (visual distance: 436px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Quick Links</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Traffic Advisory" to "Volunteers Opens in new window" (visual distance: 467px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Volunteers Opens in new window</a>
Reorder elements in the DOM to match the visual layout.
highstrict-transport-security header has invalid or weak value: max-age=86400
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highstrict-transport-security header has invalid or weak value: max-age=86400
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Frame-Options: DENY or SAMEORIGIN Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Frame-Options: DENY or SAMEORIGIN Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Frame-Options: DENY or SAMEORIGIN Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage has 11 "navigation" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 11 navigation landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage has 11 "navigation" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 11 navigation landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 12 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 12 navigation landmarks, 1 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 2 "complementary" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 complementary landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "complementary" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 12 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 12 navigation landmarks, 1 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 2 "complementary" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 complementary landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "complementary" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 2 "complementary" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 complementary landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "complementary" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 12 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 12 navigation landmarks, 1 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="fr-view">
<h1 class="headline" style="text-align: center;"><a href="https://cityview.billingsmt.gov/Portal/">Click Here For Permits</a></h1>
</div>Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<ol class="tabbedWidget cpTabs " role="tablist" aria-hidden="false" style="">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="tabbedWidget cpTabPanel showing" style="" id="tab8d3f3fbe-b3c0-4784-b07d-5cc78cb09990_0" role="tabpanel" aria-labelledby="tabBtn8d3f3fbe-b3c0-4784-b07d-5cc78cb09990_0" tabindex="-1">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<ol class="tabbedWidget cpTabs " role="tablist" aria-hidden="false" style="">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3>Magic City Spotlight</h3>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks 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
<nav data-cprole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="tabbedWidget cpTabPanel showing" style="" id="tab1b972691-28aa-429e-a856-e6a0d17dd6ed_0" role="tabpanel" aria-labelledby="tabBtn1b972691-28aa-429e-a856-e6a0d17dd6ed_0" tabindex="-1">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="cpToolbar user public" style="z-index: 1;">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks 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
<nav data-cprole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3>Magic City Spotlight</h3>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<ol class="tabbedWidget cpTabs " role="tablist" aria-hidden="false" style="">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="fr-view">
<h1 class="headline" style="text-align: center;"><a href="https://cityview.billingsmt.gov/Portal/">Click Here For Permits</a></h1>
</div>Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="cpToolbar user public" style="z-index: 1;">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<ol class="tabbedWidget cpTabs " role="tablist" aria-hidden="false" style="">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="tabbedWidget cpTabPanel showing" style="" id="tab1b972691-28aa-429e-a856-e6a0d17dd6ed_0" role="tabpanel" aria-labelledby="tabBtn1b972691-28aa-429e-a856-e6a0d17dd6ed_0" tabindex="-1">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="tabbedWidget cpTabPanel showing" style="" id="tab8d3f3fbe-b3c0-4784-b07d-5cc78cb09990_0" role="tabpanel" aria-labelledby="tabBtn8d3f3fbe-b3c0-4784-b07d-5cc78cb09990_0" tabindex="-1">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3>Contact Us</h3>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks 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
<nav data-cprole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks 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
<aside data-cprole="contentContainer" id="contentContainer2"> <div id="cc6f792e7b-0b1c-407b-8483-6e4e6f41eb55" data-containerid="6f792e7b-0b1c-407b-8483-6e4e6f41eb55" class="pageContent cpGrid cpGrid2...
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="cpToolbar user public" style="z-index: 1;">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks 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
<nav data-cprole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks 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
<aside data-cprole="contentContainer" id="contentContainer2"> <div id="cc6f792e7b-0b1c-407b-8483-6e4e6f41eb55" data-containerid="6f792e7b-0b1c-407b-8483-6e4e6f41eb55" class="pageContent cpGrid cpGrid2...
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="cpToolbar user public" style="z-index: 1;">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3>Contact Us</h3>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks 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
<aside data-cprole="contentContainer" id="contentContainer2"> <div id="cc6f792e7b-0b1c-407b-8483-6e4e6f41eb55" data-containerid="6f792e7b-0b1c-407b-8483-6e4e6f41eb55" class="pageContent cpGrid cpGrid2...
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3>Contact Us</h3>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="cpToolbar user public" style="z-index: 1;">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks 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
<nav data-cprole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/115/Municipal-Court" target="_self" class="fancyButton fancyButton377 "> <span> <span><span class="text">Court</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://billingsmt.gov/Blog.aspx?CID=2" target="_self" class="fancyButton fancyButton530 "> <span> <span><span class="text">Code Enforcement Blog</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1905/Online-Payments" target="_self" class="fancyButton fancyButton383 "> <span> <span><span class="text">Online Payments</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/115/Municipal-Court" target="_self" class="fancyButton fancyButton377 "> <span> <span><span class="text">Court</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://billingsmt.gov/Blog.aspx?CID=2" target="_self" class="fancyButton fancyButton530 "> <span> <span><span class="text">Code Enforcement Blog</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1905/Online-Payments" target="_self" class="fancyButton fancyButton383 "> <span> <span><span class="text">Online Payments</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/65/Boards-Commissions" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Boards & Commissions</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="" class="breadCrumb" aria-current="page">How Do I...?</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/107/City-Council" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City Council</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/104/City-Clerk" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City Clerk</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/978/Public-Safety" target="_self" class="fancyButton fancyButton380 "> <span> <span><span class="text">Public Safety</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://billingslibrary.org/ " target="_self" class="fancyButton fancyButton378 "> <span> <span><span class="text">Library</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://city-of-billings-map-library-billings.hub.arcgis.com/" target="_blank" class="fancyButton fancyButton379 " aria-label="Maps Opens in new window" rel="noopener"> <span> <span><spa
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/64/Administration" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Administration</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="breadCrumb" href="/">billingsmt.gov</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/115/Municipal-Court" target="_self" class="fancyButton fancyButton377 "> <span> <span><span class="text">Court</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/115/Municipal-Court" target="_self" class="fancyButton fancyButton377 "> <span> <span><span class="text">Court</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/65/Boards-Commissions" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Boards & Commissions</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/67/Building" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Building Permit</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://billingslibrary.org/ " target="_self" class="fancyButton fancyButton378 "> <span> <span><span class="text">Library</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="breadCrumb" href="/1775/How-Do-I">How Do I...?</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="breadCrumb" href="/">billingsmt.gov</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/981/Business-Licenses" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Business License</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/978/Public-Safety" target="_self" class="fancyButton fancyButton380 "> <span> <span><span class="text">Public Safety</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://city-of-billings-map-library-billings.hub.arcgis.com/" target="_blank" class="fancyButton fancyButton379 " aria-label="Maps Opens in new window" rel="noopener"> <span> <span><spa
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://city-of-billings-map-library-billings.hub.arcgis.com/" target="_blank" class="fancyButton fancyButton379 " aria-label="Maps Opens in new window" rel="noopener"> <span> <span><spa
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/DocumentCenter/View/38509/Can-you-give-us-a-hand_201409301651114566" target="_blank" class="navMainItem secondaryNavItem cpComponent docaccess-activated" data-type="SecondaryMainItem" aria-l
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="breadCrumb" href="/">billingsmt.gov</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="breadCrumb" href="/1775/How-Do-I">How Do I...?</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/978/Public-Safety" target="_self" class="fancyButton fancyButton380 "> <span> <span><span class="text">Public Safety</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/469/Employment" target="_blank" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem" aria-label="Firefighter Opens in new window" rel="noopener">Firefighter</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/115/Municipal-Court" target="_self" class="fancyButton fancyButton377 "> <span> <span><span class="text">Court</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://billingslibrary.org/ " target="_self" class="fancyButton fancyButton378 "> <span> <span><span class="text">Library</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.ci.billings.mt.us/DocumentCenter/View/38687/Billings-Police-Officer-Application-Packet-July-2019" target="_blank" class="navMainItem secondaryNavItem cpComponent docaccess-activat
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
medium"MET" is visually at position 56 but receives focus at position 109 (drift: 53).WCAG 2.4.3
<a>MET</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"City Clerk" is visually at position 26 but receives focus at position 101 (drift: 75).WCAG 2.4.3
<a>City Clerk</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Boards & Commissions" is visually at position 24 but receives focus at position 99 (drift: 75).WCAG 2.4.3
<a>Boards & Commissions</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Public Record Request" is visually at position 51 but receives focus at position 108 (drift: 57).WCAG 2.4.3
<a>Public Record Request</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"City Council" is visually at position 30 but receives focus at position 103 (drift: 73).WCAG 2.4.3
<a>City Council</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Departments" is visually at position 38 but receives focus at position 105 (drift: 67).WCAG 2.4.3
<a>Departments</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Recycling" is visually at position 96 but receives focus at position 52 (drift: 44).WCAG 2.4.3
<a>Recycling</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Frequently Asked Questions Opens in new window" is visually at position 45 but receives focus at position 107 (drift: 62).WCAG 2.4.3
<a>Frequently Asked Questions Opens in new window</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
mediumBroken link: https://billingsmt.gov/sitemap returned status 404 Not Found after 1 attempts
<a href="https://billingsmt.gov/sitemap">Site Map</a>
mediumBroken link: https://billingsmt.gov/DocumentCenter/View/38509/Can-you-give-us-a-hand_201409301651114566 returned status 404 Not Found after 1 attempts
<a href="https://billingsmt.gov/DocumentCenter/View/38509/Can-you-give-us-a-hand_201409301651114566">Volunteers</a>
mediumBroken link: https://billingsmt.gov/DocumentCenter/View/38509/Can-you-give-us-a-hand_201409301651114566 returned status 404 Not Found after 1 attempts
<a href="https://billingsmt.gov/DocumentCenter/View/38509/Can-you-give-us-a-hand_201409301651114566">Volunteers</a>
mediumBroken link: https://billingsmt.gov/sitemap returned status 404 Not Found after 1 attempts
<a href="https://billingsmt.gov/sitemap">Site Map</a>
mediumBroken link: https://billingsmt.gov/sitemap returned status 404 Not Found after 1 attempts
<a href="https://billingsmt.gov/sitemap">Site Map</a>
mediumBroken link: https://mt-billings3.civicplus.com/2509/Fence-Permit-Information returned status 404 Not Found after 1 attempts
<a href="https://mt-billings3.civicplus.com/2509/Fence-Permit-Information">Fence Permit</a>
mediumBroken link: https://billingsmt.gov/DocumentCenter/View/38509/Can-you-give-us-a-hand_201409301651114566 returned status 404 Not Found after 1 attempts
<a href="https://billingsmt.gov/DocumentCenter/View/38509/Can-you-give-us-a-hand_201409301651114566">Volunteers</a>
mediumBroken link: https://billingsmt.gov/sitemap returned status 404 Not Found after 1 attempts
<a href="https://billingsmt.gov/sitemap">Site Map</a>
mediumBroken link: https://www.ci.billings.mt.us/DocumentCenter/View/38687/Billings-Police-Officer-Application-Packet-July-2019 returned status 404 Not Found after 1 attempts
<a href="https://www.ci.billings.mt.us/DocumentCenter/View/38687/Billings-Police-Officer-Application-Packet-July-2019">Police Officer</a>
mediumBroken link: https://billingsmt.gov/sitemap returned status 404 Not Found after 1 attempts
<a href="https://billingsmt.gov/sitemap">Site Map</a>
mediumElement overflows viewport by 50px at 320px width.WCAG 1.4.10
<div id="graphicLinkWidgetd3daa6a4-d30e-4b8f-b88c-e8b14b29f435" class="widget widgetGraphicLinks skin14 widgetOptionSet4 wide" data-elementqueryclasses="{"wide-narrow":"min-width:25em&qSet max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 50px at 320px width.WCAG 1.4.10
<div class="widgetBody cpGrid cpGrid2 "> <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> <div class="row wide"> <!-- --><div class="col col1 first "><ul class="s
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 50px at 320px width.WCAG 1.4.10
<div class="widgetCarousel-item widgetCarousel-item--50 col" style="padding: 0px 0em;"> <div data-widget-id="d3daa6a4-d30e-4b8f-b88c-e8b14b29f435" data-widget-controller-path="/GraphicLinks/Widge
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 324px at 320px width.WCAG 1.4.10
<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=48173" width="968.1874229346486px" style="position: absolute; left: 0px; margin: 0px; width: 968.187px;">
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 19px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<a class="nav-btn" id="nav-open-btn" href="#nav" aria-haspopup="true" role="menu">Menu</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 28px at 320px width.WCAG 1.4.10
<span><span class="text">Public Safety</span></span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 154px at 320px width.WCAG 1.4.10
<div class="widgetCarousel-group" data-group="2" style="width: 50%;"> <div class="widgetCarousel-item widgetCarousel-item--33 col" style="padding: 0px 0em;"> <div data-widget-id="0f80c1e6-0a93
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 28px at 320px width.WCAG 1.4.10
<span class="text">Public Safety</span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 91px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<a href="#ccb29c20c6-457c-4b74-9a42-0ee46db053d2" target="_self" class="skipToContentLink">Skip to Main Content</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 154px at 320px width.WCAG 1.4.10
<div class="widgetCarousel-slider" style="margin-left: 100%; margin-right: 100%; transition: left 2s; left: -100%; width: 200%;"> <div class="widgetCarousel-group" data-group="1" style="width: 50%;"
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 15px at 320px width.WCAG 1.4.10
<div class="widgetCarousel-item widgetCarousel-item--33 col" style="padding: 0px 0em;"> <div data-widget-id="0f80c1e6-0a93-407d-ba45-382cb6fcba52" data-widget-controller-path="/GraphicLinks/Widge
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 15px at 320px width.WCAG 1.4.10
<div data-widget-id="0f80c1e6-0a93-407d-ba45-382cb6fcba52" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget0f80c1e6-0a93-407d-ba45-382cb6fcba52" class="widget widgetG
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 15px at 320px width.WCAG 1.4.10
<div id="graphicLinkWidget0f80c1e6-0a93-407d-ba45-382cb6fcba52" class="widget widgetGraphicLinks skin14 widgetOptionSet30 wide" data-elementqueryclasses="{"wide-narrow":"min-width:20em&Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 15px at 320px width.WCAG 1.4.10
<div class="widgetHeader"> <div class=""> </div> </div>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
lowDeep focus region: nav "Administration " has 14 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<nav role="nav">Administration </nav>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowDeep focus region: menu "Administration " has 14 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<ol role="menu">Administration </ol>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowDeep focus region: nav "Pages" has 75 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<nav role="nav">Pages</nav>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowLink timeout: https://comm7tv.vod.castus.tv/vod/?live=ch1&nav=live did not respond within 5000ms after 2 attempts
<a href="https://comm7tv.vod.castus.tv/vod/?live=ch1&nav=live">Watch Meetings Online</a>
lowBroken link: https://cityview.billingsmt.gov/Portal/ returned status 500 Internal Server Error after 1 attempts
<a href="https://cityview.billingsmt.gov/Portal/">Click Here For Permits</a>
lowLink timeout: https://comm7tv.vod.castus.tv/vod/?live=ch1&nav=live did not respond within 5000ms after 2 attempts
<a href="https://comm7tv.vod.castus.tv/vod/?live=ch1&nav=live">Watch Meetings Online</a>
lowBroken link: https://cityview.billingsmt.gov/Portal/ returned status 500 Internal Server Error after 1 attempts
<a href="https://cityview.billingsmt.gov/Portal/">Click Here For Permits</a>
lowLink timeout: https://comm7tv.vod.castus.tv/vod/?live=ch1&nav=live did not respond within 5000ms after 2 attempts
<a href="https://comm7tv.vod.castus.tv/vod/?live=ch1&nav=live">Watch Meetings Online</a>
lowBroken link: https://ci.billings.mt.us/DocumentCenter/View/35993/Website-Privacy-Policy--9-14-2017 returned status 404 Not Found after 1 attempts
<a href="https://ci.billings.mt.us/DocumentCenter/View/35993/Website-Privacy-Policy--9-14-2017">Privacy Policy</a>
lowBroken link: https://mt-billings3.civicplus.com/2509/Fence-Permit-Information returned status 404 Not Found after 1 attempts
<a href="https://mt-billings3.civicplus.com/2509/Fence-Permit-Information">Fence Permit</a>
lowBroken link: https://ci.billings.mt.us/DocumentCenter/View/35993/Website-Privacy-Policy--9-14-2017 returned status 404 Not Found after 1 attempts
<a href="https://ci.billings.mt.us/DocumentCenter/View/35993/Website-Privacy-Policy--9-14-2017">Privacy Policy</a>
lowLink timeout: https://comm7tv.vod.castus.tv/vod/?live=ch1&nav=live did not respond within 5000ms after 2 attempts
<a href="https://comm7tv.vod.castus.tv/vod/?live=ch1&nav=live">Watch Meetings Online</a>
lowBroken link: https://ci.billings.mt.us/DocumentCenter/View/35993/Website-Privacy-Policy--9-14-2017 returned status 404 Not Found after 1 attempts
<a href="https://ci.billings.mt.us/DocumentCenter/View/35993/Website-Privacy-Policy--9-14-2017">Privacy Policy</a>
lowLink timeout: https://comm7tv.vod.castus.tv/vod/?live=ch1&nav=live did not respond within 5000ms after 2 attempts
<a href="https://comm7tv.vod.castus.tv/vod/?live=ch1&nav=live">Watch Meetings Online</a>
Best Page Fix Opportunities
/1775/How-Do-I86findings
criticalInteractive element with role="textbox" has no accessible name. Screen readers cannot identify this control.WCAG 4.1.2
<!-- a11y: role="textbox" -->
Add an accessible name using aria-label, aria-labelledby, or visible text content. WCAG 4.1.2 requires all interactive elements to have a programmatically determinable name.
criticalCertain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: li[tabindex]WCAG 1.3.1
<ol role="menu" id="secondaryMenusecondaryNav" data-parent="27" class="rootNavMenu accordionNav">
Ensure elements with an ARIA role that require child roles contain them. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1785" data-pageid="1785">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (99.7px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.6px instead of at least 24px.WCAG 2.5.8
<a href="https://billingsmtpublicworks.gov/248/Payments-Utility-Account-Services" target="_self">Water Account</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="1">1</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (96px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="/201/Parking-Tickets" target="_self">Parking Ticket</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (78.1px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px.WCAG 2.5.8
<a href="https://mt-billings3.civicplus.com/2503/Sign-Permit-Information" target="_blank" rel="noopener" aria-label="Sign Permit Opens in new window">Sign Permit</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem65" data-pageid="65">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (191.7px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.8px instead of at least 24px.WCAG 2.5.8
<a href="https://www.yellowstonecountymt.gov/treasurer/" target="_self">Mailing Address for Tax Bills</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (61.9px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a href="https://www.yellowstonecountymt.gov/elections/" target="_blank" rel="noopener" aria-label="Elections Opens in new window">Elections</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem3041" data-pageid="3041">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (128.7px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.6px instead of at least 24px.WCAG 2.5.8
<a href="https://www.billingsmtpublicworks.gov/183/Garbage-Collection" target="_self">Garbage Collection</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="2">2</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (98.9px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="/202/Payment-Information" target="_self">Traffic Citation</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (142.3px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.6px instead of at least 24px.WCAG 2.5.8
<a href="https://www.billingsparks.org/" target="_blank" rel="noopener" aria-label="Recreation Programs Opens in new window">Recreation Programs</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (117.5px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.8px instead of at least 24px.WCAG 2.5.8
<a href="/981/Business-Licenses" target="_self">Business License</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (206px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.8px instead of at least 24px.WCAG 2.5.8
<a href="https://billingsmtpublicworks.gov/248/Payments-Utility-Account-Services" target="_self">Mailing Address for Utility Bills</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (89.2px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px.WCAG 2.5.8
<a href="https://mt-billings3.civicplus.com/2509/Fence-Permit-Information" target="_blank" rel="noopener" aria-label="Fence Permit Opens in new window">Fence Permit</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (90.5px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.6px instead of at least 24px.WCAG 2.5.8
<a href="https://www.ci.billings.mt.us/1820/Photo-Gallery" target="_self">Photo Gallery</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (133.3px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.8px instead of at least 24px.WCAG 2.5.8
<a href="/156/Ordinances" target="_self">Code of Ordinances</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem64" data-pageid="64">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (68.3px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a href="https://www.google.com/maps/@45.7819194,-108.5636845,12z" target="_blank" rel="noopener" aria-label="Directions Opens in new window">Directions</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (130.1px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="https://www.billingsmtpublicworks.gov/FormCenter/PUBLISHED-FORMS-5/Street-Light-Reporting-48" target="_blank" rel="noopener" aria-label="Street Light Outage Opens in new window">Street Light ...
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList"> <li class="megaMenuItem level2" role="none" data-pageid="1880"> <a href="http://www.billingsparks.org/facilities/reserve-a-shelter/" target="_blank" rel="noop...
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (127.6px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="https://ci.billings.mt.us/2297/Reporting-Contact" target="_blank" rel="noopener" aria-label="Suspicious Activity Opens in new window">Suspicious Activity</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (137.4px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.8px instead of at least 24px.WCAG 2.5.8
<a href="https://www.ci.billings.mt.us/114/Community-Development" target="_self">Community Projects</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (77.5px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.8px instead of at least 24px.WCAG 2.5.8
<a href="/475/Budgets-Financial-Reports" target="_self">City Budget</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList layout3">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (102.9px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.8px instead of at least 24px.WCAG 2.5.8
<a href="/67/Building" target="_self">Building Permit</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem104" data-pageid="104">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem2760" data-pageid="2760">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem3042" data-pageid="3042">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (142.8px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a href="https://doj.mt.gov/enforcement/concealed-weapons/" target="_self">Concealed Carry Law</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList layout3">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem107" data-pageid="107">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (91.6px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.8px instead of at least 24px.WCAG 2.5.8
<a href="https://www.billings..." target="_self" class="docaccess-activated" data-docaccess-url="https://www.billings..." data-url-hash="947e236c56300a98d047..." data-url-status="enabled">
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highFocus jumps backward from "Traffic Advisory" to "Volunteers Opens in new window" (visual distance: 467px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Volunteers Opens in new window</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "City of Billings Employee Portal" to "Quick Links" (visual distance: 436px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Quick Links</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Parks & Recreation" to "Administrator’s Report" (visual distance: 561px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Administrator’s Report</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Water Quality Reports" to "Administration" (visual distance: 1299px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Administration</a>
Reorder elements in the DOM to match the visual layout. Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
highFocus jumps backward from "Traffic Citation" to "Read..." (visual distance: 1028px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Read...</a>
Reorder elements in the DOM to match the visual layout. Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Frame-Options: DENY or SAMEORIGIN Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumPage has 12 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 12 navigation landmarks, 1 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 2 "complementary" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 complementary landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "complementary" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3>Contact Us</h3>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks 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
<nav data-cprole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks 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
<aside data-cprole="contentContainer" id="contentContainer2"> <div id="cc6f792e7b-0b1c-407b-8483-6e4e6f41eb55" data-containerid="6f792e7b-0b1c-407b-8483-6e4e6f41eb55" class="pageContent cpGrid cpGrid2...
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="cpToolbar user public" style="z-index: 1;">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/65/Boards-Commissions" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Boards & Commissions</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="" class="breadCrumb" aria-current="page">How Do I...?</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/107/City-Council" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City Council</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/104/City-Clerk" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City Clerk</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/978/Public-Safety" target="_self" class="fancyButton fancyButton380 "> <span> <span><span class="text">Public Safety</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://billingslibrary.org/ " target="_self" class="fancyButton fancyButton378 "> <span> <span><span class="text">Library</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://city-of-billings-map-library-billings.hub.arcgis.com/" target="_blank" class="fancyButton fancyButton379 " aria-label="Maps Opens in new window" rel="noopener"> <span> <span><spa
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/64/Administration" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Administration</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="breadCrumb" href="/">billingsmt.gov</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/115/Municipal-Court" target="_self" class="fancyButton fancyButton377 "> <span> <span><span class="text">Court</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
medium"MET" is visually at position 56 but receives focus at position 109 (drift: 53).WCAG 2.4.3
<a>MET</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"City Clerk" is visually at position 26 but receives focus at position 101 (drift: 75).WCAG 2.4.3
<a>City Clerk</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Boards & Commissions" is visually at position 24 but receives focus at position 99 (drift: 75).WCAG 2.4.3
<a>Boards & Commissions</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Public Record Request" is visually at position 51 but receives focus at position 108 (drift: 57).WCAG 2.4.3
<a>Public Record Request</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"City Council" is visually at position 30 but receives focus at position 103 (drift: 73).WCAG 2.4.3
<a>City Council</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Departments" is visually at position 38 but receives focus at position 105 (drift: 67).WCAG 2.4.3
<a>Departments</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Recycling" is visually at position 96 but receives focus at position 52 (drift: 44).WCAG 2.4.3
<a>Recycling</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
medium"Frequently Asked Questions Opens in new window" is visually at position 45 but receives focus at position 107 (drift: 62).WCAG 2.4.3
<a>Frequently Asked Questions Opens in new window</a>
Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
mediumBroken link: https://billingsmt.gov/sitemap returned status 404 Not Found after 1 attempts
<a href="https://billingsmt.gov/sitemap">Site Map</a>
mediumBroken link: https://mt-billings3.civicplus.com/2509/Fence-Permit-Information returned status 404 Not Found after 1 attempts
<a href="https://mt-billings3.civicplus.com/2509/Fence-Permit-Information">Fence Permit</a>
lowDeep focus region: nav "Administration " has 14 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<nav role="nav">Administration </nav>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowDeep focus region: menu "Administration " has 14 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<ol role="menu">Administration </ol>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowDeep focus region: nav "Pages" has 75 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<nav role="nav">Pages</nav>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowLink timeout: https://comm7tv.vod.castus.tv/vod/?live=ch1&nav=live did not respond within 5000ms after 2 attempts
<a href="https://comm7tv.vod.castus.tv/vod/?live=ch1&nav=live">Watch Meetings Online</a>
lowBroken link: https://ci.billings.mt.us/DocumentCenter/View/35993/Website-Privacy-Policy--9-14-2017 returned status 404 Not Found after 1 attempts
<a href="https://ci.billings.mt.us/DocumentCenter/View/35993/Website-Privacy-Policy--9-14-2017">Privacy Policy</a>
/1828/Apply-For-A50findings
criticalInteractive element with role="textbox" has no accessible name. Screen readers cannot identify this control.WCAG 4.1.2
<!-- a11y: role="textbox" -->
Add an accessible name using aria-label, aria-labelledby, or visible text content. WCAG 4.1.2 requires all interactive elements to have a programmatically determinable name.
criticalCertain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: li[tabindex]WCAG 1.3.1
<ol role="menu" id="secondaryMenusecondaryNav" data-parent="1828" class="rootNavMenu accordionNav">
Ensure elements with an ARIA role that require child roles contain them. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem2417" data-pageid="2417">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="2">2</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1831" data-pageid="1831">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1830" data-pageid="1830"> <div class="accordionNavItem"> <a href="/981/Business-Licenses" target="_self" class="navMainItem seco...
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=none]WCAG 1.3.1
<ol class="semanticList layout3">
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1832" data-pageid="1832">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="1">1</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem2515" data-pageid="2515">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1833" data-pageid="1833">
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
high<li> elements must be contained in a <ul> or <ol>: Fix any of the following: List item parent element has a role that is not role="list"WCAG 1.3.1
<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1829" data-pageid="1829"> <div class="accordionNavItem"> <a href="/67/Building" target="_self" class="navMainItem secondaryNavIt...
Ensure <li> elements are used semantically. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highFocus jumps backward from "Traffic Advisory" to "Volunteers Opens in new window" (visual distance: 467px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Volunteers Opens in new window</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Parks & Recreation" to "Administrator’s Report" (visual distance: 561px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Administrator’s Report</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Sign Permit Opens in new window" to "Building Permit" (visual distance: 461px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Building Permit</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "City of Billings Employee Portal" to "Quick Links" (visual distance: 436px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Quick Links</a>
Reorder elements in the DOM to match the visual layout.
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Frame-Options: DENY or SAMEORIGIN Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumPage has 12 "navigation" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 12 navigation landmarks, 1 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 2 "complementary" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 complementary landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "complementary" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumLandmarks 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
<nav data-cprole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks 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
<aside data-cprole="contentContainer" id="contentContainer2"> <div id="cc6f792e7b-0b1c-407b-8483-6e4e6f41eb55" data-containerid="6f792e7b-0b1c-407b-8483-6e4e6f41eb55" class="pageContent cpGrid cpGrid2...
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="cpToolbar user public" style="z-index: 1;">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3>Contact Us</h3>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/115/Municipal-Court" target="_self" class="fancyButton fancyButton377 "> <span> <span><span class="text">Court</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/65/Boards-Commissions" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Boards & Commissions</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/67/Building" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Building Permit</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://billingslibrary.org/ " target="_self" class="fancyButton fancyButton378 "> <span> <span><span class="text">Library</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="breadCrumb" href="/1775/How-Do-I">How Do I...?</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="breadCrumb" href="/">billingsmt.gov</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/981/Business-Licenses" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Business License</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/978/Public-Safety" target="_self" class="fancyButton fancyButton380 "> <span> <span><span class="text">Public Safety</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://city-of-billings-map-library-billings.hub.arcgis.com/" target="_blank" class="fancyButton fancyButton379 " aria-label="Maps Opens in new window" rel="noopener"> <span> <span><spa
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumBroken link: https://billingsmt.gov/DocumentCenter/View/38509/Can-you-give-us-a-hand_201409301651114566 returned status 404 Not Found after 1 attempts
<a href="https://billingsmt.gov/DocumentCenter/View/38509/Can-you-give-us-a-hand_201409301651114566">Volunteers</a>
mediumBroken link: https://billingsmt.gov/sitemap returned status 404 Not Found after 1 attempts
<a href="https://billingsmt.gov/sitemap">Site Map</a>
mediumElement overflows viewport by 324px at 320px width.WCAG 1.4.10
<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=48173" width="968.1874229346486px" style="position: absolute; left: 0px; margin: 0px; width: 968.187px;">
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 19px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<a class="nav-btn" id="nav-open-btn" href="#nav" aria-haspopup="true" role="menu">Menu</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 28px at 320px width.WCAG 1.4.10
<span><span class="text">Public Safety</span></span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 154px at 320px width.WCAG 1.4.10
<div class="widgetCarousel-group" data-group="2" style="width: 50%;"> <div class="widgetCarousel-item widgetCarousel-item--33 col" style="padding: 0px 0em;"> <div data-widget-id="0f80c1e6-0a93
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 28px at 320px width.WCAG 1.4.10
<span class="text">Public Safety</span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 91px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<a href="#ccb29c20c6-457c-4b74-9a42-0ee46db053d2" target="_self" class="skipToContentLink">Skip to Main Content</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 154px at 320px width.WCAG 1.4.10
<div class="widgetCarousel-slider" style="margin-left: 100%; margin-right: 100%; transition: left 2s; left: -100%; width: 200%;"> <div class="widgetCarousel-group" data-group="1" style="width: 50%;"
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 15px at 320px width.WCAG 1.4.10
<div class="widgetCarousel-item widgetCarousel-item--33 col" style="padding: 0px 0em;"> <div data-widget-id="0f80c1e6-0a93-407d-ba45-382cb6fcba52" data-widget-controller-path="/GraphicLinks/Widge
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 15px at 320px width.WCAG 1.4.10
<div data-widget-id="0f80c1e6-0a93-407d-ba45-382cb6fcba52" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget0f80c1e6-0a93-407d-ba45-382cb6fcba52" class="widget widgetG
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 15px at 320px width.WCAG 1.4.10
<div id="graphicLinkWidget0f80c1e6-0a93-407d-ba45-382cb6fcba52" class="widget widgetGraphicLinks skin14 widgetOptionSet30 wide" data-elementqueryclasses="{"wide-narrow":"min-width:20em&Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 15px at 320px width.WCAG 1.4.10
<div class="widgetHeader"> <div class=""> </div> </div>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
lowBroken link: https://mt-billings3.civicplus.com/2509/Fence-Permit-Information returned status 404 Not Found after 1 attempts
<a href="https://mt-billings3.civicplus.com/2509/Fence-Permit-Information">Fence Permit</a>
lowBroken link: https://ci.billings.mt.us/DocumentCenter/View/35993/Website-Privacy-Policy--9-14-2017 returned status 404 Not Found after 1 attempts
<a href="https://ci.billings.mt.us/DocumentCenter/View/35993/Website-Privacy-Policy--9-14-2017">Privacy Policy</a>
lowLink timeout: https://comm7tv.vod.castus.tv/vod/?live=ch1&nav=live did not respond within 5000ms after 2 attempts
<a href="https://comm7tv.vod.castus.tv/vod/?live=ch1&nav=live">Watch Meetings Online</a>
/1/billingsmtgov37findings
criticalInteractive element with role="textbox" has no accessible name. Screen readers cannot identify this control.WCAG 4.1.2
<!-- a11y: role="textbox" -->
Add an accessible name using aria-label, aria-labelledby, or visible text content. WCAG 4.1.2 requires all interactive elements to have a programmatically determinable name.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="4">4</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="3">3</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="2">2</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="1">1</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highFrames 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
<iframe src="https://www.facebook..." width="500" height="1000" style="border:none;overflow..." scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-...">
Ensure <iframe> and <frame> elements have an accessible name. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (22.8px by 30.4px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.6px instead of at least 24px.WCAG 2.5.8
<a href="#slide" onclick="return false;" class="pagingItems" data-index="5">5</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highFocus jumps backward from "Administrator’s Report" to "Report a Concern" (visual distance: 841px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Report a Concern</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "View All Events" to "Facebook" (visual distance: 873px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Facebook</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Neighborhood Task Forces" to "Online Payments" (visual distance: 421px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Online Payments</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Warrants" to "Notifications" (visual distance: 561px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Notifications</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Transportation" to "Traffic Advisory" (visual distance: 561px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Traffic Advisory</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Employment" to "Agendas & Minutes" (visual distance: 608px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Agendas & Minutes</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Report a Concern" to "Previous" (visual distance: 321px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Previous</a>
Reorder elements in the DOM to match the visual layout. Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
highstrict-transport-security header has invalid or weak value: max-age=86400
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage has 11 "navigation" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 11 navigation landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumLandmarks 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
<nav data-cprole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h3>Magic City Spotlight</h3>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<ol class="tabbedWidget cpTabs " role="tablist" aria-hidden="false" style="">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="fr-view">
<h1 class="headline" style="text-align: center;"><a href="https://cityview.billingsmt.gov/Portal/">Click Here For Permits</a></h1>
</div>Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="cpToolbar user public" style="z-index: 1;">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<ol class="tabbedWidget cpTabs " role="tablist" aria-hidden="false" style="">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="tabbedWidget cpTabPanel showing" style="" id="tab1b972691-28aa-429e-a856-e6a0d17dd6ed_0" role="tabpanel" aria-labelledby="tabBtn1b972691-28aa-429e-a856-e6a0d17dd6ed_0" tabindex="-1">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="tabbedWidget cpTabPanel showing" style="" id="tab8d3f3fbe-b3c0-4784-b07d-5cc78cb09990_0" role="tabpanel" aria-labelledby="tabBtn8d3f3fbe-b3c0-4784-b07d-5cc78cb09990_0" tabindex="-1">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/115/Municipal-Court" target="_self" class="fancyButton fancyButton377 "> <span> <span><span class="text">Court</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://billingsmt.gov/Blog.aspx?CID=2" target="_self" class="fancyButton fancyButton530 "> <span> <span><span class="text">Code Enforcement Blog</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(10, 45, 83), text: rgb(34, 34, 35)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/1905/Online-Payments" target="_self" class="fancyButton fancyButton383 "> <span> <span><span class="text">Online Payments</span></span> </span> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumBroken link: https://billingsmt.gov/DocumentCenter/View/38509/Can-you-give-us-a-hand_201409301651114566 returned status 404 Not Found after 1 attempts
<a href="https://billingsmt.gov/DocumentCenter/View/38509/Can-you-give-us-a-hand_201409301651114566">Volunteers</a>
mediumBroken link: https://billingsmt.gov/sitemap returned status 404 Not Found after 1 attempts
<a href="https://billingsmt.gov/sitemap">Site Map</a>
mediumElement overflows viewport by 50px at 320px width.WCAG 1.4.10
<div id="graphicLinkWidgetd3daa6a4-d30e-4b8f-b88c-e8b14b29f435" class="widget widgetGraphicLinks skin14 widgetOptionSet4 wide" data-elementqueryclasses="{"wide-narrow":"min-width:25em&qSet max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 50px at 320px width.WCAG 1.4.10
<div class="widgetBody cpGrid cpGrid2 "> <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> <div class="row wide"> <!-- --><div class="col col1 first "><ul class="s
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 50px at 320px width.WCAG 1.4.10
<div class="widgetCarousel-item widgetCarousel-item--50 col" style="padding: 0px 0em;"> <div data-widget-id="d3daa6a4-d30e-4b8f-b88c-e8b14b29f435" data-widget-controller-path="/GraphicLinks/Widge
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
lowLink timeout: https://comm7tv.vod.castus.tv/vod/?live=ch1&nav=live did not respond within 5000ms after 2 attempts
<a href="https://comm7tv.vod.castus.tv/vod/?live=ch1&nav=live">Watch Meetings Online</a>
lowBroken link: https://cityview.billingsmt.gov/Portal/ returned status 500 Internal Server Error after 1 attempts
<a href="https://cityview.billingsmt.gov/Portal/">Click Here For Permits</a>
Methodology
The Sonde Score is a universal 0–1000 compliance index — think of it like a credit score for accessibility. Each finding is weighted by its impact on human access: a keyboard trap (critical) counts far more than a best-practice suggestion (low). The raw penalty is normalized per page so scores are comparable across sites of any size. A harmonic curve ensures every site gets a meaningful score — no zeros, no false perfection.
where S = sensitivity (750), P = Σ(weight × count), N = pages scanned
| Tier | Weight | Examples |
|---|---|---|
| Critical | 10 | Keyboard traps, missing page language |
| High | 3 | Missing alt text, insufficient contrast |
| Medium | 1 | Heading hierarchy, unclear link purpose |
| Low | 0.25 | Best-practice suggestions |
The Sonde Score is a living standard (v0.1). We’re building it in the open because accessibility is too important for closed-door decisions. Your expertise makes it better.
Enter Mission Control
Review raw findings data, track changes between scans, and contribute to Sonde’s open methodology.
Nominate a Site for the Daylight Index
Know a public website that should be on the accessibility leaderboard? Nominate it — we’ll scan it and publish the results.