Accessibility Scan Report

Title: LocalGov Drupal Issue: #38 Date: 4/20/2026, 1:19:42 AM Duration: 14.6m URLs: 70 / 70 🌙 Dark Mode: 7 / 70 URLs⚡ Reduced Motion: 49 / 70 URLs🔍 High Contrast: 4 / 70 URLs🖥️ Forced Colors: 5 / 70 URLs

Summary

Issues

  • By Level: A (98), AA (311), AAA (40)
  • By Version (A & AA): WCAG 2.0 (148), WCAG 2.2 (261)
  • By Category: axe-strict (296) & Best Practice (43) & Others (606)
  • Total: 945 across 60 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.

Welcome to Calderdale Council | Calderdale Council 36
Milton Keynes City Council 28
Home | Knowsley Council 37
Homepage | Havant Borough Council 23
Northumberland County Council | Northumberland County Council 19
Homepage | Laois County Council 17
Welcome to South Staffordshire Council - Homepage | South Staffordshire District Council 16
Welcome to Westmorland and Furness | Westmorland and Furness Council 24
Homepage | Royal Borough of Kensington and Chelsea 21
Home | Elmbridge Borough Council 16

🔧 Most Common Issues (ALFA)

32 rules
261 Serious alfa SC 2.5.8 AA Motor SIA-R111: Interactive elements have a sufficient target size
55 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
<a href="/cookie-policy" tabindex="0">...</a>
XPath: /a
Example 2 View on Page
Target has insufficient size
Mode: light
<button type="button" class="eu-cookie-compliance-save-preferences-button " tabindex="0" data-once="cookie-button-save">Save preferences</button>
XPath: /button[@class="eu-cookie-compliance-save-preferences-button "]
Example 3 View on Page
Target has insufficient size
Mode: light
<button type="button" class="agree-button eu-cookie-compliance-default-button" tabindex="0" data-once="cookie-button-agree">Accept all cookies</button>
XPath: /button[@class="agree-button eu-cookie-compliance-default-button"]
Example 4 View on Page
Target has insufficient size
Mode: light
<button class="lgd-header__toggle lgd-header__toggle--primary js-processed" data-target="lgd-header__dropdown" aria-controls="lgd-header__dropdown" aria-expanded="false">...</button>
XPath: /button[@class="lgd-header__toggle lgd-header__toggle--primary js-processed"]
Example 5 View on Page
Target has insufficient size
Mode: light
<button type="button" class="slick-prev pull-left slick-arrow" aria-label="Previous arrow" style="" />
XPath: /button[@class="slick-prev pull-left slick-arrow"]
46 Moderate alfa SIA-R3: lang attribute has a valid language code
19 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element does not have a unique ID
Mode: light
<form action="/search" method="get" id="views-exposed-form-sitewide-search-solr-sitewide-search-results-block" accept-charset="UTF-8">...</form>
XPath: /form[@id="views-exposed-form-sitewide-search-solr-sitewide-search-results-block"]
Example 2 View on Page
The element does not have a unique ID
Mode: light
<form action="/search" method="get" id="views-exposed-form-search-block-1" accept-charset="UTF-8">...</form>
XPath: /form[@id="views-exposed-form-search-block-1"]
Example 3 View on Page
The element does not have a unique ID
Mode: light
<div class="views-exposed-form block block-localgov-search block-localgov-sitewide-search-block" novalidate="novalidate" data-drupal-selector="views-exposed-form-localgov-sitewide-search-sitewide-search-page" id="block-lgd-localgov-sitewide-search-block-scarfolk--2">...</div>
XPath: /div[@id="block-lgd-localgov-sitewide-search-block-scarfolk--2"]
Example 4 View on Page
The element does not have a unique ID
Mode: light
<form action="/search" method="get" id="views-exposed-form-localgov-sitewide-search-sitewide-search-page-block" accept-charset="UTF-8">...</form>
XPath: /form[@id="views-exposed-form-localgov-sitewide-search-sitewide-search-page-block"]
Example 5 View on Page
The element does not have a unique ID
Mode: light
<input data-drupal-selector="edit-s" placeholder="Search" type="text" id="edit-s--2" name="s" value="" size="30" maxlength="128" class="form-text required" required="required" aria-required="true" />
XPath: /input[@id="edit-s--2"]
45 Moderate alfa SIA-R73: Text spacing can be adjusted without loss of content
35 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>We’d like to set analytics and marketing cookies t...</p>
XPath: /p
Example 2 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p id="id-cookie-notice">...</p>
XPath: /p[@id="id-cookie-notice"]
Example 3 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p>The Government has launched its statutory consulta...</p>
XPath: /p
Example 4 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p>...</p>
XPath: /p
Example 5 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p>...</p>
XPath: /p
40 Moderate alfa SC 1.4.6 AAA Visual SIA-R66: Text has enhanced contrast with its background
40 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.92: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.85: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 1.29: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 4.78: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.76:1 which is below the required contrast of 7:1
Mode: light
38 Moderate alfa Best Practice SIA-R61: Documents start with a level 1 heading
38 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: No

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
The document does not start with a level 1 heading
Mode: light
Example 2 View on Page
The document does not start with a level 1 heading
Mode: light
Example 3 View on Page
The document does not start with a level 1 heading
Mode: light
Example 4 View on Page
The document does not start with a level 1 heading
Mode: light
Example 5 View on Page
The document does not start with a level 1 heading
Mode: light
37 Moderate alfa SIA-R57: Landmarks don't repeat the same content
37 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

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
Example 3 View on Page
The text is not included in a landmark region
Mode: light
Example 4 View on Page
The text is not included in a landmark region
Mode: light
Example 5 View on Page
The text is not included in a landmark region
Mode: light
29 Moderate alfa SIA-R87: First focusable element is a skip link
29 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

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
Example 3 View on Page
The first tabbable element in the document is not a semantic link
Mode: light
Example 4 View on Page
The first tabbable element in the document is not a semantic link
Mode: light
Example 5 View on Page
The document has no tabbable descendants
Mode: light
25 Moderate alfa SIA-R74
22 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>We’d like to set analytics and marketing cookies t...</p>
XPath: /p
Example 2 View on Page
The font size is specified using an absolute unit
Mode: light
<p>...</p>
XPath: /p
Example 3 View on Page
The font size is specified using an absolute unit
Mode: light
<p>...</p>
XPath: /p
Example 4 View on Page
The font size is specified using an absolute unit
Mode: light
<p>Council Tax Support, Housing Benefit, Universal Cr...</p>
XPath: /p
Example 5 View on Page
The font size is specified using an absolute unit
Mode: light
<p>...</p>
XPath: /p
19 Moderate alfa SIA-R78: Headings of same level have text content between them
15 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
There is no content between this heading and the next
Mode: light
<h2 class="box-link__heading"> Elections and voting </h2>
XPath: /h2[@class="box-link__heading"]
Example 2 View on Page
There is no content between this heading and the next
Mode: light
<h3 class="heading-colour--white card__heading"> Report it! Sort it! </h3>
XPath: /h3[@class="heading-colour--white card__heading"]
Example 3 View on Page
There is no content between this heading and the next
Mode: light
<h3 class="box-link__heading"> Benefits, Council Tax and housing </h3>
XPath: /h3[@class="box-link__heading"]
Example 4 View on Page
There is no content between this heading and the next
Mode: light
<h3 class="heading-colour--black card__heading"> Sign up to receive the latest council news ...</h3>
XPath: /h3[@class="heading-colour--black card__heading"]
Example 5 View on Page
There is no content between this heading and the next
Mode: light
<h2>How can we help?</h2>
XPath: /h2
18 Moderate alfa SIA-R18: ARIA states are consistent with element semantics
18 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

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 prohibited for the element on which it is specified
Mode: light
Example 3 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
Example 4 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
Example 5 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
12 Critical alfa SC 1.1.1 A Visual SIA-R14: Images have an accessible name or are decorative
11 pages affected

