Accessibility Scan Report

Title: https://www.cityofkingston.ca Issue: #263 Date: 4/17/2026, 5:40:39 PM Duration: 21.9m URLs: 100 / 100 ⚡ Reduced Motion: 94 / 100 URLs

Summary

Issues

  • By Level: A (177), AA (419), AAA (99)
  • By Version (A & AA): WCAG 2.0 (187), WCAG 2.2 (409)
  • By Category: axe-strict (233) & Best Practice (3) & Others (1388)
  • Total: 1624 across 40 unique rules & 2 accessibility engines

By Severity

Critical
Serious
Moderate
Minor

By Role

UX Designer
Visual Designer
Content Author
Front-End Developer

Issues

🎯 Pages with Most Errors

Focus your efforts on these pages to make the biggest impact. Click any error count to filter the rule list below. Numbers in parentheses (+N) indicate findings that cover WCAG criteria already reported by axe.
Kingston Grand Theatre | City of Kingston 32
Fire and Rescue | City of Kingston 24
Pet Licences | City of Kingston 22
Register for a Program | City of Kingston 10
Home | City of Kingston 28
Museums | City of Kingston 20
Homelessness Services | City of Kingston 19
Accessibility | City of Kingston 18
Heritage Register Map | City of Kingston 15
Kingston Frontenac Public Library | City of Kingston 12

🔧 Most Common Issues (ALFA)

20 rules
409 Serious alfa SC 2.5.8 AA Motor SIA-R111: Interactive elements have a sufficient target size
98 pages affected

Rule Information

Engine: alfa

Roles: UX Designer, Visual Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 2.5.8 AA

Disabilities affected:
Motor

Affected Pages

Who Is Affected

  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans

Examples

Example 1 View on Page
Target has insufficient size
Mode: light
<button class="btn base-btn-bg base-btn-bg base-btn-bg-solid base-btn-bg-hover-solid base-btn-text base-btn-borders accept-cookies" aria-label="Agree to cookie consent message">...</button>
XPath: /button[@class="btn base-btn-bg base-btn-bg base-btn-bg-solid base-btn-bg-hover-solid base-btn-text base-btn-borders accept-cookies"]
Example 2 View on Page
Target has insufficient size
Mode: light
<a href="/" title="">...</a>
XPath: /a
Example 3 View on Page
Target has insufficient size
Mode: light
<a class="btn c4-btn-bg c4-btn-bg-solid c4-btn-bg-hover-solid c4-btn-text c4-btn-borders" href="#modal_4314" data-toggle="modal">...</a>
XPath: /a[@class="btn c4-btn-bg c4-btn-bg-solid c4-btn-bg-hover-solid c4-btn-text c4-btn-borders"]
Example 4 View on Page
Target has insufficient size
Mode: light
<button class="expand-search" type="button" data-toggle="collapse" aria-label="Expand site search">...</button>
XPath: /button[@class="expand-search"]
Example 5 View on Page
Target has insufficient size
Mode: light
<a href="/news/posts/interim-woodland-preservation-by-law-in-effect/" title="Click to open Interim Woodland Preservation By-law in effect" class="gs-feed-list-title">Interim Woodland Preservation By-law in effect</a>
XPath: /a[@class="gs-feed-list-title"]
351 Moderate alfa SIA-R73: Text spacing can be adjusted without loss of content
100 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="heading c7-heading ">A History Exposed - The Enslavement of Black Peopl...</p>
XPath: /p[@class="heading c7-heading "]
Example 2 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="intro" data-message-author-role="assistant" data-message-id="91f738dc-ed11-44ca-91ec-ebb0d2c71569">...</p>
XPath: /p[@class="intro"]
Example 3 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="heading base-heading ">Aquatics and Swimming</p>
XPath: /p[@class="heading base-heading "]
Example 4 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="intro sm">The City of Kingston acknowledges that we are on t...</p>
XPath: /p[@class="intro sm"]
Example 5 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="heading footer-heading ">City of Kingston</p>
XPath: /p[@class="heading footer-heading "]
336 Moderate alfa SIA-R74
92 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The font size is specified using an absolute unit
Mode: light
<p class="secondary-heading sm base-secondary-heading ">Activities and Recreation</p>
XPath: /p[@class="secondary-heading sm base-secondary-heading "]
Example 2 View on Page
The font size is specified using an absolute unit
Mode: light
<p class="heading c7-heading ">A History Exposed - The Enslavement of Black Peopl...</p>
XPath: /p[@class="heading c7-heading "]
Example 3 View on Page
The font size is specified using an absolute unit
Mode: light
<p class="intro" data-message-author-role="assistant" data-message-id="91f738dc-ed11-44ca-91ec-ebb0d2c71569">...</p>
XPath: /p[@class="intro"]
Example 4 View on Page
The font size is specified using an absolute unit
Mode: light
<p class="heading base-heading ">Aquatics and Swimming</p>
XPath: /p[@class="heading base-heading "]
Example 5 View on Page
The font size is specified using an absolute unit
Mode: light
<p class="intro sm">The City of Kingston acknowledges that we are on t...</p>
XPath: /p[@class="intro sm"]
99 Moderate alfa SC 1.4.6 AAA Visual SIA-R66: Text has enhanced contrast with its background
99 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.6 AAA