Rule Information

Engine: alfa

Roles: Content Author

Blocking: ⚠️ Yes (Task-Blocking)

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
The visible text content of the element is not included within its accessible name
Mode: light
<button type="submit" class="btn btn--solid notranslate" aria-label="Submit translation request"> Go </button>
XPath: /button[@class="btn btn--solid notranslate"]
Example 2 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<button aria-label="Open accessibility overlay" class="reciteme__trigger"> Accessibility tools </button>
XPath: /button[@class="reciteme__trigger"]
Example 3 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<button type="submit" class="bbd-translation-go notranslate" aria-label="Submit translation request">Go</button>
XPath: /button[@class="bbd-translation-go notranslate"]
Example 4 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<a href="https://services.southwark.gov.uk/mysouthwark/" class="ext" data-extlink="" target="_blank" rel="noopener noreferrer" title="(opens in a new window)" aria-label="(opens in a new window)">...</a>
XPath: /a[@class="ext"]
Example 5 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<button data-v-1796116d="" data-v-2a9164b7="" id="wa-launcher" aria-label="Close Web Assistant" class="relative inline-block cursor-pointer backface-hidden hover:scale-105 motion-safe:transition motion-safe:duration-150 origin-bottom-right self-end-safe w-auto">...</button>
XPath: /button[@id="wa-launcher"]
11 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

Affected Pages

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="/news/2026/apr/election-candidates-confirmed-argyll-and-bute-scottish-parliamentary-constituency" hreflang="en">...</a>
XPath: /a
Example 2 View on Page
The link does not have an accessible name
Mode: light
<a class="social-media-link-icon--facebook" href="https://www.facebook.com/southkdc">...</a>
XPath: /a[@class="social-media-link-icon--facebook"]
Example 3 View on Page
The link does not have an accessible name
Mode: light
<a class="social-media-link-icon--twitter" href="https://x.com/southkesteven">...</a>
XPath: /a[@class="social-media-link-icon--twitter"]
Example 4 View on Page
The link does not have an accessible name
Mode: light
<a class="social-media-link-icon--instagram" href="https://www.instagram.com/discoversouthk">...</a>
XPath: /a[@class="social-media-link-icon--instagram"]
Example 5 View on Page
The link does not have an accessible name
Mode: light
<a class="social-media-link-icon--linkedin" href="https://www.linkedin.com/company/south-kesteven-council">...</a>
XPath: /a[@class="social-media-link-icon--linkedin"]
10 Moderate alfa SIA-R80: ASCII art has a text alternative
8 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The line height is specified using an absolute unit
Mode: light
<p>...</p>
XPath: /p
Example 2 View on Page
The line height is specified using an absolute unit
Mode: light
<p>Get the latest news and information about the topi...</p>
XPath: /p
Example 3 View on Page
The line height is specified using an absolute unit
Mode: light
<p>Council Tax Support, Housing Benefit, Universal Cr...</p>
XPath: /p
Example 4 View on Page
The line height is specified using an absolute unit
Mode: light
<p>...</p>
XPath: /p
Example 5 View on Page
The line height is specified using an absolute unit
Mode: light
<p>We use cookies for a better browsing experience. B...</p>
XPath: /p
10 Moderate alfa SIA-R56: Landmarks with the same role are distinguishable
10 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Some `navigation` have the same name.
Mode: light
Example 2 View on Page
Some `contentinfo` have the same name.
Mode: light
Example 3 View on Page
Some `search` have the same name.
Mode: light
Example 4 View on Page
Some `banner` have the same name.
Mode: light
Example 5 View on Page
Some `search` have the same name.
Mode: light
8 Serious alfa SC 1.4.3 AA Visual SIA-R69: Text has sufficient contrast with its background
8 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

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 1.29:1 which is below the required contrast of 4.5:1
Mode: light
Example 2 View on Page
The highest possible contrast of the text is 1.82:1 which is below the required contrast of 3:1
Mode: light
Example 3 View on Page
The highest possible contrast of the text is 2.73:1 which is below the required contrast of 4.5:1
Mode: light
Example 4 View on Page
The highest possible contrast of the text is 4.42:1 which is below the required contrast of 4.5:1
Mode: light
Example 5 View on Page
The highest possible contrast of the text is 3.66:1 which is below the required contrast of 4.5:1
Mode: light
5 Moderate alfa SIA-R83: Text can be resized to 200% without loss of content
5 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
5 Serious alfa SC 2.4.2 A Visual Cognitive SIA-R4: Page has a descriptive title
5 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: No

WCAG: SC 2.4.2 A

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 `lang` attribute is either missing, empty, or only whitespace
Mode: light
<html>...</html>
XPath: /html
Example 2 View on Page
The `lang` attribute is either missing, empty, or only whitespace
Mode: light
<html>...</html>
XPath: /html
Example 3 View on Page
The `lang` attribute is either missing, empty, or only whitespace
Mode: light
<html>...</html>
XPath: /html
Example 4 View on Page
The `lang` attribute is either missing, empty, or only whitespace
Mode: light
<html>...</html>
XPath: /html
Example 5 View on Page
The `lang` attribute is either missing, empty, or only whitespace
Mode: light
<html>...</html>
XPath: /html
4 Moderate alfa Best Practice SIA-R53: Headings follow a logical hierarchy
4 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: No

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
The heading skips one or more levels
Mode: light
<h3 class="box-link__title">...</h3>
XPath: /h3[@class="box-link__title"]
Example 2 View on Page
The heading skips one or more levels
Mode: light
<h4 class="heading heading--small"> Connect with us </h4>
XPath: /h4[@class="heading heading--small"]
Example 3 View on Page
The heading skips one or more levels
Mode: light
<h4>Suspended jail terms for fly-tipping brothers</h4>
XPath: /h4
Example 4 View on Page
The heading skips one or more levels
Mode: light
<h3 class="services-menu-title">Services</h3>
XPath: /h3[@class="services-menu-title"]
3 Moderate alfa SIA-R9
3 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The refresh or redirect is delayed
Mode: light
<meta http-equiv="refresh" content="360" />
XPath: /meta
Example 2 View on Page
The refresh or redirect is delayed
Mode: light
<meta http-equiv="refresh" content="360" />
XPath: /meta
Example 3 View on Page
The refresh or redirect is delayed
Mode: light
<meta http-equiv="refresh" content="360" />
XPath: /meta
3 Moderate alfa SIA-R96
3 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The refresh or redirect is delayed
Mode: light
<meta http-equiv="refresh" content="360" />
XPath: /meta
Example 2 View on Page
The refresh or redirect is delayed
Mode: light
<meta http-equiv="refresh" content="360" />
XPath: /meta
Example 3 View on Page
The refresh or redirect is delayed
Mode: light
<meta http-equiv="refresh" content="360" />
XPath: /meta
3 Moderate alfa SIA-R70
3 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The document contains deprecated elements
Mode: light
Example 2 View on Page
The document contains deprecated elements
Mode: light
Example 3 View on Page
The document contains deprecated elements
Mode: light
2 Moderate alfa SIA-R84
2 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The scrollable element is not reachable through keyboard navigation
Mode: light
<div id="CybotCookiebotDialogBodyContent" class="CybotCookiebotScrollArea">...</div>
XPath: /div[@id="CybotCookiebotDialogBodyContent"]
Example 2 View on Page
The scrollable element is not reachable through keyboard navigation
Mode: light
<div id="CybotCookiebotDialogBodyContent" class="CybotCookiebotScrollArea">...</div>
XPath: /div[@id="CybotCookiebotDialogBodyContent"]
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

Affected Pages

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-n0dljo5zv2wl" 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=6LcGhb0qAAAAAM4FA0qMjvGkCxcV9A9xj8lXU8qU&co=aHR0cHM6Ly93d3cud29raW5nLmdvdi51azo0NDM.&hl=en&v=gTpTIWhbKpxADzTzkcabhXN4&size=invisible&anchor-ms=20000&execute-ms=30000&cb=626myifbrdxv" />
XPath: /iframe
Example 2 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-xly9fu4o2yke" 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=6Ld5LJMrAAAAAEp2Y1ZgiVm2KviQ_zUVRIYygHDx&co=aHR0cHM6Ly93d3cud2VzdG1vcmxhbmRhbmRmdXJuZXNzLmdvdi51azo0NDM.&hl=en&v=gTpTIWhbKpxADzTzkcabhXN4&size=invisible&anchor-ms=20000&execute-ms=30000&cb=v9g7cnqfm674" />
XPath: /iframe
2 Moderate alfa SIA-R79
2 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element has no <figure> ancestor and has text which not inside a <code>, <kbd> or <samp> element.
Mode: light
<pre>Generated by cloudfront (CloudFront) Request ID: U...</pre>
XPath: /pre
Example 2 View on Page
The element has no <figure> ancestor and has text which not inside a <code>, <kbd> or <samp> element.
Mode: light
<pre>Generated by cloudfront (CloudFront) Request ID: 1...</pre>
XPath: /pre
2 Minor alfa SC 4.1.1 A Visual Cognitive SIA-R1: id attributes are unique within the document
2 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.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