Disabilities affected:
Visual

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

Examples

Example 1 View on Page
The highest possible contrast of the text is 4.89:1 which is below the required contrast of 7:1
Mode: light
Example 2 View on Page
The highest possible contrast of the text is 6.82:1 which is below the required contrast of 7:1
Mode: light
Example 3 View on Page
The highest possible contrast of the text is 6.82:1 which is below the required contrast of 7:1
Mode: light
Example 4 View on Page
The highest possible contrast of the text is 6.82:1 which is below the required contrast of 7:1
Mode: light
Example 5 View on Page
The highest possible contrast of the text is 6.82:1 which is below the required contrast of 7:1
Mode: light
93 Moderate alfa SIA-R83: Text can be resized to 200% without loss of content
93 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The text is clipped
Mode: light
Example 2 View on Page
The text is clipped
Mode: light
Example 3 View on Page
The text is clipped
Mode: light
Example 4 View on Page
The text is clipped
Mode: light
Example 5 View on Page
The text is clipped
Mode: light
74 Serious alfa SC 3.1.1 A Cognitive SIA-R2: HTML elements have a valid lang attribute
74 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

WCAG: SC 3.1.1 A

Disabilities affected:
Cognitive

Affected Pages

Who Is Affected

  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
The image does not have an accessible name
Mode: light
<div class="image background-image component-background-image lazyloaded" style="background-image: url("https://www.cityofkingston.ca/media/zmmmuhxn/gettyimages-1168667024.jpg?format=webp"); background-repeat: no-repeat; background-size: cover; background-position: center center;" data-bgset="/media/zmmmuhxn/gettyimages-1168667024.jpg?format=webp [type:image/webp] | /media/zmmmuhxn/gettyimages-1168667024.jpg" role="img" aria-label="">...</div>
XPath: /div[@class="image background-image component-background-image lazyloaded"]
Example 2 View on Page
The image does not have an accessible name
Mode: light
<div class="image background-image lazyloaded" style="background-image: url("https://www.cityofkingston.ca/media/bvyhsjls/banner_communitysupports_groupofpeoplewiththeirhandstogether.jpg?rxy=0.5101265557933972,0.2910174045529147&width=3000&height=1000&v=1dc4f3ba681ee30&format=webp");" data-bgset="/media/bvyhsjls/banner_communitysupports_groupofpeoplewiththeirhandstogether.jpg?rxy=0.5101265557933972,0.2910174045529147&width=3000&height=1000&v=1dc4f3ba681ee30&format=webp [type:image/webp] | /media/bvyhsjls/banner_communitysupports_groupofpeoplewiththeirhandstogether.jpg?rxy=0.5101265557933972,0.2910174045529147&width=3000&height=1000&v=1dc4f3ba681ee30 1x" role="img" aria-label="">...</div>
XPath: /div[@class="image background-image lazyloaded"]
Example 3 View on Page
The image does not have an accessible name
Mode: light
<div class="image background-image lazyloaded" style="background-image: url("https://www.cityofkingston.ca/media/3kijbaej/banner_emergencyservices_firetruck.jpg?width=3000&height=1000&v=1dc4f3bb1b16510&format=webp");" data-bgset="/media/3kijbaej/banner_emergencyservices_firetruck.jpg?width=3000&height=1000&v=1dc4f3bb1b16510&format=webp [type:image/webp] | /media/3kijbaej/banner_emergencyservices_firetruck.jpg?width=3000&height=1000&v=1dc4f3bb1b16510 1x" role="img" aria-label="">...</div>
XPath: /div[@class="image background-image lazyloaded"]
Example 4 View on Page
The image does not have an accessible name
Mode: light
<div class="image background-image lazyloaded" style="background-image: url("https://www.cityofkingston.ca/media/bvyhsjls/banner_communitysupports_groupofpeoplewiththeirhandstogether.jpg?rxy=0.5101265557933972,0.2910174045529147&width=3000&height=1000&v=1dc4f3ba681ee30&format=webp");" data-bgset="/media/bvyhsjls/banner_communitysupports_groupofpeoplewiththeirhandstogether.jpg?rxy=0.5101265557933972,0.2910174045529147&width=3000&height=1000&v=1dc4f3ba681ee30&format=webp [type:image/webp] | /media/bvyhsjls/banner_communitysupports_groupofpeoplewiththeirhandstogether.jpg?rxy=0.5101265557933972,0.2910174045529147&width=3000&height=1000&v=1dc4f3ba681ee30 1x" role="img" aria-label="">...</div>
XPath: /div[@class="image background-image lazyloaded"]
Example 5 View on Page
The image does not have an accessible name
Mode: light
<div class="image background-image lazyloaded" style="background-image: url("https://www.cityofkingston.ca/media/bvyhsjls/banner_communitysupports_groupofpeoplewiththeirhandstogether.jpg?rxy=0.5101265557933972,0.2910174045529147&width=3000&height=1000&v=1dc4f3ba681ee30&format=webp");" data-bgset="/media/bvyhsjls/banner_communitysupports_groupofpeoplewiththeirhandstogether.jpg?rxy=0.5101265557933972,0.2910174045529147&width=3000&height=1000&v=1dc4f3ba681ee30&format=webp [type:image/webp] | /media/bvyhsjls/banner_communitysupports_groupofpeoplewiththeirhandstogether.jpg?rxy=0.5101265557933972,0.2910174045529147&width=3000&height=1000&v=1dc4f3ba681ee30 1x" role="img" aria-label="">...</div>
XPath: /div[@class="image background-image lazyloaded"]
6 Moderate alfa SIA-R3: lang attribute has a valid language code
6 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element does not have a unique ID
Mode: light
<div id="responseQuestion" class="rn_HeroCopy" style="display:inline-block">...</div>
XPath: /div[@id="responseQuestion"]
Example 2 View on Page
The element does not have a unique ID
Mode: light
<div id="responseQuestion" class="rn_HeroCopy" style="display:inline-block">...</div>
XPath: /div[@id="responseQuestion"]
Example 3 View on Page
The element does not have a unique ID
Mode: light
<div id="responseQuestion" class="rn_HeroCopy" style="display:inline-block">...</div>
XPath: /div[@id="responseQuestion"]
Example 4 View on Page
The element does not have a unique ID
Mode: light
<section class="content component usn_cmp_text base-bg base-bg-solid pb-0 " id="Designated">...</section>
XPath: /section[@id="Designated"]
Example 5 View on Page
The element does not have a unique ID
Mode: light
<div id="WACViewPanel_ClipboardElement" />
XPath: /div[@id="WACViewPanel_ClipboardElement"]
3 Critical alfa SC 4.1.2 A Visual Motor Cognitive SIA-R11: Button elements have an accessible name
3 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer, Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
The link does not have an accessible name
Mode: light
<a href="/" title="">...</a>
XPath: /a
Example 2 View on Page
The link does not have an accessible name
Mode: light
<a href="https://www.canada.ca/en/canadian-heritage/campaigns/emancipation-day.html" />
XPath: /a
Example 3 View on Page
The link does not have an accessible name
Mode: light
<a href="https://x.com/KtownFire">...</a>
XPath: /a
3 Moderate alfa SIA-R56: Landmarks with the same role are distinguishable
3 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Some `region` have the same name.
Mode: light
Example 2 View on Page
Some `navigation` have the same name.
Mode: light
Example 3 View on Page
Some `navigation` have the same name.
Mode: light
2 Moderate alfa SC 2.4.6 AA Visual Cognitive SIA-R59: Document has at least one heading to identify its main content
2 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: No