Examples

Example 1 View on Page
The first `<title>` element has no text content
Mode: light
Example 2 View on Page
The first `<title>` element has no text content
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

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

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 Serious alfa SC 3.1.1 A Cognitive SIA-R2: HTML elements have a valid lang attribute
2 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
<img loading="lazy" src="/sites/default/files/styles/localgov_newsroom_teaser/public/migrated_files/vote-3569999_1280_0.jpg?itok=j85IGkFq" width="360" height="200" data-once="allImages" />
XPath: /img
Example 2 View on Page
The image does not have an accessible name
Mode: light
<span class="fa-ext extlink" role="img" aria-hidden="false">...</span>
XPath: /span[@class="fa-ext extlink"]
1 Moderate alfa SIA-R113
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Target has insufficient size and spacing
Mode: light
<a target="_blank" href="https://translate.google.com/" class="google-translate-icon ext" aria-label="powered by Google Translate" data-extlink="" rel="noopener noreferrer" title="(opens in a new window)">...</a>
XPath: /a[@class="google-translate-icon ext"]
1 Moderate alfa SIA-R68: Accessible name contains the visible label text
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element owns no elements as required by its semantic role
Mode: light
<ul class="service-highlight__list"> </ul>
XPath: /ul[@class="service-highlight__list"]
1 Moderate alfa Best Practice SIA-R64: Heading has non-empty accessible name
1 pages affected

Rule Information

Engine: alfa

Roles: Content Author, Front-End Developer

Blocking: No

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
The heading does not have an accessible name
Mode: light
<h2 class="call-to-action-links-listing__title" />
XPath: /h2[@class="call-to-action-links-listing__title"]
1 Moderate alfa SIA-R40
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The region does not have an accessible name
Mode: light
<div class="cmbc-carousel splide splide--loop splide--ltr splide--draggable is-active is-overflow is-initialized" id="carousel-mo6i8ho8mj1i8" role="region" aria-roledescription="carousel">...</div>
XPath: /div[@id="carousel-mo6i8ho8mj1i8"]
1 Moderate alfa SIA-R43
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The `<svg>` element does not have an accessible name
Mode: light
<svg data-fa-pseudo-element="::after" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg="" alt="">...</svg>
XPath: /svg[@class="svg-inline--fa fa-chevron-right"]

🔧 Most Common Issues (axe)

28 rules
121 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.
46 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
All page content should be contained by landmarks
Mode: light
<a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a>
XPath: .focusable
Example 2 View on Page
All page content should be contained by landmarks
Mode: light
<div class="localgov-alert-banner__content">
XPath: .localgov-alert-banner__content
Example 3 View on Page
All page content should be contained by landmarks
Mode: light
<div class="banner__image">
XPath: .banner__image
Example 4 View on Page
All page content should be contained by landmarks
Mode: light
<div class="field field--name-localgov-title field--type-string field--label-hidden field__item">How can we help?</div>
XPath: .field--name-localgov-title
Example 5 View on Page
All page content should be contained by landmarks
Mode: light
<input data-drupal-selector="edit-s" placeholder="Search" type="text" id="edit-s--2" name="s" value="" size="30" maxlength="128" class="form-text required" required="required" aria-required="true">
XPath: .beta-search-box > .views-exposed-form.block-localgov-search.block-localgov-sitewide-search-block > form > .js-form-item.form-item.js-form-type-search-api-autocomplete > .form-text.required[data-drupal-selector="edit-s"]
40 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.
10 pages affected

Rule Information