WCAG: SC 2.4.6 AA

Disabilities affected:
Visual Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
The document does not have a heading element
Mode: light
Example 2 View on Page
The document does not have a heading element
Mode: light
2 Moderate alfa SIA-R57: Landmarks don't repeat the same content
2 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The text is not included in a landmark region
Mode: light
Example 2 View on Page
The text is not included in a landmark region
Mode: light
2 Moderate alfa SIA-R87: First focusable element is a skip link
2 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The first tabbable element in the document is not a semantic link
Mode: light
Example 2 View on Page
The first tabbable element in the document is not a semantic link
Mode: light
2 Moderate alfa SIA-R18: ARIA states are consistent with element semantics
2 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
Example 2 View on Page
The attribute is not allowed for the element on which it is specified
Mode: light
2 Moderate alfa Best Practice SIA-R53: Headings follow a logical hierarchy
2 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: No

WCAG: Best Practice

Examples

Example 1 View on Page
The heading skips one or more levels
Mode: light
<h3>Key duties and responsibilities</h3>
XPath: /h3
Example 2 View on Page
The heading skips one or more levels
Mode: light
<h3>Stay connected </h3>
XPath: /h3
2 Moderate alfa SIA-R86: Page has a mechanism to bypass repeated blocks of content
2 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element is marked as decorative but is exposed
Mode: light
<iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-tcu7brq7mwnv" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LdGelYlAAAAAM_XsZAACdYEekndhUdARYXVT8xY&co=aHR0cHM6Ly93d3cuY2l0eW9ma2luZ3N0b24uY2E6NDQz&hl=en&v=gTpTIWhbKpxADzTzkcabhXN4&size=invisible&anchor-ms=20000&execute-ms=30000&cb=utgsl4we3whx" />
XPath: /iframe
Example 2 View on Page
The element is marked as decorative but is exposed
Mode: light
<iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-bv48wxjzsu5o" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Lc3i1wUAAAAAJsOOTju1GVVzC18e_FxJLfdUzqN&co=aHR0cHM6Ly93d3cua2luZ3N0b25ncmFuZC5jYTo0NDM.&hl=en&type=image&v=gTpTIWhbKpxADzTzkcabhXN4&theme=light&size=normal&anchor-ms=20000&execute-ms=30000&cb=37tf6e5pqqur" />
XPath: /iframe
1 Serious alfa SC 1.4.1 A Visual Cognitive SIA-R62: Links are visually distinguishable from surrounding text
1 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer, UX Designer

Blocking: No

WCAG: SC 1.4.1 A

Disabilities affected:
Visual Cognitive

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

Examples

Example 1 View on Page
The link is not distinguishable from the surrounding text
Mode: light
<a href="/news-and-notices/news-subscriptions/#cultandengnewsletters" title="News Subscriptions" data-anchor="#cultandengnewsletters">culture and engagement newsletters</a>
XPath: /a
1 Moderate alfa SIA-R40
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The region does not have an accessible name
Mode: light
<div class="sr-only font-sizer-live-region" aria-live="assertive" role="region" />
XPath: /div[@class="sr-only font-sizer-live-region"]
1 Moderate alfa SIA-R43
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The `<svg>` element does not have an accessible name
Mode: light
<svg role="img" width="24" height="24">...</svg>
XPath: /svg
1 Moderate alfa Best Practice SIA-R61: Documents start with a level 1 heading
1 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: No

WCAG: Best Practice

Examples

Example 1 View on Page
The document does not start with a level 1 heading
Mode: light
1 Serious alfa SC 1.4.3 AA Visual SIA-R69: Text has sufficient contrast with its background
1 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

Disabilities affected:
Visual

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

Examples

Example 1 View on Page
The highest possible contrast of the text is 3.77:1 which is below the required contrast of 4.5:1
Mode: light