Engine: axe

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

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
Elements must meet minimum color contrast ratio thresholds
Mode: light
<h2>Clare County Council</h2>
XPath: #block-bbd-localgov-clarecountycouncil > h2
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<h2 id="block-bbd-localgov-quicklinks-menu">Quicklinks</h2>
XPath: #block-bbd-localgov-quicklinks-menu
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<h2 id="block-bbd-localgov-help-menu">Help</h2>
XPath: #block-bbd-localgov-help-menu
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<h2 id="block-bbd-localgov-terms-menu">Terms</h2>
XPath: #block-bbd-localgov-terms-menu
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<h2>Google translate</h2>
XPath: #block-bbd-localgov-gtranslate-block--2 > h2
24 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

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
<svg> elements with an img role must have alternative text
Mode: light
<svg data-fa-pseudo-element="::after" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg="" alt="">
XPath: a[href$="apply"] > .fa-chevron-right[data-fa-pseudo-element="::after"][data-icon="chevron-right"]
Example 2 View on Page
<svg> elements with an img role must have alternative text
Mode: light
<svg data-fa-pseudo-element="::after" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg="" alt="">
XPath: a[href$="apply-or-search-job"] > .fa-chevron-right[data-fa-pseudo-element="::after"][data-icon="chevron-right"]
Example 3 View on Page
<svg> elements with an img role must have alternative text
Mode: light
<svg data-fa-pseudo-element="::after" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg="" alt="">
XPath: .dio_apply-region > .paragraph--type--localgov-text.paragraph.paragraph--view-mode--default > .field--name-localgov-text.field--type-text-long.field--label-hidden > ul > li:nth-child(3) > a[data-entity-substitution="canonical"][data-entity-type="node"] > .fa-chevron-right[data-fa-pseudo-element="::after"][data-icon="chevron-right"]
Example 4 View on Page
<svg> elements with an img role must have alternative text
Mode: light
<svg data-fa-pseudo-element="::after" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg="" alt="">
XPath: a[href$="apply-planning-permission"] > .fa-chevron-right[data-fa-pseudo-element="::after"][data-icon="chevron-right"]
Example 5 View on Page
<svg> elements with an img role must have alternative text
Mode: light
<svg data-fa-pseudo-element="::after" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg="" alt="">
XPath: a[title="Admissions"] > .fa-chevron-right[data-fa-pseudo-element="::after"][data-icon="chevron-right"]
9 Moderate axe landmark-unique
8 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<footer class="lgd-footer">
XPath: footer
Example 2 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<div class="search-block-form block block-search block-search-form-block" data-drupal-selector="search-block-form" id="block-searchform" role="search">
XPath: #block-searchform
Example 3 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<header class="lgd-header" data-once="allStickyHeaders">
XPath: header
Example 4 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<div class="search-block-form block block-search block-search-form-block" data-drupal-selector="search-block-form" id="block-localgov-wandf-searchform" role="search">
XPath: .lgd-region__inner--search > .search-block-form.block-search.block-search-form-block
Example 5 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: dark
<div class="search-block-form block block-search block-search-form-block" data-drupal-selector="search-block-form" id="block-localgov-wandf-searchform" role="search">
XPath: .lgd-region__inner--search > .search-block-form.block-search.block-search-form-block
7 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.
7 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Document should not have more than one contentinfo landmark
Mode: light
<footer class="lgd-footer">
XPath: footer
Example 2 View on Page
Document should not have more than one contentinfo landmark
Mode: light
<div class="eu-cookie-compliance-banner eu-cookie-compliance-banner-info eu-cookie-compliance-banner--categories cookies-notice" role="contentinfo" aria-label="cookienotice" aria-hidden="false">
XPath: .eu-cookie-compliance-banner
Example 3 View on Page
Document should not have more than one contentinfo landmark
Mode: light
<div class="eu-cookie-compliance-banner eu-cookie-compliance-banner-info eu-cookie-compliance-banner--categories cookies-notice" role="contentinfo" aria-label="cookienotice" aria-hidden="false">
XPath: .eu-cookie-compliance-banner
Example 4 View on Page
Document should not have more than one contentinfo landmark
Mode: light
<div class="eu-cookie-compliance-banner eu-cookie-compliance-banner-info eu-cookie-compliance-banner--categories cookies-notice" role="contentinfo" aria-label="cookienotice" aria-hidden="false">
XPath: .eu-cookie-compliance-banner
Example 5 View on Page
Document should not have more than one contentinfo landmark
Mode: light
<div class="eu-cookie-compliance-banner eu-cookie-compliance-banner-info eu-cookie-compliance-banner--categories cookies-notice" role="contentinfo" aria-label="cookie notice" aria-hidden="false">
XPath: .eu-cookie-compliance-banner
7 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.
7 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>
XPath: html
Example 2 View on Page
Document should have one main landmark
Mode: light
<html>
XPath: html
Example 3 View on Page
Document should have one main landmark
Mode: light
<html><head><title>403 Forbidden</title></head> <body> <center><h1>403 Forbidden</h1></center> </body></html>
XPath: html
Example 4 View on Page
Document should have one main landmark
Mode: light
<html lang="en">
XPath: html
Example 5 View on Page
Document should have one main landmark
Mode: light
<html lang="en">
XPath: html
7 Moderate axe label-title-only
5 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Form elements should have a visible label
Mode: light
<input title="Search" autocomplete="off" data-drupal-selector="edit-search-query" type="text" id="edit-search-query--2" name="search_query" value="" size="60" maxlength="128" placeholder="Search" class="form-text required" required="required" aria-required="true">
XPath: #edit-search-query--2
Example 2 View on Page
Form elements should have a visible label
Mode: light
<input title="Search" autocomplete="off" data-drupal-selector="edit-search-query" type="text" id="edit-search-query" name="search_query" value="" size="60" maxlength="128" placeholder="Search" class="form-text required" required="required" aria-required="true">
XPath: #edit-search-query
Example 3 View on Page
Form elements should have a visible label
Mode: light
<input title="Enter the terms you ..." autocomplete="off" placeholder="Search Essex County ..." onfocus="this.placeholder = '..." onblur="this.placeholder = '..." data-drupal-selector="edit-search-keys" type="text" id="edit-search-keys" name="search_keys" value="" size="60" maxlength="128" class="fo ...>
XPath: #edit-search-keys
Example 4 View on Page
Form elements should have a visible label
Mode: light
<input placeholder="Enter your email address" name="e" type="email" required="" id="prefix-emailInput" title="Enter your email address">
XPath: #prefix-emailInput
Example 5 View on Page
Form elements should have a visible label
Mode: light
<input title="Search" data-drupal-selector="edit-keys" placeholder="Search our website" id="edit-keys--dv3WRbWY64s" type="search" name="keys" value="" size="15" maxlength="128" class="form-search">
XPath: #edit-keys--dv3WRbWY64s
7 Critical axe SC 4.1.2 A Visual Motor Cognitive button-name: Ensures buttons have discernible text so screen reader users know what action the button performs.
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

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
Buttons must have discernible text
Mode: light
<button tabindex="0" role="switch" aria-checked="false" class="qc-cmp2-toggle css-w01txj"><div class="toggle"></div><p class="text off" aria-label="Toggle off">OFF</p><p class="text on" aria-label="Toggle on">ON</p></button>
XPath: .qc-cmp2-expandable-info:nth-child(1) > .qc-cmp2-toggle-switch > .qc-cmp2-toggle.css-w01txj[role="switch"]
Example 2 View on Page
Buttons must have discernible text
Mode: light
<button tabindex="0" role="switch" aria-checked="false" class="qc-cmp2-toggle css-w01txj"><div class="toggle"></div><p class="text off" aria-label="Toggle off">OFF</p><p class="text on" aria-label="Toggle on">ON</p></button>
XPath: .qc-cmp2-expandable-info:nth-child(2) > .qc-cmp2-toggle-switch > .qc-cmp2-toggle.css-w01txj[role="switch"]
Example 3 View on Page
Buttons must have discernible text
Mode: light
<button tabindex="0" role="switch" aria-checked="false" class="qc-cmp2-toggle css-w01txj"><div class="toggle"></div><p class="text off" aria-label="Toggle off">OFF</p><p class="text on" aria-label="Toggle on">ON</p></button>
XPath: .qc-cmp2-expandable-info:nth-child(3) > .qc-cmp2-toggle-switch > .qc-cmp2-toggle.css-w01txj[role="switch"]
Example 4 View on Page
Buttons must have discernible text
Mode: light
<button tabindex="0" role="switch" aria-checked="false" class="qc-cmp2-toggle css-w01txj"><div class="toggle"></div><p class="text off" aria-label="Toggle off">OFF</p><p class="text on" aria-label="Toggle on">ON</p></button>
XPath: .qc-cmp2-expandable-info:nth-child(4) > .qc-cmp2-toggle-switch > .qc-cmp2-toggle.css-w01txj[role="switch"]
Example 5 View on Page
Buttons must have discernible text
Mode: light
<button tabindex="0" role="switch" aria-checked="false" class="qc-cmp2-toggle css-w01txj"><div class="toggle"></div><p class="text off" aria-label="Toggle off">OFF</p><p class="text on" aria-label="Toggle on">ON</p></button>
XPath: .qc-cmp2-expandable-info:nth-child(5) > .qc-cmp2-toggle-switch > .qc-cmp2-toggle.css-w01txj[role="switch"]
6 Moderate axe SC 2.2.1 A Motor Cognitive meta-refresh
3 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 2.2.1 A