🔧 Most Common Issues (axe)

20 rules
92 Moderate axe meta-viewport-large
92 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Users should be able to zoom and scale the text up to 500%
Mode: light
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=2">
XPath: meta[name="viewport"]
Example 2 View on Page
Users should be able to zoom and scale the text up to 500%
Mode: light
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=2">
XPath: meta[name="viewport"]
Example 3 View on Page
Users should be able to zoom and scale the text up to 500%
Mode: light
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=2">
XPath: meta[name="viewport"]
Example 4 View on Page
Users should be able to zoom and scale the text up to 500%
Mode: light
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=2">
XPath: meta[name="viewport"]
Example 5 View on Page
Users should be able to zoom and scale the text up to 500%
Mode: light
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=2">
XPath: meta[name="viewport"]
74 Moderate axe SC 1.1.1 A Visual role-img-alt
74 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.1.1 A

Disabilities affected:
Visual

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans

Examples

Example 1 View on Page
[role="img"] elements must have alternative text
Mode: light
<div class="image background-ima..." style="background-image: ur..." data-bgset="/media/zmmmuhxn/gett..." role="img" aria-label="">
XPath: .background-image
Example 2 View on Page
[role="img"] elements must have alternative text
Mode: light
<div class="image background-ima..." style="background-image: ur..." data-bgset="/media/bvyhsjls/bann..." role="img" aria-label="">
XPath: .background-image
Example 3 View on Page
[role="img"] elements must have alternative text
Mode: light
<div class="image background-ima..." style="background-image: ur..." data-bgset="/media/3kijbaej/bann..." role="img" aria-label="">
XPath: .background-image
Example 4 View on Page
[role="img"] elements must have alternative text
Mode: light
<div class="image background-ima..." style="background-image: ur..." data-bgset="/media/bvyhsjls/bann..." role="img" aria-label="">
XPath: .background-image
Example 5 View on Page
[role="img"] elements must have alternative text
Mode: light
<div class="image background-ima..." style="background-image: ur..." data-bgset="/media/bvyhsjls/bann..." role="img" aria-label="">
XPath: .background-image
16 Moderate axe region: Ensures all page content is contained within landmark regions. Content outside landmarks cannot be found by screen reader users navigating by landmarks.
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Examples

Example 1 View on Page
All page content should be contained by landmarks
Mode: light
<div class="support">
XPath: .support
Example 2 View on Page
All page content should be contained by landmarks
Mode: light
<div class="terms-conditions"> By creating or using an account, you are bound by our <a style="text-decoration: underline; color: #fff" href="https://www.mykingston.ca/terms-of-service" target="_myk">Terms of Service</a>. </div>
XPath: .terms-conditions
Example 3 View on Page
All page content should be contained by landmarks
Mode: light
<div class="public-notice">If on a public or untrusted device, please make sure you logout when you are done.</div>
XPath: .public-notice
Example 4 View on Page
All page content should be contained by landmarks
Mode: light
<a href="https://www.cityofkingston.ca" class="header-logo-link" tabindex="0" aria-label="Company Logo. Link to Home Page.">
XPath: .header-logo-link
Example 5 View on Page
All page content should be contained by landmarks
Mode: light
<span>Don't Have An Account?</span>
XPath: .sign-up-wrapper > span:nth-child(1)
7 Serious axe SC 1.4.3 AA Visual color-contrast: Ensures text and interactive elements have sufficient contrast ratio (4.5:1 for normal text, 3:1 for large text) against their background.
2 pages affected

Rule Information

Engine: axe

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

Disabilities affected:
Visual

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

Examples