Disabilities affected:
Motor Cognitive

Affected Pages

Who Is Affected

  • 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
Delayed refresh under 20 hours must not be used
Mode: light
<meta http-equiv="refresh" content="360">
XPath: meta[http-equiv="refresh"]
Example 2 View on Page
Delayed refresh under 20 hours must not be used
Mode: dark
<meta http-equiv="refresh" content="360">
XPath: meta[http-equiv="refresh"]
Example 3 View on Page
Delayed refresh under 20 hours must not be used
Mode: light
<meta http-equiv="refresh" content="360">
XPath: meta[http-equiv="refresh"]
Example 4 View on Page
Delayed refresh under 20 hours must not be used
Mode: dark
<meta http-equiv="refresh" content="360">
XPath: meta[http-equiv="refresh"]
Example 5 View on Page
Delayed refresh under 20 hours must not be used
Mode: light
<meta http-equiv="refresh" content="360">
XPath: meta[http-equiv="refresh"]
6 Moderate axe aria-dialog-name
5 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: light
<div class="eu-cookie-compliance-banner eu-cookie-compliance-banner-info eu-cookie-compliance-banner--opt-in" role="dialog" aria-hidden="false" data-once="data-table">
XPath: .eu-cookie-compliance-banner
Example 2 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: light
<div id="prefix-overlay-outer" tabindex="0" role="dialog" aria-modal="true" aria-describedby="prefix-overlay-step1">
XPath: #prefix-overlay-outer
Example 3 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: light
<div id="prefix-overlay-outer" tabindex="0" role="dialog" aria-labelledby="#prefix-overlay-header" aria-describedby="#prefix-overlay-step1" style="height: 349px;">
XPath: #prefix-overlay-outer
Example 4 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: light
<div id="prefix-overlay-outer" tabindex="0" role="dialog" aria-modal="true" aria-describedby="prefix-overlay-step1">
XPath: #prefix-overlay-outer
Example 5 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: light
<div id="prefix-overlay-outer" tabindex="0" role="dialog" aria-modal="true" aria-describedby="prefix-overlay-step1">
XPath: #prefix-overlay-outer
6 Moderate axe landmark-banner-is-top-level
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Banner landmark should not be contained in another landmark
Mode: light
<div class="lgd-region lgd-region--header region region-header" role="banner">
XPath: .lgd-region--header
Example 2 View on Page
Banner landmark should not be contained in another landmark
Mode: light
<div class="lgd-region lgd-region--content region region-content" role="banner">
XPath: .lgd-region--content
Example 3 View on Page
Banner landmark should not be contained in another landmark
Mode: light
<div class="lgd-region lgd-region--content-bottom region region-content-bottom" role="banner">
XPath: .lgd-region--content-bottom
Example 4 View on Page
Banner landmark should not be contained in another landmark
Mode: light
<div class="lgd-region lgd-region--footer-first region region-footer-first" role="banner">
XPath: .lgd-region--footer-first
Example 5 View on Page
Banner landmark should not be contained in another landmark
Mode: light
<div class="lgd-region lgd-region--footer-second region region-footer-second" role="banner">
XPath: .lgd-region--footer-second
5 Serious axe SC 3.1.1 A Cognitive html-has-lang: Ensures the <html> element has a lang attribute. Screen readers use the language attribute to select the correct pronunciation engine.
5 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 3.1.1 A

Disabilities affected:
Cognitive

Who Is Affected

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

Examples

Example 1 View on Page
<html> element must have a lang attribute
Mode: light
<html>
XPath: html
Example 2 View on Page
<html> element must have a lang attribute
Mode: light
<html>
XPath: html
Example 3 View on Page
<html> element must have a lang attribute
Mode: light
<html><head><title>403 Forbidden</title></head> <body> <center><h1>403 Forbidden</h1></center> </body></html>
XPath: html
Example 4 View on Page
<html> element must have a lang attribute
Mode: light
<html><head><title>403 Forbidden</title></head> <body> <center><h1>403 Forbidden</h1></center> </body></html>
XPath: html
Example 5 View on Page
<html> element must have a lang attribute
Mode: light
<html><head><title>403 Forbidden</title></head> <body> <center><h1>403 Forbidden</h1></center> </body></html>
XPath: html
5 Moderate axe landmark-no-duplicate-banner: Ensures the page has only one banner landmark (<header> at top level). Multiple banners confuse screen reader users navigating by landmarks.
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Document should not have more than one banner landmark
Mode: light
<header class="lgd-header" data-once="allStickyHeaders">
XPath: header
Example 2 View on Page
Document should not have more than one banner landmark
Mode: light
<header class="lgd-header" aria-label="Navigation" data-once="allStickyHeaders">
XPath: header
Example 3 View on Page
Document should not have more than one banner landmark
Mode: dark
<header class="lgd-header" aria-label="Navigation" data-once="allStickyHeaders">
XPath: header
Example 4 View on Page
Document should not have more than one banner landmark
Mode: light
<header> <h1 class="visually-hidden">Welcome to Elmbridge.gov.uk</h1> </header>
XPath: body > header
Example 5 View on Page
Document should not have more than one banner landmark
Mode: light
<header class="header eu-cookie-compliance-status-null" data-eu-cookie-compliance-once="true" data-once="site-header">
XPath: header
5 Moderate axe aria-allowed-role
3 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
ARIA role should be appropriate for the element
Mode: light
<article class="js-localgov-alert-ba..." data-dismiss-alert-t...="alert-63--b0efba5585..." role="alert" data-once="allAlertBanners">
XPath: .js-localgov-alert-banner
Example 2 View on Page
ARIA role should be appropriate for the element
Mode: light
<li class="splide__slide cmbc-carousel_item is-active is-visible" id="carousel-mo6i89bsbmdln-slide01" role="group" aria-roledescription="slide" aria-label="1 of 3" style="width: calc(100%);">
XPath: #carousel-mo6i89bsbmdln-slide01
Example 3 View on Page
ARIA role should be appropriate for the element
Mode: light
<button role="listitem" class="qc-cmp2-list-item-header" aria-label="Opt-Outs" aria-live="polite">
XPath: button[aria-label="Opt-Outs"]
Example 4 View on Page
ARIA role should be appropriate for the element
Mode: light
<li id="Google Basic Consents" class="qc-cmp2-list-item qc-cmp2-expanded" role="list">
XPath: #Google\ Basic\ Consents
Example 5 View on Page
ARIA role should be appropriate for the element
Mode: light
<button class="qc-cmp2-list-item-header" role="listitem" aria-label="Google consents" aria-live="polite">
XPath: button[aria-label="Google consents"]
5 Moderate axe SC 1.1.1 A Visual role-img-alt
1 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
<span class="fa-ext extlink" role="img" aria-hidden="false"><span class="fa fa-external-link" data-extlink-placement="append"></span></span>
XPath: .call-to-action.paragraph--type--call-to-action.paragraph--view-mode--default > .ext[data-extlink=""][aria-label="(link is external)"] > .fa-ext.extlink[role="img"]
Example 2 View on Page
[role="img"] elements must have alternative text
Mode: light
<span class="fa-ext extlink" role="img" aria-hidden="false"><span class="fa fa-external-link" data-extlink-placement="append"></span></span>
XPath: a[href$="foster4.co.uk/"] > .fa-ext.extlink[role="img"]
Example 3 View on Page
[role="img"] elements must have alternative text
Mode: light
<span class="fa-ext extlink" role="img" aria-hidden="false"><span class="fa fa-external-link" data-extlink-placement="append"></span></span>
XPath: a[href$="knowsleyeps.co.uk/"] > .fa-ext.extlink[role="img"]
Example 4 View on Page
[role="img"] elements must have alternative text
Mode: light
<span class="fa-ext extlink" role="img" aria-hidden="false"><span class="fa fa-external-link" data-extlink-placement="append"></span></span>
XPath: .menu-item:nth-child(10) > .ext[data-extlink=""][aria-label="(link is external)"] > .fa-ext.extlink[role="img"]
Example 5 View on Page
[role="img"] elements must have alternative text
Mode: light
<span class="fa-ext extlink" role="img" aria-hidden="false"><span class="fa fa-external-link" data-extlink-placement="append"></span></span>
XPath: .menu-item:nth-child(13) > .ext[data-extlink=""][aria-label="(link is external)"] > .fa-ext.extlink[role="img"]
4 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.
4 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="box-link__title"> <a class="box-link__link" href="/planning-and-building/development-management/planning-permission"> Online Planning </a> </h3>
XPath: .box-links-listing__list-item.lgd-row__one-quarter:nth-child(1) > .box-link.paragraph--type--localgov-box-link > .box-link__title
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<h4 class="heading heading--small"> Connect with us </h4>
XPath: h4
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h4>Suspended jail terms for fly-tipping brothers</h4>
XPath: .views-row.lgd-row__one-third:nth-child(1) > .node--type-localgov-news-article.lgd-teaser.lgd-teaser--localgov-news-article > .card-link > .lgd-teaser__content.lgd-teaser__content--localgov-news-article > .text-wrapper > .field--name-field-display-title.field--type-string.field--label-hidden > h4
Example 4 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="services-menu-title">Services</h3>
XPath: .services-menu-title
4 Moderate axe page-has-heading-one
3 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Page should contain a level-one heading
Mode: light
<html lang="en" dir="ltr" class="sticky-header-html js" style="--lgd-sticky-header-position: 0px; --lgd-sticky-header-height: 116px;">
XPath: html
Example 2 View on Page
Page should contain a level-one heading
Mode: light
<html class="overflow-hidden h-full w-full">
XPath: #connect-frame
Example 3 View on Page
Page should contain a level-one heading
Mode: light
<html lang="en" dir="ltr" class="sticky-header-html js" style="--lgd-sticky-header-position: 0px; --lgd-sticky-header-height: 93px;">
XPath: html
Example 4 View on Page
Page should contain a level-one heading
Mode: light
<html lang="en" dir="ltr" class="sticky-header-html js" style="--lgd-sticky-header-position: 0px; --lgd-sticky-header-height: 121px;">
XPath: html
4 Moderate axe image-redundant-alt
3 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img loading="lazy" src="/sites/default/files/styles/footer_icons/public/2022-09/group_21.png?itok=2sAiHH2g" width="66" height="66" alt="Email" data-once="allImages">
XPath: img[alt="Email"]
Example 2 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img loading="lazy" src="/sites/default/files/styles/footer_icons/public/2022-09/group_19.png?itok=caeYrV6F" width="66" height="66" alt="Customer feedback" data-once="allImages">
XPath: img[alt="Customer feedback"]
Example 3 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img src="data:image/svg+xml;b..." alt="begin" style="margin-left: 5px;">
XPath: img[alt="begin"]
Example 4 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img src="data:image/svg+xml;b..." alt="begin" style="margin-left: 5px;">
XPath: img[alt="begin"]
3 Serious axe tabindex: Ensures tabindex attribute values greater than 0 are not used. Positive tabindex values create an unnatural tab order that disorients keyboard users.
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: ⚠️ Yes (Task-Blocking)