Example 1 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<span class="current">EN</span>
XPath: .languageToggle > .current
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a href="https://www.cityofkingston.ca/explore/culture-history/history/engage-for-change" class="ext" data-extlink="" target="_blank" rel="noopener" title="(opens in a new window)">
XPath: p:nth-child(4) > a[target="_blank"][rel="noopener"][title="(opens in a new window)"]
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a href="/sign-up-to-our-newsletter" data-drupal-link-system-path="node/2228">Sign Up to Our Newsletters</a>
XPath: a[href$="sign-up-to-our-newsletter"]
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a href="/site-map" data-drupal-link-system-path="sitemap">Site Map</a>
XPath: a[href$="site-map"]
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a href="/privacy-policy-terms-of-use" data-drupal-link-system-path="node/12">Privacy Policy and Terms of Use</a>
XPath: a[href="/privacy-policy-terms-of-use"]
6 Moderate axe scope-attr-valid
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
scope attribute should be used correctly
Mode: light
<td style="width: 48.6982%;" scope="col">Category</td>
XPath: .pb-0.usn_cmp_text.base-bg-solid > .component-inner > .info > .base-text.text[data-os-animation="fadeIn"] > .table-responsive > table > thead > tr > td[scope="col"]:nth-child(1)
Example 2 View on Page
scope attribute should be used correctly
Mode: light
<td style="width: 25.9069%;" scope="col">With microchip</td>
XPath: .pb-0.usn_cmp_text.base-bg-solid > .component-inner > .info > .base-text.text[data-os-animation="fadeIn"] > .table-responsive > table > thead > tr > td[scope="col"]:nth-child(2)
Example 3 View on Page
scope attribute should be used correctly
Mode: light
<td style="width: 25.3948%;" scope="col">Without microchip</td>
XPath: .pb-0.usn_cmp_text.base-bg-solid > .component-inner > .info > .base-text.text[data-os-animation="fadeIn"] > .table-responsive > table > thead > tr > td[scope="col"]:nth-child(3)
Example 4 View on Page
scope attribute should be used correctly
Mode: light
<td style="width: 48.6982%; height: 18px;" scope="col">Category</td>
XPath: .usn_cmp_text.base-bg-solid.content:nth-child(6) > .component-inner > .info > .base-text.text[data-os-animation="fadeIn"] > .table-responsive > table > thead > tr > td[scope="col"]:nth-child(1)
Example 5 View on Page
scope attribute should be used correctly
Mode: light
<td style="width: 25.6508%; height: 18px;" scope="col">With microchip</td>
XPath: .usn_cmp_text.base-bg-solid.content:nth-child(6) > .component-inner > .info > .base-text.text[data-os-animation="fadeIn"] > .table-responsive > table > thead > tr > td[scope="col"]:nth-child(2)
5 Moderate axe SC 2.1.1, SC 2.1.3 A Motor scrollable-region-focusable
5 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 2.1.1, SC 2.1.3 A

Disabilities affected:
Motor

Who Is Affected

  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans

Examples