Affected Pages

Examples

Example 1 View on Page
Elements should not have tabindex greater than zero
Mode: light
<a href="#main-content" class="visually-hidden focusable skip-link" tabindex="1"> Skip to main content </a>
XPath: .focusable
Example 2 View on Page
Elements should not have tabindex greater than zero
Mode: light
<div class="site-logo" tabindex="2"> <img src="/themes/custom/bfc/logo.svg" alt="Bracknell Forest Council"> </div>
XPath: .site-logo
Example 3 View on Page
Elements should not have tabindex greater than zero
Mode: light
<button aria-controls="main-menu-wrapper" aria-expanded="false" type="button" class="menu__button" tabindex="3">
XPath: .menu__button
2 Moderate axe SC 1.3.1 A Visual Cognitive aria-required-parent
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.3.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

Examples

Example 1 View on Page
Certain ARIA roles must be contained by particular parents
Mode: light
<button role="listitem" class="qc-cmp2-list-item-header" aria-label="Opt-Outs" aria-live="polite">
XPath: button[aria-label="Opt-Outs"]
Example 2 View on Page
Certain ARIA roles must be contained by particular parents
Mode: light
<p class="qc-cmp2-list-item-title" role="listitem"><p>Google consents</p></p>
XPath: .qc-cmp2-list-item-title[role="listitem"]
2 Serious axe SC 1.3.1 A Visual Cognitive list: Ensures <ul> and <ol> contain only <li> elements. Invalid list structure prevents screen readers from announcing list item counts and navigation shortcuts.
1 pages affected

Rule Information

Engine: axe

Roles: Content Author, Front-End Developer

Blocking: No

WCAG: SC 1.3.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

Examples

Example 1 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ul class="qc-cmp2-consent-list css-1f88jwd">
XPath: .css-1f88jwd
Example 2 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ul class="qc-cmp2-consent-list css-def7e2">
XPath: .css-def7e2
1 Moderate axe SC 2.1.1, SC 2.1.3 A Motor scrollable-region-focusable
1 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

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
Scrollable region must have keyboard access
Mode: light
<div id="uc-cmp-description" class="overflow">
XPath: #usercentrics-cmp-ui,#uc-cmp-description
1 Critical axe SC 1.1.1 A Visual image-alt: Ensures every <img> element has alternative text. Without alt text, blind users receive no information about the image's meaning or purpose.
1 pages affected

Rule Information

Engine: axe

Roles: Content Author

Blocking: ⚠️ Yes (Task-Blocking)

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
Images must have alternative text
Mode: light
<img loading="lazy" src="/sites/default/files/styles/localgov_newsroom_teaser/public/migrated_files/vote-3569999_1280_0.jpg?itok=j85IGkFq" width="360" height="200" data-once="allImages">
XPath: .views-row:nth-child(3) > .views-field-field-media-image.views-field > .field-content > a[hreflang="en"] > img[width="360"][loading="lazy"][height="200"]
1 Moderate axe meta-viewport-large
1 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, maximum-scale=2.0, user-scalable=yes">
XPath: meta[name="viewport"]:nth-child(28)
1 Moderate axe empty-heading
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Headings should not be empty
Mode: light
<h2 class="call-to-action-links-listing__title"></h2>
XPath: .call-to-action-links-listing__title
1 Serious axe SC 4.1.2 A Visual Motor Cognitive frame-title: Ensures <iframe> and <frame> elements have a descriptive title attribute so screen reader users understand what the embedded content contains.
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, Content Author

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

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
Frames must have an accessible name
Mode: light
<iframe src="javascript:false" title="" role="presentation" style="position: absolute; width: 0px; height: 0px; border: 0px;"></iframe>
XPath: #chatInlay
1 Moderate axe SC 1.3.1 A Visual Cognitive aria-required-children
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.3.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

Examples

Example 1 View on Page
Certain ARIA roles must contain particular children
Mode: light
<li id="Google Basic Consents" class="qc-cmp2-list-item qc-cmp2-expanded" role="list">
XPath: #Google\ Basic\ Consents