Example 1 View on Page
Scrollable region must have keyboard access
Mode: light
<div class="jimu-scrollable-scroll-container jimu-outline-inside"><div data-testid="rich-displayer" class="rich-displayer app-root-emotion-cache-ltr-125e79d"><p><strong style="color:rgb(255, 255, 255); font-size:26px;">Homelessness Services</strong></p></div></div>
XPath: iframe
Example 2 View on Page
Scrollable region must have keyboard access
Mode: light
<div class="jimu-scrollable-scroll-container jimu-outline-inside"><div data-testid="rich-displayer" class="rich-displayer app-root-emotion-cache-ltr-125e79d"><p><strong style="font-size:26px; color:rgb(255, 255, 255);">Accessibility Features Map</strong></p></div></div>
XPath: iframe[marginheight="0"]
Example 3 View on Page
Scrollable region must have keyboard access
Mode: light
<div class="jimu-scrollable-scroll-container jimu-outline-inside"><div data-testid="rich-displayer" class="rich-displayer app-root-emotion-cache-ltr-125e79d"><p><strong style="color:rgb(255, 255, 255); font-size:26px;">Homelessness Services</strong></p></div></div>
XPath: iframe
Example 4 View on Page
Scrollable region must have keyboard access
Mode: light
<div class="jimu-scrollable-scroll-container jimu-outline-inside">
XPath: iframe
Example 5 View on Page
Scrollable region must have keyboard access
Mode: light
<div class="jimu-scrollable-scroll-container jimu-outline-inside">
XPath: iframe
4 Moderate axe landmark-unique
3 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<div class="gs-feed-list-news slides slick-initialized slick-slider" data-slick="{"autoplay": true, "autoplaySpeed": 10000,"dots": false ,"arrows": true ,"slidesToShow": 1}" role="region" aria-label="carousel" tabindex="-1">
XPath: .gs-feed-list-news
Example 2 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<nav aria-label="Breadcrumb">
XPath: .breadcrumb-trail > nav[aria-label="Breadcrumb"]
Example 3 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<nav role="navigation" aria-labelledby="block-socialmedia-menu" id="block-socialmedia" class="block-socialmedia">
XPath: #block-socialmedia
Example 4 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<footer> <a href="/events">View all</a> </footer>
XPath: .js-view-dom-id-83176ba5cf96b8d9dcdc37cac40396f09c88f7f30f606de8d28af0a145548de8 > footer
4 Moderate axe SC 1.1.1 A Visual svg-img-alt
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.1.1 A

Disabilities affected:
Visual

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans

Examples

Example 1 View on Page
<svg> elements with an img role must have alternative text
Mode: light
<svg role="img" width="24" height="24"><title></title><use href="/GetSiteFile/iconset.svg#search"></use></svg>
XPath: svg[role="img"][width="24"][height="24"]
Example 2 View on Page
<svg> elements with an img role must have alternative text
Mode: light
<svg role="img" width="32" height="32"><title></title><use href="/GetSiteFile/iconset.svg#bell"></use></svg>
XPath: svg[width="32"][height="32"][role="img"]
Example 3 View on Page
<svg> elements with an img role must have alternative text
Mode: light
<svg role="img" width="20" height="40"><title></title><use href="/GetSiteFile/iconset.svg#arrow-left"></use></svg>
XPath: .prev.swiper-button-disabled[role="button"] > svg[width="20"][height="40"][role="img"]
Example 4 View on Page
<svg> elements with an img role must have alternative text
Mode: light
<svg role="img" width="20" height="40"><title></title><use href="/GetSiteFile/iconset.svg#arrow-right"></use></svg>
XPath: .next[role="button"][aria-label="Next slide"] > svg[width="20"][height="40"][role="img"]
3 Moderate axe SC 4.1.2 A Visual Motor Cognitive aria-prohibited-attr
3 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
Elements must only use permitted ARIA attributes
Mode: light
<div class="html5-video-player ytp-hide-controls ytp-exp-bottom-control-flexbox ytp-modern-caption ytp-livebadge-color unstarted-mode" tabindex="" id="movie_player" data-version="/s/player/4b0d80ee/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: iframe[width="560"]
Example 2 View on Page
Elements must only use permitted ARIA attributes
Mode: light
<a type="button" aria-label="View My Location" class="css-1tmq4at"><span class="css-pplshs"><img src="/images/my-location.svg" width="24px"></span></a>
XPath: iframe
Example 3 View on Page
Elements must only use permitted ARIA attributes
Mode: light
<div class="html5-video-player ytp-hide-controls ytp-exp-bottom-control-flexbox ytp-modern-caption ytp-livebadge-color unstarted-mode" tabindex="" id="movie_player" data-version="/s/player/4b0d80ee/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: iframe
3 Serious axe SC 4.1.2 A Visual Motor Cognitive aria-allowed-attr: Ensures ARIA attributes are only used on elements where they are permitted by the ARIA specification.
2 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
Elements must only use supported ARIA attributes
Mode: light
<div aria-modal="true" aria-label="Splash Screen" id="dialog_1" class="modal-dialog app-dialog w-100 h-100 app-root-emotion-cache-ltr-1d2g9z1-Modal-root modal-dialog-centered" role="document">
XPath: iframe
Example 2 View on Page
Elements must only use supported ARIA attributes
Mode: light
<p aria-level="3">Kingston is Canada’s museum capital. We have something for everyone with 24 museums and historic sites and three art galleries. This includes City-owned museums like PumpHouse and MacLachlan Woodworking Museum, along with Kingston City Hall National Historic Site.</p>
XPath: p[aria-level="3"]:nth-child(1)
Example 3 View on Page
Elements must only use supported ARIA attributes
Mode: light
<p aria-level="3"><a href="http://www.kingstonmuseums.ca/">The Kingston and Area Association of Museums, Galleries and Historic Sites</a> is a not-for-profit group that supports our cultural heritage sector. Visit their website to learn about museums to explore in Kingston.</p>
XPath: p[aria-level="3"]:nth-child(2)
2 Moderate axe heading-order: Ensures heading levels are not skipped (e.g. h1→h3). Inconsistent heading hierarchy makes page structure difficult to navigate for screen reader users.
2 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: No

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light
<h3>Key duties and responsibilities</h3>
XPath: h3:nth-child(4)
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<h3>Stay connected&nbsp;</h3>
XPath: h3
2 Moderate axe page-has-heading-one
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Page should contain a level-one heading
Mode: light
<html lang="en" dir="ltr" prefix="og: https://ogp.me/n..." class="js wf-niveaugrotesk-..." data-once="kingstonGrandRespons...">
XPath: html
Example 2 View on Page
Page should contain a level-one heading
Mode: light
<html dir="ltr" lang="en">
XPath: iframe[title="reCAPTCHA"]
1 Moderate axe landmark-one-main: Ensures the page has exactly one main landmark. Screen reader users rely on the main landmark to skip navigation and jump directly to page content.
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Examples

Example 1 View on Page
Document should have one main landmark
Mode: light
<html lang="en" class="k-webkit k-webkit145">
XPath: html
1 Moderate axe SC 1.1.1 A Visual aria-progressbar-name
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.1.1 A

Disabilities affected:
Visual

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans

Examples

Example 1 View on Page
ARIA progressbar nodes must have an accessible name
Mode: light
<div class="MuiLinearProgress-root MuiLinearProgress-colorPrimary css-uh72hh MuiLinearProgress-determinate" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
XPath: iframe
1 Moderate axe image-redundant-alt
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img alt="Immunization clinics" src="/en/resourcesGeneral/homepage/Button-Icons/H-COVID-19-Vaccine.svg">
XPath: img[alt="Immunization clinics"]
1 Moderate axe landmark-complementary-is-top-level: Ensures the complementary landmark (<aside>) is a top-level landmark. Nested aside elements cannot be found by screen reader landmark navigation.
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Examples

Example 1 View on Page
Aside should not be contained in another landmark
Mode: light
<div role="complementary" aria-label="Dialogs">
XPath: div[aria-label="Dialogs"]
1 Moderate axe aria-dialog-name
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: light
<div class="modal jimu-modal app-dialog-modal jimu-outline-inside show" aria-modal="true" role="dialog" tabindex="-1" style="display: block;">
XPath: iframe
1 Moderate axe SC 1.4.1 A Visual Cognitive link-in-text-block
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.4.1 A

Disabilities affected:
Visual Cognitive

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

Examples

Example 1 View on Page
Links must be distinguishable without relying on color
Mode: light
<a href="/news-and-notices/news-subscriptions/#cultandengnewsletters" title="News Subscriptions" data-anchor="#cultandengnewsletters">culture and engagement newsletters</a>
XPath: a[title="News Subscriptions"]
1 Moderate axe landmark-no-duplicate-contentinfo: Ensures the page has only one contentinfo landmark (<footer> at top level). Duplicate contentinfo landmarks make landmark navigation unpredictable.
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Examples

Example 1 View on Page
Document should not have more than one contentinfo landmark
Mode: light
<footer> <a href="/events">View all</a> </footer>
XPath: .js-view-dom-id-83176ba5cf96b8d9dcdc37cac40396f09c88f7f30f606de8d28af0a145548de8 > footer