Accessibility Scan Report

Title: UK Councils 1/2 (200) Issue: #39 Date: 4/17/2026, 2:16:56 AM Duration: 45.1m URLs: 199 / 199 🌙 Dark Mode: 10 / 122 URLs⚡ Reduced Motion: 48 / 122 URLs🔍 High Contrast: 3 / 122 URLs🖥️ Forced Colors: 11 / 122 URLs

Summary

Issues

  • By Level: A (189), AA (411), AAA (61)
  • By Version (A & AA): WCAG 2.0 (234), WCAG 2.2 (366)
  • By Category: axe-strict (610) & Best Practice (50) & Others (6899)
  • Total: 7559 across 216 unique rules & 5 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.
Home - Derbyshire Dales District Council 191
Home - East Riding of Yorkshire Council 107
Clackmannanshire Council Online 180
Home Page - Cornwall Council 97
Calderdale Council serves Brighouse, Elland, Halifax, Hebden Bridge, Sowerby Bridge, Todmorden 0 80
Dover District Council 152
Home - Ashfield District Council 118
Bromsgrove District Council 304
Fareham Borough Council 81
Carmarthenshire County Council Website : Gwefan Cyngor Sir Gaerfyrddin 0 0 25

🔧 Most Common Issues (ALFA)

42 rules
366 Serious alfa SC 2.5.8 AA Motor SIA-R111: Interactive elements have a sufficient target size
82 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="" id="rcc-confirm-button" aria-label="Accept cookies" style="background: rgb(192, 0, 89); border: 2px solid rgb(192, 0, 89); border-radius: 4px; box-shadow: none; color: white; cursor: pointer; flex: 0 0 auto; padding: 5px 10px; margin: 15px; width: 45%;">OK to use analytics cookies</button>
XPath: /button[@id="rcc-confirm-button"]
Example 2 View on Page
Target has insufficient size
Mode: light
<button class="" id="rcc-decline-button" aria-label="Decline cookies" style="background: white; border: 2px solid rgb(192, 0, 89); border-radius: 4px; box-shadow: none; color: rgb(192, 0, 89); cursor: pointer; flex: 0 0 auto; padding: 5px 10px; margin: 15px; width: 45%;">Don't use analytics cookies</button>
XPath: /button[@id="rcc-decline-button"]
Example 3 View on Page
Target has insufficient size
Mode: light
<a href="https://www.aberdeenshire.gov.uk/my" target="_self" class="my-aberdeenshire-logo" id="my-aberdeenshire-link">...</a>
XPath: /a[@id="my-aberdeenshire-link"]
Example 4 View on Page
Target has insufficient size
Mode: light
<button type="submit" class="input-group-text" id="basic-addon3" aria-label="Search the website">Search</button>
XPath: /button[@id="basic-addon3"]
Example 5 View on Page
Target has insufficient size
Mode: light
<a href="https://online.aberdeenshire.gov.uk/myAberdeenshire/AuthServices/SignIn" class="btn-system btn">Sign in</a>
XPath: /a[@class="btn-system btn"]
85 Moderate alfa SIA-R73: Text spacing can be adjusted without loss of content
37 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>Stay up-to-date with your local news in the Adur a...</p>
XPath: /p
Example 2 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="card-text">To have your say see all our current consultations</p>
XPath: /p[@class="card-text"]
Example 3 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p>...</p>
XPath: /p
Example 4 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="copyright">...</p>
XPath: /p[@class="copyright"]
Example 5 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="accessimages">...</p>
XPath: /p[@class="accessimages"]
61 Moderate alfa SC 1.4.6 AAA Visual SIA-R66: Text has enhanced contrast with its background
61 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 6.2: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 5.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 5.57: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.51: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 5.2:1 which is below the required contrast of 7:1
Mode: light
54 Moderate alfa SIA-R87: First focusable element is a skip link
54 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 first tabbable element in the document is not a semantic link
Mode: light
50 Moderate alfa SIA-R57: Landmarks don't repeat the same content
50 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
35 Moderate alfa Best Practice SIA-R61: Documents start with a level 1 heading
35 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
32 Moderate alfa SIA-R78: Headings of same level have text content between them
28 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>Council services</h2>
XPath: /h2
Example 2 View on Page
There is no content between this heading and the next
Mode: light
<h3 class="title">Service Updates</h3>
XPath: /h3[@class="title"]
Example 3 View on Page
There is no content between this heading and the next
Mode: light
<h2 class="a-panel__title">Feature news carousel</h2>
XPath: /h2[@class="a-panel__title"]
Example 4 View on Page
There is no content between this heading and the next
Mode: light
<h1>403 Forbidden</h1>
XPath: /h1
Example 5 View on Page
There is no content between this heading and the next
Mode: light
<h1>403 Forbidden</h1>
XPath: /h1
30 Moderate alfa SIA-R3: lang attribute has a valid language code
15 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 class="item" data-interchange=" [/getmedia/a796f814-b961-4b90-9b5e-679759022406/Pic-85.jpg.aspx?w=1200&h=869&ext=.jpg&width=640, small],[/getmedia/a796f814-b961-4b90-9b5e-679759022406/Pic-85.jpg.aspx?w=1200&h=869&ext=.jpg&width=1024, medium], [/getmedia/a796f814-b961-4b90-9b5e-679759022406/Pic-85.jpg.aspx?w=1200&h=869&ext=.jpg&width=1360, large] " data-resize="sqsjr0-interchange" id="sqsjr0-interchange" data-e="zhgrdg-e" style="background-image: url("/getmedia/a796f814-b961-4b90-9b5e-679759022406/Pic-85.jpg.aspx?w=1200&h=869&ext=.jpg&width=1360");">...</div>
XPath: /div[@id="sqsjr0-interchange"]
Example 2 View on Page
The element does not have a unique ID
Mode: light
<div class="item" data-interchange=" [/getmedia/cce8c4bf-4ad1-409c-b227-e75cfd3a5493/Pic-10.jpg.aspx?w=1200&h=800&ext=.jpg&width=640, small],[/getmedia/cce8c4bf-4ad1-409c-b227-e75cfd3a5493/Pic-10.jpg.aspx?w=1200&h=800&ext=.jpg&width=1024, medium], [/getmedia/cce8c4bf-4ad1-409c-b227-e75cfd3a5493/Pic-10.jpg.aspx?w=1200&h=800&ext=.jpg&width=1360, large] " data-resize="s88ijl-interchange" id="s88ijl-interchange" data-e="szegd9-e" style="background-image: url("/getmedia/cce8c4bf-4ad1-409c-b227-e75cfd3a5493/Pic-10.jpg.aspx?w=1200&h=800&ext=.jpg&width=1360");">...</div>
XPath: /div[@id="s88ijl-interchange"]
Example 3 View on Page
The element does not have a unique ID
Mode: light
<a class="link clearfix" data-lfr-editable-id="02-title" data-lfr-editable-type="link" href="https://www.babergh.gov.uk/w/new-grazing-walks-leaflet-launches-to-promote-car-free-days%C2%A0" id="fragment-ifyk-02-title">New ‘Grazing Walks’ leaflet launches to promote ca...</a>
XPath: /a[@id="fragment-ifyk-02-title"]
Example 4 View on Page
The element does not have a unique ID
Mode: light
<input class="ui-search__field search__field autocomplete" type="search" name="search" id="search" placeholder="Search this site" accesskey="4" value="" />
XPath: /input[@id="search"]
Example 5 View on Page
The element does not have a unique ID
Mode: light
<button id="browsealoud-button--launchpad" class="launchpad-button" aria-label="Translate or Listen with the ReachDeck Toolbar" title="Translate or Listen with the ReachDeck Toolbar" ignore="true" lang="en" type="button">Translate or Listen</button>
XPath: /button[@id="browsealoud-button--launchpad"]
27 Moderate alfa SIA-R74
19 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>Due to essential maintenance works at Port Askaig,...</p>
XPath: /p
Example 2 View on Page
The font size is specified using an absolute unit
Mode: light
<p class="newsletter-sign-up__text">Sign up to receive our news</p>
XPath: /p[@class="newsletter-sign-up__text"]
Example 3 View on Page
The font size is specified using an absolute unit
Mode: light
<p>Welcome to</p>
XPath: /p
Example 4 View on Page
The font size is specified using an absolute unit
Mode: light
<p>We use cookies on this site to improve your user e...</p>
XPath: /p
Example 5 View on Page
The font size is specified using an absolute unit
Mode: light
<p class="qc-cmp2-list-item-title">Personal Data Processing Opt Outs</p>
XPath: /p[@class="qc-cmp2-list-item-title"]
22 Moderate alfa SIA-R56: Landmarks with the same role are distinguishable
22 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Some `search` have the same name.
Mode: light
Example 2 View on Page
Some `banner` have the same name.
Mode: light
Example 3 View on Page
Some `contentinfo` have the same name.
Mode: light
Example 4 View on Page
Some `navigation` have the same name.
Mode: light
Example 5 View on Page
Some `search` have the same name.
Mode: light
19 Serious alfa SC 2.4.2 A Visual Cognitive SIA-R4: Page has a descriptive title
19 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: No

WCAG: SC 2.4.2 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 `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
13 Moderate alfa Best Practice SIA-R53: Headings follow a logical hierarchy
11 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 class="title">Bins & Recycling</h3>
XPath: /h3[@class="title"]
Example 2 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"]
Example 3 View on Page
The heading skips one or more levels
Mode: light
<h3>...</h3>
XPath: /h3
Example 4 View on Page
The heading skips one or more levels
Mode: light
<h4>Follow us:</h4>
XPath: /h4
Example 5 View on Page
The heading skips one or more levels
Mode: light
<h6 class="center centh">Feedback & Share</h6>
XPath: /h6[@class="center centh"]
12 Serious alfa SC 1.4.3 AA Visual SIA-R69: Text has sufficient contrast with its background
12 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.69: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.32: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.36: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 1.49: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 1.04:1 which is below the required contrast of 3:1
Mode: light
12 Moderate alfa SIA-R70
12 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

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
Example 4 View on Page
The document contains deprecated elements
Mode: light
Example 5 View on Page
The document contains deprecated elements
Mode: light
11 Moderate alfa SIA-R80: ASCII art has a text alternative
9 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The line height is specified using an absolute unit
Mode: light
<p style="text-align: left;">Weekly food waste collections have now started and...</p>
XPath: /p
Example 2 View on Page
The line height is specified using an absolute unit
Mode: light
<p>Consider our food and wellbeing service for your l...</p>
XPath: /p
Example 3 View on Page
The line height is specified using an absolute unit
Mode: light
<p>Vision for new Council</p>
XPath: /p
Example 4 View on Page
The line height is specified using an absolute unit
Mode: light
<p class="introduction">How can we help you today?</p>
XPath: /p[@class="introduction"]
Example 5 View on Page
The line height is specified using an absolute unit
Mode: light
<p class="cuttlefish">...</p>
XPath: /p[@class="cuttlefish"]
10 Moderate alfa SIA-R83: Text can be resized to 200% without loss of content
10 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

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
10 Moderate alfa SIA-R68: Accessible name contains the visible label text
6 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element owns no elements as required by its semantic role
Mode: light
<ul> </ul>
XPath: /ul
Example 2 View on Page
The element owns no elements as required by its semantic role
Mode: light
<ul id="c_252147397426587_input_suggestions" class="search-suggestion search-suggestion--sitesearch" role="listbox" style="top: 0px; width: 0px;" />
XPath: /ul[@id="c_252147397426587_input_suggestions"]
Example 3 View on Page
The element owns no elements as required by its semantic role
Mode: light
<ul id="p-keywords-729_input_suggestions" class="search-suggestion search-suggestion--sitesearch" role="listbox" style="top: 50px; width: 1140px;" />
XPath: /ul[@id="p-keywords-729_input_suggestions"]
Example 4 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"]
Example 5 View on Page
The element owns no elements as required by its semantic role
Mode: light
<ul id="c_254950014998400_input_suggestions" class="search-suggestion" role="listbox" style="top: 0px; width: 0px;" />
XPath: /ul[@id="c_254950014998400_input_suggestions"]
9 Critical alfa SC 1.1.1 A Visual SIA-R14: Images have an accessible name or are decorative
8 pages affected

Rule Information

Engine: alfa

Roles: Content Author

Blocking: ⚠️ Yes (Task-Blocking)

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
The visible text content of the element is not included within its accessible name
Mode: light
<button class="" id="rcc-confirm-button" aria-label="Accept cookies" style="background: rgb(192, 0, 89); border: 2px solid rgb(192, 0, 89); border-radius: 4px; box-shadow: none; color: white; cursor: pointer; flex: 0 0 auto; padding: 5px 10px; margin: 15px; width: 45%;">OK to use analytics cookies</button>
XPath: /button[@id="rcc-confirm-button"]
Example 2 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<button class="" id="rcc-decline-button" aria-label="Decline cookies" style="background: white; border: 2px solid rgb(192, 0, 89); border-radius: 4px; box-shadow: none; color: rgb(192, 0, 89); cursor: pointer; flex: 0 0 auto; padding: 5px 10px; margin: 15px; width: 45%;">Don't use analytics cookies</button>
XPath: /button[@id="rcc-decline-button"]
Example 3 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<button class="chat-button" id="chatButton" aria-label="Open chat">...</button>
XPath: /button[@id="chatButton"]
Example 4 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<a class="card-service" href="/bins/collections" aria-label="Find your bin or box collection day" aria-describedby="399-summary 399-callToAction" style="height: 241.953px;">...</a>
XPath: /a[@class="card-service"]
Example 5 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<button aria-label="scroll" class="scroll__button ">...</button>
XPath: /button[@class="scroll__button "]
8 Serious alfa SC 2.4.4, SC 4.1.2 A Visual Motor Cognitive SIA-R12: Links have an accessible name
7 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 2.4.4, 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 button does not have an accessible name
Mode: light
<div class="dismiss-close" tabindex="0" role="button" />
XPath: /div[@class="dismiss-close"]
Example 2 View on Page
The button does not have an accessible name
Mode: light
<button tabindex="0" aria-pressed="false" class="qc-usp-close-icon" />
XPath: /button[@class="qc-usp-close-icon"]
Example 3 View on Page
The button does not have an accessible name
Mode: light
<button type="button" role="presentation" class="owl-prev" tabindex="-1">...</button>
XPath: /button[@class="owl-prev"]
Example 4 View on Page
The button does not have an accessible name
Mode: light
<button type="button" role="presentation" class="owl-next" tabindex="-1">...</button>
XPath: /button[@class="owl-next"]
Example 5 View on Page
The button does not have an accessible name
Mode: light
<button type="submit" class="hover:bg-brand-accent hover:text-white bg-white text-brand sb-search-submit inline icon-submit px-4 rounded-tr-full rounded-br-full">...</button>
XPath: /button[@class="hover:bg-brand-accent hover:text-white bg-white text-brand sb-search-submit inline icon-submit px-4 rounded-tr-full rounded-br-full"]
8 Moderate alfa SC 2.4.6 AA Visual Cognitive SIA-R59: Document has at least one heading to identify its main content
8 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
Example 3 View on Page
The document does not have a heading element
Mode: light
Example 4 View on Page
The document does not have a heading element
Mode: light
Example 5 View on Page
The document does not have a heading element
Mode: light
7 Moderate alfa SIA-R113
4 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Target has insufficient size and spacing
Mode: light
<a href="/our-website/accessibility/">Accessibility</a>
XPath: /a
Example 2 View on Page
Target has insufficient size and spacing
Mode: light
<a href="/gdpr/" title="GDPR"> GDPR </a>
XPath: /a
Example 3 View on Page
Target has insufficient size and spacing
Mode: light
<a href="javascript:void(0)" onclick="doGTranslate('en|en');return false;" onkeypress="doGTranslate('en|en');return false;" title="English" class="gflag nturl" style="background-position:-0px -0px;">...</a>
XPath: /a[@class="gflag nturl"]
Example 4 View on Page
Target has insufficient size and spacing
Mode: light
<a class="" href="#homeCarousel" data-slide-to="1" title="Next" aria-label="move to slide">⬜</a>
XPath: /a
Example 5 View on Page
Target has insufficient size and spacing
Mode: light
<a href="https://selfserve.derbyshiredales.gov.uk/">...</a>
XPath: /a
7 Critical alfa SC 1.3.1, SC 4.1.2 A Visual Motor Cognitive SIA-R8: Form elements have accessible labels
4 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer, UX Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 1.3.1, 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 form field does not have an accessible name
Mode: light
<ul id="c_252147397426587_input_suggestions" class="search-suggestion search-suggestion--sitesearch" role="listbox" style="top: 0px; width: 0px;" />
XPath: /ul[@id="c_252147397426587_input_suggestions"]
Example 2 View on Page
The form field does not have an accessible name
Mode: light
<ul id="p-keywords-729_input_suggestions" class="search-suggestion search-suggestion--sitesearch" role="listbox" style="top: 50px; width: 1140px;" />
XPath: /ul[@id="p-keywords-729_input_suggestions"]
Example 3 View on Page
The form field does not have an accessible name
Mode: light
<ul id="c_254950014998400_input_suggestions" class="search-suggestion" role="listbox" style="top: 0px; width: 0px;" />
XPath: /ul[@id="c_254950014998400_input_suggestions"]
Example 4 View on Page
The form field does not have an accessible name
Mode: light
<ul id="p-keywords-23333_input_suggestions" class="search-suggestion" role="listbox" style="top: 70px; width: 620px;" />
XPath: /ul[@id="p-keywords-23333_input_suggestions"]
Example 5 View on Page
The form field does not have an accessible name
Mode: light
<button tabindex="0" role="switch" aria-checked="false" class="qc-cmp2-toggle css-w01txj">...</button>
XPath: /button[@class="qc-cmp2-toggle css-w01txj"]
7 Moderate alfa SIA-R18: ARIA states are consistent with element semantics
7 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 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
7 Moderate alfa SIA-R40
2 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-mo292up0gclh0" role="region" aria-roledescription="carousel">...</div>
XPath: /div[@id="carousel-mo292up0gclh0"]
Example 2 View on Page
The region does not have an accessible name
Mode: light
<div role="region" aria-live="polite" id="chakra-toast-manager-top" style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column; margin: 0px auto; top: env(safe-area-inset-top, 0px); right: env(safe-area-inset-right, 0px); left: env(safe-area-inset-left, 0px);" />
XPath: /div[@id="chakra-toast-manager-top"]
Example 3 View on Page
The region does not have an accessible name
Mode: light
<div role="region" aria-live="polite" id="chakra-toast-manager-top-left" style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column; top: env(safe-area-inset-top, 0px); left: env(safe-area-inset-left, 0px);" />
XPath: /div[@id="chakra-toast-manager-top-left"]
Example 4 View on Page
The region does not have an accessible name
Mode: light
<div role="region" aria-live="polite" id="chakra-toast-manager-top-right" style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column; top: env(safe-area-inset-top, 0px); right: env(safe-area-inset-right, 0px);" />
XPath: /div[@id="chakra-toast-manager-top-right"]
Example 5 View on Page
The region does not have an accessible name
Mode: light
<div role="region" aria-live="polite" id="chakra-toast-manager-bottom-left" style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column; bottom: env(safe-area-inset-bottom, 0px); left: env(safe-area-inset-left, 0px);" />
XPath: /div[@id="chakra-toast-manager-bottom-left"]
6 Moderate alfa SIA-R86: Page has a mechanism to bypass repeated blocks of content
5 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 src="https://oc-cdn-public-gbr.azureedge.net/livechatwidget/v2public/htmls/chatv2.html?data-app-id=aa522f03-ca5d-4031-be56-f8e7b1ebb8ec&data-org-id=864c2b1a-e808-4735-86db-1295ea4d77be&data-org-url=https://unq864c2b1ae808473586db1295ea4d7-crm11.omnichannelengagementhub.com&hostname=www.aberdeenshire.gov.uk&data-lcw-version=prod" name="Microsoft_Omnichannel_LCWidget_Chat_Iframe_Window" id="Microsoft_Omnichannel_LCWidget_Chat_Iframe_Window" title="Chat Widget" allow="microphone *; camera *; geolocation *; autoplay;" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" height="0px" width="0px" role="presentation" style="position: fixed; border-width: 0px; z-index: 999999;" />
XPath: /iframe[@id="Microsoft_Omnichannel_LCWidget_Chat_Iframe_Window"]
Example 2 View on Page
The element is marked as decorative but is exposed
Mode: light
<iframe src="https://oc-cdn-public-gbr.azureedge.net/livechatwidget/v2public/htmls/chatv2.html?data-app-id=91ac734d-d8ca-4052-8ed0-006b4bff52aa&data-org-id=a06f0de9-31e3-ee11-9046-6045bdf13ea0&data-org-url=https://m-a06f0de9-31e3-ee11-9046-6045bdf13ea0.uk.omnichannelengagementhub.com&hostname=www.barnsley.gov.uk&data-lcw-version=prod&data-color-override=%23283483&data-customization-callback=%7B%22chatButtonProps%22%3A%7B%22controlProps%22%3A%7B%22hideChatTextContainer%22%3A%22true%22%7D%2C%22styleProps%22%3A%7B%22iconStyleProps%22%3A%7B%22backgroundImage%22%3A%22url(https%3A%2F%2Fwww.barnsley.gov.uk%2Fmedia%2Frrtlbpts%2Fchat-bubbles.png)%22%7D%2C%22generalStyleProps%22%3A%7B%22minWidth%22%3A%2260px%22%2C%22width%22%3A%2260px%22%2C%22height%22%3A%2260px%22%7D%7D%7D%2C%22styleProps%22%3A%7B%22generalStyles%22%3A%7B%22borderRadius%22%3A%2215px%2015px%2015px%2015px%22%7D%7D%2C%22loadingPaneProps%22%3A%7B%22controlProps%22%3A%7B%22titleText%22%3A%22Chat%20to%20B-Bot%22%2C%22hideSubtitle%22%3A%22true%22%7D%2C%22styleProps%22%3A%7B%22generalStyleProps%22%3A%7B%22borderRadius%22%3A%220%200%2015px%2015px%22%7D%2C%22iconImageProps%22%3A%7B%22src%22%3A%22https%3A%2F%2Fwww.barnsley.gov.uk%2Fmedia%2Frrtlbpts%2Fchat-bubbles.png%22%7D%7D%7D%2C%22headerProps%22%3A%7B%22controlProps%22%3A%7B%22headerIconProps%22%3A%7B%22src%22%3A%22https%3A%2F%2Fwww.barnsley.gov.uk%2Fmedia%2Frrtlbpts%2Fchat-bubbles.png%22%7D%7D%2C%22styleProps%22%3A%7B%22generalStyleProps%22%3A%7B%22borderRadius%22%3A%2215px%2015px%200%200%22%7D%7D%7D%2C%22footerProps%22%3A%7B%22styleProps%22%3A%7B%22generalStyleProps%22%3A%7B%22borderRadius%22%3A%220%200%2015px%2015px%22%7D%7D%7D%2C%22webChatContainerProps%22%3A%7B%22webChatStyles%22%3A%7B%22backgroundColor%22%3A%22white%22%2C%22bubbleBackground%22%3A%22%23F2F3F6%22%2C%22bubbleFromUserBackground%22%3A%22%23bbe4f8%22%2C%22bubbleBorderWidth%22%3A0%2C%22bubbleFromUserBorderWidth%22%3A0%2C%22bubbleBorderRadius%22%3A%220%2010px%2010px%2010px%20!important%22%2C%22bubbleFromUserBorderRadius%22%3A%2210px%200%2010px%2010px%22%2C%22bubbleTextColor%22%3A%22black%22%2C%22bubbleFromUserTextColor%22%3A%22black%22%2C%22suggestedActionLayout%22%3A%22flow%22%2C%22suggestedActionHeight%22%3A30%2C%22suggestedActionBackgroundColor%22%3A%22white%22%2C%22suggestedActionBackgroundColorOnHover%22%3A%22%23bbe4f8%22%2C%22suggestedActionTextColor%22%3A%22black%22%2C%22suggestedActionBorderWidth%22%3A1%2C%22suggestedActionBorderRadius%22%3A%2210px%200%2010px%2010px%22%2C%22suggestedActionBorderColor%22%3A%22%23bbe4f8%22%2C%22paddingWide%22%3A10%7D%2C%22adaptiveCardStyles%22%3A%7B%22background%22%3A%22%23F2F3F6%22%2C%22color%22%3A%22black%22%7D%2C%22renderingMiddlewareProps%22%3A%7B%22avatarStyleProps%22%3A%7B%22backgroundImage%22%3A%22url('https%3A%2F%2Fwww.barnsley.gov.uk%2Fmedia%2Fhwhjgyf4%2Fbarnsley-council-coat-of-arms-blue-background.png')%22%2C%22backgroundSize%22%3A%22cover%22%7D%2C%22avatarTextStyleProps%22%3A%7B%22display%22%3A%22none%22%7D%2C%22receivedMessageAnchorStyles%22%3A%7B%22color%22%3A%22blue%22%2C%22filter%22%3A%22invert(100%25)%22%7D%7D%7D%7D" name="Microsoft_Omnichannel_LCWidget_Chat_Iframe_Window" id="Microsoft_Omnichannel_LCWidget_Chat_Iframe_Window" title="Chat Widget" allow="microphone *; camera *; geolocation *; autoplay;" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" height="0px" width="0px" role="presentation" style="position: fixed; border-width: 0px; z-index: 999999;" />
XPath: /iframe[@id="Microsoft_Omnichannel_LCWidget_Chat_Iframe_Window"]
Example 3 View on Page
The element is marked as decorative but is exposed
Mode: light
<button type="button" role="presentation" class="owl-prev" tabindex="-1">...</button>
XPath: /button[@class="owl-prev"]
Example 4 View on Page
The element is marked as decorative but is exposed
Mode: light
<button type="button" role="presentation" class="owl-next" tabindex="-1">...</button>
XPath: /button[@class="owl-next"]
Example 5 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-r9zdufswi7js" 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=6LeNasorAAAAADmMylHtU2hw4pn8JchOO0-_5sEP&co=aHR0cHM6Ly93d3cuZGFybGluZ3Rvbi5nb3YudWs6NDQz&hl=en&v=gTpTIWhbKpxADzTzkcabhXN4&size=invisible&anchor-ms=20000&execute-ms=30000&cb=iszrje7azmvz" />
XPath: /iframe
6 Minor alfa SC 4.1.1 A Visual Cognitive SIA-R1: id attributes are unique within the document
6 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.1 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 document does not have a `<title>` element
Mode: light
Example 2 View on Page
The document does not have a `<title>` element
Mode: light
Example 3 View on Page
The document does not have a `<title>` element
Mode: light
Example 4 View on Page
The document does not have a `<title>` element
Mode: light
Example 5 View on Page
The document does not have a `<title>` element
Mode: light
6 Moderate alfa SIA-R79
6 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

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 style="word-wrap: break-word; white-space: pre-wrap;">403 Forbidden</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 style="word-wrap: break-word; white-space: pre-wrap;">403 forbidden</pre>
XPath: /pre
Example 3 View on Page
The element has no <figure> ancestor and has text which not inside a <code>, <kbd> or <samp> element.
Mode: light
<pre style="word-wrap: break-word; white-space: pre-wrap;">403 forbidden</pre>
XPath: /pre
Example 4 View on Page
The element has no <figure> ancestor and has text which not inside a <code>, <kbd> or <samp> element.
Mode: light
<pre style="word-wrap: break-word; white-space: pre-wrap;">403 Forbidden</pre>
XPath: /pre
Example 5 View on Page
The element has no <figure> ancestor and has text which not inside a <code>, <kbd> or <samp> element.
Mode: light
<pre style="word-wrap: break-word; white-space: pre-wrap;">403 forbidden</pre>
XPath: /pre
6 Moderate alfa SIA-R17
4 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element is either tabbable or has tabbable descendants
Mode: light
<li class="gi-carousel__slide gi-carousel__slide--right" id="c_254950070124800slide1" aria-hidden="true">...</li>
XPath: /li[@id="c_254950070124800slide1"]
Example 2 View on Page
The element is either tabbable or has tabbable descendants
Mode: light
<li class="gi-carousel__slide" id="c_254950070124800slide2" aria-hidden="true">...</li>
XPath: /li[@id="c_254950070124800slide2"]
Example 3 View on Page
The element is either tabbable or has tabbable descendants
Mode: light
<li class="gi-carousel__slide gi-carousel__slide--left" id="c_254950070124800slide3" aria-hidden="true">...</li>
XPath: /li[@id="c_254950070124800slide3"]
Example 4 View on Page
The element is either tabbable or has tabbable descendants
Mode: light
<li class="slide" aria-roledescription="slide" aria-label="2 of 5" aria-hidden="true" style="background-image: url('https://cbccrmdata.blob.core.windows.net/noteattachment/CBC-null-garden-waste-banner-CCC_Garden Waste Web Banner.jpg')">...</li>
XPath: /li[@class="slide"]
Example 5 View on Page
The element is either tabbable or has tabbable descendants
Mode: light
<li data-slideshow-slide="html" aria-hidden="true" style="height: 552.922px;">...</li>
XPath: /li
5 Moderate alfa SIA-R9
5 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
Example 4 View on Page
The refresh or redirect is delayed
Mode: light
<meta http-equiv="refresh" content="360" />
XPath: /meta
Example 5 View on Page
The refresh or redirect is delayed
Mode: light
<meta http-equiv="refresh" content="360" />
XPath: /meta
5 Moderate alfa SIA-R96
5 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
Example 4 View on Page
The refresh or redirect is delayed
Mode: light
<meta http-equiv="refresh" content="360" />
XPath: /meta
Example 5 View on Page
The refresh or redirect is delayed
Mode: light
<meta http-equiv="refresh" content="360" />
XPath: /meta
4 Serious alfa SC 1.4.1 A Visual Cognitive SIA-R62: Links are visually distinguishable from surrounding text
3 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="/community/events/?event=3903">Fostering recruitment events</a>
XPath: /a
Example 2 View on Page
The link is not distinguishable from the surrounding text
Mode: light
<a href="https://twitter.com/IoSCouncil">X (formerly Twitter)</a>
XPath: /a
Example 3 View on Page
The link is not distinguishable from the surrounding text
Mode: light
<a title="Council Tax charges" class="sys_0 sys_t0" href="/CouncilTax/Council-Tax-charges/Council-Tax-charges.aspx">Charges</a>
XPath: /a[@class="sys_0 sys_t0"]
Example 4 View on Page
The link is not distinguishable from the surrounding text
Mode: light
<a title="Tourism & Events" class="sys_16" href="/Leisure-Culture-Tourism/Tourism--Events/Home.aspx">Tourism & what's on</a>
XPath: /a[@class="sys_16"]
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

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 href="https://www.clacks.gov.uk/maps/schoolcatchments/"> </a>
XPath: /a
Example 3 View on Page
The link does not have an accessible name
Mode: light
<a class="sys_16" href="https://www.facebook.com/doverdc">...</a>
XPath: /a[@class="sys_16"]
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
<img class="img-fluid lazyloaded" data-src="/media/j4ba43v1/groove.webp" src="/media/j4ba43v1/groove.webp" />
XPath: /img[@class="img-fluid lazyloaded"]
2 Moderate alfa SIA-R13
2 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The `<iframe>` does not have an accessible name
Mode: light
<iframe width="356" height="200" src="https://www.youtube.com/embed/videoseries?list=PLw5vyvPvkBOrEbqjWYKMvdlKpaJI9s3V7" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="" />
XPath: /iframe
Example 2 View on Page
The `<iframe>` does not have an accessible name
Mode: light
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fbroxtoweboroughcouncil&tabs=timeline&width=350&height=275&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="350" height="275" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" />
XPath: /iframe
2 Serious alfa SC 1.3.1 A Visual Cognitive SIA-R42: Elements with an explicit ARIA role have the required parent element
1 pages affected

Rule Information

Engine: alfa

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
The element is not owned by an element of its required context role
Mode: light
<button role="listitem" class="qc-cmp2-list-item-header" aria-live="polite">...</button>
XPath: /button[@class="qc-cmp2-list-item-header"]
Example 2 View on Page
The element is not owned by an element of its required context role
Mode: light
<p class="qc-cmp2-list-item-title" role="listitem">...</p>
XPath: /p[@class="qc-cmp2-list-item-title"]
2 Moderate alfa SIA-R47
2 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The `<meta>` element restricts the ability to zoom
Mode: light
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
XPath: /meta
Example 2 View on Page
The `<meta>` element restricts the ability to zoom
Mode: light
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
XPath: /meta
1 Moderate alfa Best Practice SIA-R85: Paragraphs of text are not all italics
1 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer, Content Author

Blocking: No

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
The text of the paragraph is all italic
Mode: light
<p class="fst-italic fw-bold strapline">from mountain to sea... the very best of Scotland!</p>
XPath: /p[@class="fst-italic fw-bold strapline"]
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"]
1 Moderate alfa SIA-R90: iframe elements have an accessible name
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element has tabbable descendants
Mode: light
<div class="mainimagediv" role="img" aria-label="Image of the library in the Speirs Centre" style="background: #fff url(/images/fpfeature/banner1.jpg) no-repeat center center;">...</div>
XPath: /div[@class="mainimagediv"]
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> </h2>
XPath: /h2
1 Moderate alfa SIA-R60
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The grouping element has an accessible name
Mode: light
<div role="radiogroup" class="chakra-radio-group ehq-contentsecuritypolicy-0">...</div>
XPath: /div[@class="chakra-radio-group ehq-contentsecuritypolicy-0"]
1 Moderate alfa SIA-R95
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The iframe has a negative tabindex
Mode: light
<iframe title="Opens a widget where you can find more information" id="launcher" tabindex="-1" style="color-scheme: light; width: 114px; height: 50px; padding: 0px; margin: 10px 20px; position: fixed; bottom: 30px; overflow: visible; opacity: 0; border: 0px; z-index: 999998; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-property: opacity, top, bottom; top: -9999px; visibility: hidden;" />
XPath: /iframe[@id="launcher"]

🔧 Most Common Issues (axe)

33 rules
321 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.
66 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
<div class="text-black bold" style="flex: 1 0 300px; margin: 15px;">
XPath: .text-black
Example 2 View on Page
All page content should be contained by landmarks
Mode: dark
<div class="text-black bold" style="flex: 1 0 300px; margin: 15px;">
XPath: .text-black
Example 3 View on Page
All page content should be contained by landmarks
Mode: light
<div class="container">
XPath: body > .container
Example 4 View on Page
All page content should be contained by landmarks
Mode: light
<span class="lgtext"> View a planning application </span>
XPath: #firstUpperLgLink > .lgtext
Example 5 View on Page
All page content should be contained by landmarks
Mode: light
<span class="lgtext"> Bin collection dates </span>
XPath: .container:nth-child(1) > .row > .lgitem.col-md-4.col-sm-6:nth-child(2) > .lglink > .lgtext
44 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.
5 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

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" aria-pressed="false" class="qc-usp-close-icon"></button>
XPath: .qc-usp-close-icon
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">OFF</p><p class="text on">ON</p></button>
XPath: .qc-cmp2-expandable-info:nth-child(1) > .qc-cmp2-toggle-switch > .css-w01txj.qc-cmp2-toggle[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">OFF</p><p class="text on">ON</p></button>
XPath: .qc-cmp2-expandable-info:nth-child(2) > .qc-cmp2-toggle-switch > .css-w01txj.qc-cmp2-toggle[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">OFF</p><p class="text on">ON</p></button>
XPath: .qc-cmp2-expandable-info:nth-child(3) > .qc-cmp2-toggle-switch > .css-w01txj.qc-cmp2-toggle[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">OFF</p><p class="text on">ON</p></button>
XPath: .qc-cmp2-expandable-info:nth-child(4) > .qc-cmp2-toggle-switch > .css-w01txj.qc-cmp2-toggle[role="switch"]
25 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.
9 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
<a href="/cookies/" target="_blank">Cookie Policy.</a>
XPath: p > a[href$="cookies/"]
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<button class="accept-all st-button st-button--primary" aria-label="Accept all cookies">Accept all</button>
XPath: .accept-all
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<button class="reject-all st-button st-button--primary">Reject non-essential</button>
XPath: .reject-all
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<span>Preferences</span>
XPath: .preferences > span
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: dark
<a href="/cookies/" target="_blank">Cookie Policy.</a>
XPath: p > a[href$="cookies/"]
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"]
23 Moderate axe landmark-unique
18 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
<header class="page-topic visuallyhidden"> <h1>Home</h1> </header>
XPath: .page-topic
Example 2 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<footer>
XPath: footer
Example 3 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<nav class="primary-nav show-for-large">
XPath: nav
Example 4 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<div role="banner">
XPath: .dialog-off-canvas-main-canvas > div[role="banner"]
Example 5 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<nav id="top-nav">
XPath: #top-nav
21 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.
21 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Affected Pages

Examples

Example 1 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 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><head><title>403 Forbidden</title></head> <body> <center><h1>403 Forbidden</h1></center> </body></html>
XPath: html
Example 5 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
16 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.
6 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: ⚠️ Yes (Task-Blocking)

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
Example 4 View on Page
Elements should not have tabindex greater than zero
Mode: light
<div id="_com_placecube_cookieconsent_web_portlet_CookieConsentPortlet_cookie-consent-close" class="cookie-consent_close" tabindex="3" role="button" aria-labelledby="_com_placecube_cookieconsent_web_portlet_CookieConsentPortlet_cookie-consent-close-label">
XPath: #_com_placecube_cookieconsent_web_portlet_CookieConsentPortlet_cookie-consent-close
Example 5 View on Page
Elements should not have tabindex greater than zero
Mode: light
<a href="#" id="_com_placecube_cookieconsent_web_portlet_CookieConsentPortlet_acceptAllCookies" class="btn btn-primary btn-cookie-consent mr-2" data-cookie-consent="true" tabindex="1"> Accept all cookies </a>
XPath: #_com_placecube_cookieconsent_web_portlet_CookieConsentPortlet_acceptAllCookies
15 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.
15 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><head><title>403 Forbidden</title></head> <body> <center><h1>403 Forbidden</h1></center> </body></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
14 Moderate axe aria-allowed-role
9 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
ARIA role should be appropriate for the element
Mode: light
<h2 onclick="launchSupport()" tabindex="0" role="button" id="test-button" style="background-color:#051af6; color:#f8f8fd; cursor:pointer; text-align:center; overflow:auto;">Webchat</h2>
XPath: #test-button
Example 2 View on Page
ARIA role should be appropriate for the element
Mode: light
<input class="form-control searchBox ui-autocomplete-input" id="topsearch" name="term" title="search" value="" type="search" placeholder="What are you looking for?" aria-label="Search" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
XPath: #topsearch
Example 3 View on Page
ARIA role should be appropriate for the element
Mode: light
<input type="text" id="autofill" class="modal-focus" tabindex="-1" aria-label="Hidden Input Field" role="navigation">
XPath: #autofill
Example 4 View on Page
ARIA role should be appropriate for the element
Mode: light
<input aria-label="Search" autocomplete="off" data-qa-id="searchInput" name="q" placeholder="Search..." title="Search" class="form-control input-group-inset input-group-inset-after search-bar-keywords-input" type="text" value="" role="search">
XPath: .form-control
Example 5 View on Page
ARIA role should be appropriate for the element
Mode: light
<a href="/waste-and-recycling/household-waste/food-waste-collections/" class="item" role="group" aria-roledescription="slide" aria-label="1 of 1" tabindex="0">
XPath: .item
13 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.
11 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 class="title">Bins &amp; Recycling</h3>
XPath: a[href$="bins/"] > .title-block > .title
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="services-menu-title">Services</h3>
XPath: .services-menu-title
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h3><a href="/residents/social-care-and-health/adults-and-older-people/support-to-live-independently/bristol-community-meals">Meal delivery and wellbeing service</a></h3>
XPath: .col.bfeditor_area:nth-child(1) > .snippet_element[data-key="plain_text"][data-type="plain_text.html"] > .field_1 > .comms-box > .comms-text > h3
Example 4 View on Page
Heading levels should only increase by one
Mode: light
<h4>Follow us:</h4>
XPath: h4
Example 5 View on Page
Heading levels should only increase by one
Mode: light
<h6 class="center centh">Feedback &amp; Share</h6>
XPath: h6
10 Moderate axe SC 2.2.1 A Motor Cognitive meta-refresh
5 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"]
9 Moderate axe aria-dialog-name
8 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="modal fade show" id="newsletterPopup" tabindex="-1" role="dialog" aria-labelledby="deleteAccountModalLabel" aria-modal="true" style="display: block;">
XPath: #newsletterPopup
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-describedby="prefix-overlay-step1" style="height: 350px;">
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-describedby="prefix-overlay-step1" style="height: 350px;">
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-labelledby="#prefix-overlay-header" aria-describedby="#prefix-overlay-step1">
XPath: #prefix-overlay-outer
8 Moderate axe landmark-banner-is-top-level
3 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 data-sitewide-alert="" role="banner"></div>
XPath: div[data-sitewide-alert=""]
Example 2 View on Page
Banner landmark should not be contained in another landmark
Mode: light
<div id="headerWrapper" class="" role="banner">
XPath: #headerWrapper
Example 3 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 4 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 5 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
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>
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
<footer class="flexibleblocks-block accordions __smallmargin" aria-labelledby="somethingWrongTitle">
XPath: .accordions
Example 4 View on Page
Document should not have more than one contentinfo landmark
Mode: light
<footer class="footerupper">
XPath: .fullfooter:nth-child(11) > .container > footer
Example 5 View on Page
Document should not have more than one contentinfo landmark
Mode: light
<footer id="footer" class="clearfix">
XPath: #footer
7 Moderate axe page-has-heading-one
7 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>
XPath: html
Example 2 View on Page
Page should contain a level-one heading
Mode: light
<html lang="en" class="h-full">
XPath: html
Example 3 View on Page
Page should contain a level-one heading
Mode: light
<html><head></head><body></body></html>
XPath: html
Example 4 View on Page
Page should contain a level-one heading
Mode: light
<html lang="en" dir="ltr" xmlns:content="http://purl.org/rss/..." xmlns:dc="http://purl.org/dc/t..." xmlns:foaf="http://xmlns.com/foa..." xmlns:og="http://ogp.me/ns#" xmlns:rdfs="http://www.w3.org/20..." xmlns:sioc="http://rdfs.org/sioc..." xmlns:sioct="http://rdfs.org/sioc..." xmlns:skos="http://ww ...>
XPath: html
Example 5 View on Page
Page should contain a level-one heading
Mode: light
<html><head></head><body></body></html>
XPath: html
6 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.
4 pages affected

Rule Information

Engine: axe

Roles: Content Author, Front-End Developer

Blocking: No

WCAG: SC 1.3.1 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
<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
Example 3 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ul class="flex items-center justify-end list-none gap-4">
XPath: .justify-end.list-none.gap-4
Example 4 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ul style="margin:0px;padding-left:0;list-style:square;">
XPath: .col-lg-6:nth-child(5) > ul
Example 5 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
6 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 placeholder="Enter your email address" name="e" type="email" required="" id="prefix-emailInput" title="Enter your email address">
XPath: #prefix-emailInput
Example 4 View on Page
Form elements should have a visible label
Mode: light
<input aria-describedby="SiteSearchAutocomple..." aria-expanded="false" aria-controls="SiteSearchAutocomple..." aria-autocomplete="list" autocomplete="off" class="autocomplete__input ..." id="SiteSearchAutocomple..." name="input-autocomplete" placeholder="Search our site" type="text" role="combobox" ...>
XPath: #SiteSearchAutocomplete
Example 5 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
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.
5 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="page-topic visuallyhidden"> <h1>Home</h1> </header>
XPath: .page-topic
Example 2 View on Page
Document should not have more than one banner landmark
Mode: light
<div role="banner">
XPath: .dialog-off-canvas-main-canvas > div[role="banner"]
Example 3 View on Page
Document should not have more than one banner landmark
Mode: light
<header class="govuk-header-Home" data-module="govuk-header">
XPath: header
Example 4 View on Page
Document should not have more than one banner landmark
Mode: light
<header class="[ header ]">
XPath: header
Example 5 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
4 Moderate axe SC 4.1.2 A Visual Motor Cognitive aria-prohibited-attr
2 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

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
Elements must only use permitted ARIA attributes
Mode: light
<div data-v-7ebded27="" data-v-f4d8426e="" class="wa-button is-accessible" tabindex="0" aria-label="Close Web Assistant" style="background: rgb(204, 102, 51); width: 64px; height: 64px; margin: 14px 14px 20px auto;">
XPath: #connect-frame
Example 2 View on Page
Elements must only use permitted ARIA attributes
Mode: dark
<div data-v-7ebded27="" data-v-f4d8426e="" class="wa-button is-accessible" tabindex="0" aria-label="Close Web Assistant" style="background: rgb(204, 102, 51); width: 64px; height: 64px; margin: 14px 14px 20px auto;">
XPath: #connect-frame
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: .wp-block-column:nth-child(1) > .wp-block-embed.is-type-rich.is-provider-youtube > .wp-block-embed__wrapper > iframe
Example 4 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[title="Discover Brentwood"]
4 Moderate axe SC 1.3.1 A Visual Cognitive aria-required-children
4 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
<ul class="navbar-blank navbar-nav navbar-site" role="menubar">
XPath: .navbar-blank
Example 2 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
Example 3 View on Page
Certain ARIA roles must contain particular children
Mode: light
<ul class="navbar-blank navbar-nav navbar-site" role="menubar">
XPath: .navigation-wrapper > .navbar-blank.navbar-nav.navbar-site
Example 4 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
4 Moderate axe SC 1.3.1 A Visual Cognitive aria-required-parent
2 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-live="polite">
XPath: #\31 > .qc-cmp2-list-item-header[aria-live="polite"][role="listitem"]
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"]
Example 3 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 4 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"]
3 Moderate axe meta-viewport-large
3 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.0, maximum-scale=2.0">
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,maximum-scale=2,user-scalable=1,viewport-fit=cover">
XPath: meta[name="viewport"]
2 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.
2 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"]
Example 2 View on Page
Images must have alternative text
Mode: light
<img class="img-fluid lazyload" data-src="/media/j4ba43v1/groove.webp">
XPath: img[data-src$="groove.webp"]
2 Moderate axe SC 4.1.2 A Visual Motor Cognitive aria-command-name
2 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

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
ARIA commands must have an accessible name
Mode: light
<div class="dismiss-close" tabindex="0" role="button"></div>
XPath: .dismiss-close
Example 2 View on Page
ARIA commands must have an accessible name
Mode: light
<div id="oc-lcw-chat-button" dir="ltr" tabindex="0" role="button" class="ms-Stack css-110"><i aria-hidden="true" class="root-111" id="oc-lcw-chat-button-icon-container"></i></div>
XPath: #Microsoft_Omnichannel_LCWidget_Chat_Iframe_Window
2 Moderate axe SC 2.1.1, SC 2.1.3 A Motor scrollable-region-focusable
2 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 class="container" tabindex="-1">
XPath: nav > .container
Example 2 View on Page
Scrollable region must have keyboard access
Mode: light
<div id="CybotCookiebotDialogBodyContent" class="CybotCookiebotScrollArea">
XPath: #CybotCookiebotDialogBodyContent
2 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.
2 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="https://www.facebook..." width="350" height="275" style="border:none;overflow..." scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-...">
XPath: iframe
Example 2 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
2 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

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
Elements must only use supported ARIA attributes
Mode: light
<div class="hNav" aria-expanded="false">
XPath: .hNav
Example 2 View on Page
Elements must only use supported ARIA attributes
Mode: light
<div aria-expanded="false" class="collapse navbar-collapse" id="navigationCollapse">
XPath: #navigationCollapse
2 Serious axe SC 2.4.2 A Visual Cognitive document-title: Ensures every page has a descriptive <title> element. Screen reader users hear the page title first when navigating between pages.
2 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: No

WCAG: SC 2.4.2 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
Documents must have <title> element to aid in navigation
Mode: light
<html><head></head><body></body></html>
XPath: html
Example 2 View on Page
Documents must have <title> element to aid in navigation
Mode: light
<html><head></head><body></body></html>
XPath: html
1 Moderate axe landmark-contentinfo-is-top-level
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Contentinfo landmark should not be contained in another landmark
Mode: light
<p role="contentinfo">© 2026 Barnsley Metropolitan Borough Council. All rights reserved.</p>
XPath: p[role="contentinfo"]
1 Moderate axe image-redundant-alt
1 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 src="/_Nl7gMQ_ee646941-7b86-4296-9943-5c878e9a0963/static/img/i-menu.svg?db15b3ae7acd8b41c30d745afd93cf39" alt="Menu" class="i i--menu">
XPath: .i--menu
1 Moderate axe SC 4.1.2 A Visual Motor Cognitive nested-interactive
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

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
Interactive controls must not be nested
Mode: light
<div class="mainimagediv" role="img" aria-label="Image of the library in the Speirs Centre" style="background: #fff url(/images/fpfeature/banner1.jpg) no-repeat center center;">
XPath: .mainimagediv
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>&nbsp;</h2>
XPath: .sys_fourteen > h2

🔧 Most Common Issues (Equal Access)

75 rules
1162 Moderate equalAccess element_tabbable_unobscured: A tabbable element should not be entirely obscured by overlapping content
66 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a style="" href="https://www.ambervalley.gov.uk/council/data-protection/">
Example 2 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<input role="switch" tabindex="0" checked="checked" data-target="CybotCookiebotDialogBodyLevelButtonPreferencesInline" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" id="CybotCookiebotDialogBodyLevelButtonPreferences" type="checkbox">
Example 3 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<input role="switch" tabindex="0" checked="checked" data-target="CybotCookiebotDialogBodyLevelButtonStatisticsInline" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" id="CybotCookiebotDialogBodyLevelButtonStatistics" type="checkbox">
Example 4 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<input role="switch" tabindex="0" checked="checked" data-target="CybotCookiebotDialogBodyLevelButtonMarketingInline" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" id="CybotCookiebotDialogBodyLevelButtonMarketing" type="checkbox">
Example 5 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a class="" href="#" id="CybotCookiebotDialogBodyEdgeMoreDetailsLink">
943 Moderate equalAccess style_focus_visible: An element's focused state must be visually apparent
71 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button style="" aria-label="Set cookie preferences" class="ccc-icon--left ccc-icon--dark ccc-icon--highlight " id="ccc-icon" aria-expanded="false">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button aria-label="Search the website" id="basic-addon3" class="input-group-text" type="submit">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a class="btn-system btn" href="https://online.aberdeenshire.gov.uk/myAberdeenshire/AuthServices/SignIn">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a aria-label="Online services: Pay, Report, Request" class="btn w-100 btn-primary my-3 my-lg-5" href="/online-services">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a class="btn btn-primary" href="/news">
552 Moderate equalAccess element_tabbable_visible: A tabbable element must be visible on the page
50 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a style="color: white;" class="text-center text-white bg-[#742774] underline text-[18px] sr-only focus:not-sr-only" id="skipContents" href="#main-content">
Example 2 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a title="Aberdeenshire council home page" href="/">
Example 3 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<iframe style="position: fixed; border-width: 0px; z-index: 999999;" role="presentation" width="0px" height="0px" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen="true" allow="microphone *; camera *; geolocation *; autoplay;" title="Chat Widget" id="Microsoft_Omnichannel_LCWidget_Chat_Iframe_Window" name="Microsoft_Omnichannel_LCWidget_Chat_Iframe_Window" src="https://oc-cdn-public-gbr.azureedge.net/livechatwidget/v2public/htmls/chatv2.html?data-app-id=aa522f03-ca5d-4031-be56-f8e7b1ebb8ec&data-org-id=864c2b1a-e808-4735-86db-1295ea4d77be&data-org-url=https://unq864c2b1ae808473586db1295ea4d7-crm11.omnichannelengagementhub.com&hostname=www.aberdeenshire.gov.uk&data-lcw-version=prod">
Example 4 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a href="#page-content" class="sr-only sr-only-focusable">
Example 5 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<button class="ccc-notify-button ccc-link ccc-tabbable ccc-accept-button" id="ccc-recommended-settings">
409 Moderate equalAccess text_contrast_sufficient: Contrast ratio of text against its background must meet minimum requirements
31 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Text contrast of 3.23 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
Mode: light
<a href="#content">
Example 2 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 28.8px and weight of 700
Mode: light
<h2 class="popular-links">
Example 3 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 16px and weight of 700
Mode: light
<a aria-label="View planning applications" title="View planning applications" href="https://upa.aberdeenshire.gov.uk/online-applications/search.do">
Example 4 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 16px and weight of 700
Mode: light
<a aria-label="Bin dates for households" title="Bin dates for households" href="https://online.aberdeenshire.gov.uk/Apps/Waste-Collections/">
Example 5 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 16px and weight of 700
Mode: light
<a aria-label="Recycling centres and bookings" title="Recycling centres and bookings" href="/waste/recycling/household-waste-recycling-centre-hwrc-opening-times">
318 Moderate equalAccess aria_content_in_landmark: All content of the page should be contained within a landmark region
70 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Content is not within a landmark element
Mode: light
<a style="color: white;" class="text-center text-white bg-[#742774] underline text-[18px] sr-only focus:not-sr-only" id="skipContents" href="#main-content">
Example 2 View on Page
Content is not within a landmark element
Mode: light
<h2>
Example 3 View on Page
Content is not within a landmark element
Mode: light
<a aria-label="Planning and building" href="/planning">
Example 4 View on Page
Content is not within a landmark element
Mode: light
<a aria-label="Schools and learning" href="/schools">
Example 5 View on Page
Content is not within a landmark element
Mode: light
<a aria-label="Bins and recycling" href="/waste">
170 Moderate equalAccess text_block_heading: Blocks of text that serve as headings should be marked up as headings
61 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text 'from mountain to sea... the very best of Scotland!' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p class="fst-italic fw-bold strapline">
Example 2 View on Page
Confirm this text 'Tell us whether you accept cookies' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="cookie-banner__message">
Example 3 View on Page
Confirm this text 'What's happening' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="card-deck-small card-deck-container mb-1 pb-1">
Example 4 View on Page
Confirm this text 'Have your say' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="card-container-large card-deck-container mb-1 pb-1">
Example 5 View on Page
Confirm this text 'Necessary' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div id="CybotCookiebotDialogBodyFieldsetInnerContainer">
158 Moderate equalAccess input_label_visible: An input element must have an associated visible label
62 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The input element does not have an associated visible label
Mode: light
<button style="" aria-label="Set cookie preferences" class="ccc-icon--left ccc-icon--dark ccc-icon--highlight " id="ccc-icon" aria-expanded="false">
Example 2 View on Page
The ‘placeholder’ is the only visible label
Mode: light
<input aria-describedby="basic-addon3" aria-label="Search this website" placeholder="Search this website" name="Query" class="form-control" type="text">
Example 3 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Toggle navigation" aria-expanded="false" aria-controls="navbar" data-target="#navbar" data-toggle="collapse" type="button" class="navbar-toggler d-print-none">
Example 4 View on Page
The ‘placeholder’ is the only visible label
Mode: light
<input autocomplete="off" accesskey="4" title="Search here" aria-label="Search" placeholder="Search for..." type="search" id="cludo-search-input" class="form-control">
Example 5 View on Page
The input element does not have an associated visible label
Mode: light
<input value="More" class="moreLessButton" type="button" id="btnMore">
147 Moderate equalAccess widget_tabbable_exists
8 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Component with "button" role does not have a tabbable element
Mode: light
<span onclick="toggleNav()" role="button" class="hamburger fullscreen">
Example 2 View on Page
Component with "link" role does not have a tabbable element
Mode: light
<a tabindex="-1" title="close" href="#">
Example 3 View on Page
Component with "link" role does not have a tabbable element
Mode: light
<a tabindex="-1" href="/benefits-and-support/">
Example 4 View on Page
Component with "link" role does not have a tabbable element
Mode: light
<a tabindex="-1" href="/building-control/">
Example 5 View on Page
Component with "link" role does not have a tabbable element
Mode: light
<a tabindex="-1" href="/business-licensing-and-investment/">
130 Moderate equalAccess element_attribute_deprecated: Deprecated HTML attributes should not be used
74 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="default-src 'self' data: wss://*.skype.com https://*.skype.com *.data.microsoft.com *.omnichannelengagementhub.com https://accdevb2c.b2clogin.com/ https://acctstb2c.b2clogin.com/ https://*.aberdeencity.gov.uk https://*.azure.com https://*.cdn.office.net https://dc.services.visualstudio.com https://*.googleapis.com https://*.google-analytics.com *.cloudflare.com https://*.gstatic.com; script-src 'self' 'unsafe-eval' 'unsafe-inline' https://js.monitor.azure.com *.googleapis.com *.cloudflare.com *.googletagmanager.com translate.google.com *.omnichannelengagementhub.com https://unpkg.com https://*.azureedge.net https://oc-cdn-ocprod.azureedge.net; object-src 'none'; child-src 'self' blob: https://accdevb2c.b2clogin.com/ https://acctstb2c.b2clogin.com/ https://oc-cdn-ocprod.azureedge.net https://www.youtube.com *.omnichannelengagementhub.com https://*.aberdeencity.gov.uk; style-src 'self' 'unsafe-inline' *.googleapis.com *.cloudflare.com https://www.gstatic.com ; img-src 'self' data: https://*.aberdeencity.gov.uk https://*.gstatic.com https://www.google.com https://translate.google.com *.googletagmanager.com https://*.googleapis.com https://aberdeen-staging-d10.councilplatform.com/ https://aberdeen.councilplatform.com/;" http-equiv="Content-Security-Policy">
Example 2 View on Page
The HTML attribute(s) "charset" is deprecated for the <link> element in HTML 5
Mode: light
<link href="https://www.gstatic.com/_/translate_http/_/ss/k=translate_http.tr.zZZZhVqDDCw.L.W.O/am=AAA4/d=0/rs=AN8SPfpXOODejAwfpX0HXTmGDSoEuMBUiQ/m=el_main_css" charset="UTF-8" rel="stylesheet" type="text/css">
Example 3 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="IE=edge" http-equiv="X-UA-Compatible">
Example 4 View on Page
The HTML attribute(s) "color" is deprecated in HTML 5
Mode: light
<link href="/safari-pinned-tab.svg" color="#2d89ef" rel="mask-icon">
Example 5 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="IE=edge" http-equiv="X-UA-Compatible">
119 Moderate equalAccess style_background_decorative
19 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style>
Example 2 View on Page
Verify the CSS background image does not convey important information
Mode: light
<input placeholder="How can we help you today?" style="width: 100%; padding: 0px; border: none; margin: 0px; height: auto; background: url("https://www.google.com/cse/static/images/1x/en/branding.png") left center no-repeat rgb(255, 255, 255); outline: none;" spellcheck="false" dir="ltr" id="gsc-i-id1" aria-label="search" title="search" name="search" class="gsc-input" size="10" type="text" autocomplete="off">
Example 3 View on Page
Verify the CSS background image does not convey important information
Mode: light
<section style="background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) center center / cover, url("../images/homepage-hero/barnsley-3.jpg");" aria-label="Search and taskbar" id="home-content-gradient" class="container--home-content">
Example 4 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style scoped="">
Example 5 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style type="text/css">
98 Moderate equalAccess svg_graphics_labelled: SVG graphics must have an accessible name describing their purpose
34 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The SVG element has no accessible name
Mode: light
<svg viewBox="0 0 66 66" height="96px" width="96px" class="VIpgJd-ZVi9od-aZ2wEe" xmlns="http://www.w3.org/2000/svg">
Example 2 View on Page
The SVG element has no accessible name
Mode: light
<svg class="feather feather-arrow-down-right me-2" stroke-linejoin="round" stroke-linecap="round" stroke-width="2" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="32" width="32" xmlns="http://www.w3.org/2000/svg">
Example 3 View on Page
The SVG element has no accessible name
Mode: light
<svg class="feather feather-arrow-down-right icon mt-3" stroke-linejoin="round" stroke-linecap="round" stroke-width="2" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="32" width="32" xmlns="http://www.w3.org/2000/svg">
Example 4 View on Page
The SVG element has no accessible name
Mode: light
<svg class="feather feather-arrow-down-right icon text-white" stroke-linejoin="round" stroke-linecap="round" stroke-width="2" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="32" width="32" xmlns="http://www.w3.org/2000/svg">
Example 5 View on Page
The SVG element has no accessible name
Mode: light
<svg class="feather feather-arrow-down-right me-1 icon" stroke-linejoin="round" stroke-linecap="round" stroke-width="2" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="45" width="45" xmlns="http://www.w3.org/2000/svg">
92 Moderate equalAccess style_highcontrast_visible: Elements must be visible in Windows High Contrast mode
91 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<html style="height: 100%;" lang="en">
Example 2 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" crossorigin="anonymous" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" rel="stylesheet">
Example 3 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<link href="/assets/css/styles.min.css?v=1.4.2" rel="stylesheet">
Example 4 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style id="CookieConsentStateDisplayStyles" type="text/css">
Example 5 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style type="text/css">
90 Moderate equalAccess style_color_misuse: Color must not be used as the only visual means of conveying information
90 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style>
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" crossorigin="anonymous" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" rel="stylesheet">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/safari-pinned-tab.svg" color="#2d89ef" rel="mask-icon">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/css/avmain.css" rel="stylesheet">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style type="text/css">
72 Moderate equalAccess aria_role_redundant: ARIA role is redundant with the native role of the element
26 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The explicitly-assigned ARIA role "main" is redundant with the implicit role of the element <main>
Mode: light
<main role="main" id="main">
Example 2 View on Page
The explicitly-assigned ARIA role "navigation" is redundant with the implicit role of the element <nav>
Mode: light
<nav aria-label="home page primary tasks navigation" role="navigation" class="nav-box pb-0">
Example 3 View on Page
The explicitly-assigned ARIA role "navigation" is redundant with the implicit role of the element <nav>
Mode: light
<nav aria-label="home page secondary tasks navigation" role="navigation" class="nav-box">
Example 4 View on Page
The explicitly-assigned ARIA role "banner" is redundant with the implicit role of the element <header>
Mode: light
<header role="banner" id="dp-header">
Example 5 View on Page
The explicitly-assigned ARIA role "contentinfo" is redundant with the implicit role of the element <footer>
Mode: light
<footer class="site-footer" role="contentinfo" id="footer">
51 Moderate equalAccess aria_landmark_name_unique
16 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Multiple elements with "banner" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<header class="page-topic visuallyhidden">
Example 2 View on Page
Multiple elements with "banner" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<header class="site-header-row clearfix" id="site-header-row">
Example 3 View on Page
Multiple elements with "form" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<div role="form" id="stickyRow">
Example 4 View on Page
Multiple elements with "form" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<form method="post" id="formc12dd3ba67994ff589e4d55e2ec72ebd" enctype="multipart/form-data" action="/">
Example 5 View on Page
Multiple elements with "navigation" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<nav id="top-nav">
48 Moderate equalAccess label_name_visible: The label text for an element must be visible
18 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<button class="navbar-toggle collapse in" title="Search Button" aria-label="Search" style="padding-top:5px; padding-bottom:5px" type="submit" id="btnOpenSearch">
Example 2 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<button tabindex="0" aria-label="Start Chat" class="acOpenButton-0-0-13 acButtonStyles-0-0-4 " id="amazon-connect-open-widget-button">
Example 3 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<input aria-label="Search" class="button js-form-submit form-submit" value="Apply" id="edit-submit-localgov-sitewide-search" type="submit" data-drupal-selector="edit-submit-localgov-sitewide-search">
Example 4 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<input aria-required="true" required="required" class="form-email required" maxlength="250" size="25" value="" name="email" id="edit-email" type="email" data-drupal-selector="edit-email" title="Please enter your email address" autocomplete="email" aria-label="Enter your email address" placeholder="email@example.com">
Example 5 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a style="height: 269.047px;" aria-describedby="399-summary 399-callToAction" aria-label="Find your bin or box collection day" href="/bins/collections" class="card-service">
39 Moderate equalAccess input_checkboxes_grouped
16 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify that this un-named, ungrouped checkbox input is not related to other checkboxes
Mode: light
<input aria-describedby="cc-optional-cookie-description-0" type="checkbox" class="checkbox-toggle-input">
Example 2 View on Page
Verify that this un-named, ungrouped checkbox input is not related to other checkboxes
Mode: light
<input aria-describedby="cc-optional-cookie-description-1" type="checkbox" class="checkbox-toggle-input">
Example 3 View on Page
Verify that this un-named, ungrouped checkbox input is not related to other checkboxes
Mode: light
<input aria-describedby="cc-optional-cookie-description-0" type="checkbox" class="checkbox-toggle-input">
Example 4 View on Page
Verify that this un-named, ungrouped checkbox input is not related to other checkboxes
Mode: light
<input aria-describedby="cc-optional-cookie-description-1" type="checkbox" class="checkbox-toggle-input">
Example 5 View on Page
Verify that this un-named, ungrouped checkbox input is not related to other checkboxes
Mode: light
<input aria-describedby="cc-optional-cookie-description-0" type="checkbox" class="checkbox-toggle-input">
36 Moderate equalAccess aria_form_label_unique
17 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<form data-drupal-form-fields="edit-keys" data-once="form-updated" accept-charset="UTF-8" id="views-exposed-form-search-content-solr-search-page" method="get" action="/search/content">
Example 2 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<form data-drupal-form-fields="edit-first-option-i-have-a-question,edit-first-option-theres-something-wrong-with-this-page,edit-webform-feedback-options-1,edit-webform-feedback-options-2,edit-webform-feedback-options-3,edit-webform-feedback-options-4,edit-webform-feedback-text,edit-actions-submit" data-once="form-updated webform-details-toggle webform-submit-once" accept-charset="UTF-8" id="webform-submission-feedback-node-227-add-form" method="post" action="/antibot" data-action="/" data-drupal-selector="webform-submission-feedback-node-227-add-form" class="webform-submission-form webform-submission-add-form webform-submission-feedback-form webform-submission-feedback-add-form webform-submission-feedback-node-227-form webform-submission-feedback-node-227-add-form js-webform-submit-once js-webform-details-toggle webform-details-toggle antibot">
Example 3 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<form accept-charset="utf-8" class="gsc-search-box gsc-search-box-tools">
Example 4 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<form action="" method="post" id="page-feedback">
Example 5 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<div role="form" id="stickyRow">
32 Moderate equalAccess target_spacing_sufficient
11 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Ensure the overlapped target "a" meets a minimum target size or has sufficient spacing from the overlapping target "button"
Mode: light
<a role="menuitem" aria-label="" target="" href="https://www.babergh.gov.uk" class="nav-link text-truncate">
Example 2 View on Page
Ensure the overlapped target "input" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light
<input id="prefix-consentPolicyInput" type="checkbox" name="consent">
Example 3 View on Page
Ensure the overlapped target "button" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light
<button aria-live="polite" role="listitem" class="qc-cmp2-list-item-header">
Example 4 View on Page
Undersized target "a" does not have sufficient spacing of 12 CSS pixels from another target "a"
Mode: light
<a href="https://www.castlepoint.gov.uk/report-it-header" class="nav-link text-truncate ">
Example 5 View on Page
Undersized target "a" does not have sufficient spacing of 12 CSS pixels from another target "a"
Mode: light
<a role="menuitem" aria-label="" target="" href="https://www.castlepoint.gov.uk/w/supporting-our-residents" class="nav-link text-truncate">
31 Moderate equalAccess element_tabbable_role_valid
21 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The tabbable element's role 'heading' is not a widget role
Mode: light
<h2 style="background-color:#051af6; color:#f8f8fd; cursor:pointer; text-align:center; overflow:auto;" id="test-button" role="button" tabindex="0" onclick="launchSupport()">
Example 2 View on Page
The tabbable element does not have a valid widget role
Mode: light
<span tabindex="0" title="Click to close" class="feedback-button feedback-button-close" id="feedback-button-close">
Example 3 View on Page
The tabbable element's role 'dialog' is not a widget role
Mode: light
<div aria-describedby="prefix-overlay-step1" aria-modal="true" role="dialog" tabindex="0" id="prefix-overlay-outer">
Example 4 View on Page
The tabbable element does not have a valid widget role
Mode: light
<div tabindex="2" class="site-logo">
Example 5 View on Page
The tabbable element does not have a valid widget role
Mode: light
<a tabindex="0" id="main-content">
29 Moderate equalAccess figure_label_exists
7 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="gi-responsiveimage gi-responsiveimage--item gi-responsiveimage--lazy" id="c_252151383357624">
Example 2 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="gi-responsiveimage gi-responsiveimage--item gi-responsiveimage--lazy" id="c_252151385103957">
Example 3 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="gi-responsiveimage gi-responsiveimage--item gi-responsiveimage--lazy" id="c_252151386519303">
Example 4 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="gi-responsiveimage gi-responsiveimage--item gi-responsiveimage--lazy" id="c_252151387955768">
Example 5 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="gi-responsiveimage gi-responsiveimage--item gi-responsiveimage--lazy" id="c_252151389523511">
26 Moderate equalAccess text_sensory_misuse: Instructions must not rely solely on sensory characteristics
23 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the word(s) 'below, lower, left, corner' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<span class="ccc-statement-description">
Example 2 View on Page
Confirm the user instruction is still understandable without the word(s) 'shape'
Mode: light
<div data-lfr-editable-type="rich-text" data-lfr-editable-id="03-content" class="clearfix mb-4">
Example 3 View on Page
Confirm the word(s) 'below' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p id="prefix-overlay-label">
Example 4 View on Page
Confirm the user instruction is still understandable without the word(s) 'Square'
Mode: light
<p>
Example 5 View on Page
Confirm the user instruction is still understandable without the word(s) 'shape'
Mode: light
<p class="is-style-default">
26 Moderate equalAccess element_id_unique: Element IDs must be unique within a page
7 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The <div> element has the id "3kvovx-interchange" that is already in use
Mode: light
<div style="background-image: url("/getmedia/a796f814-b961-4b90-9b5e-679759022406/Pic-85.jpg.aspx?w=1200&h=869&ext=.jpg&width=1024");" data-e="w1ifgu-e" id="3kvovx-interchange" data-resize="3kvovx-interchange" data-interchange=" [/getmedia/a796f814-b961-4b90-9b5e-679759022406/Pic-85.jpg.aspx?w=1200&h=869&ext=.jpg&width=640, small],[/getmedia/a796f814-b961-4b90-9b5e-679759022406/Pic-85.jpg.aspx?w=1200&h=869&ext=.jpg&width=1024, medium], [/getmedia/a796f814-b961-4b90-9b5e-679759022406/Pic-85.jpg.aspx?w=1200&h=869&ext=.jpg&width=1360, large] " class="item">
Example 2 View on Page
The <div> element has the id "6aesio-interchange" that is already in use
Mode: light
<div style="background-image: url("/getmedia/cce8c4bf-4ad1-409c-b227-e75cfd3a5493/Pic-10.jpg.aspx?w=1200&h=800&ext=.jpg&width=1024");" data-e="y4i3sa-e" id="6aesio-interchange" data-resize="6aesio-interchange" data-interchange=" [/getmedia/cce8c4bf-4ad1-409c-b227-e75cfd3a5493/Pic-10.jpg.aspx?w=1200&h=800&ext=.jpg&width=640, small],[/getmedia/cce8c4bf-4ad1-409c-b227-e75cfd3a5493/Pic-10.jpg.aspx?w=1200&h=800&ext=.jpg&width=1024, medium], [/getmedia/cce8c4bf-4ad1-409c-b227-e75cfd3a5493/Pic-10.jpg.aspx?w=1200&h=800&ext=.jpg&width=1360, large] " class="item">
Example 3 View on Page
The <a> element has the id "fragment-ifyk-02-title" that is already in use
Mode: light
<a id="fragment-ifyk-02-title" href="https://www.babergh.gov.uk/w/-shape-the-future-of-your-community-councils-step-in-to-provide-funding-for-neighbourhood-plans" data-lfr-editable-type="link" data-lfr-editable-id="02-title" class="link clearfix">
Example 4 View on Page
The <a> element has the id "fragment-ifyk-02-title" that is already in use
Mode: light
<a id="fragment-ifyk-02-title" href="https://www.babergh.gov.uk/w/government-confirms-ambitious-new-future-for-local-government-in-suffolk" data-lfr-editable-type="link" data-lfr-editable-id="02-title" class="link clearfix">
Example 5 View on Page
The <input> element has the id "search" that is already in use
Mode: light
<input value="" accesskey="4" placeholder="Search this site" id="search" name="search" type="search" class="ui-search__field search__field autocomplete">
22 Moderate equalAccess aria_id_unique
7 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The 'id' "atoz-nav" specified for the ARIA property 'aria-labelledby' value is not valid
Mode: light
<nav aria-labelledby="atoz-nav" class="nav">
Example 2 View on Page
The 'id' "optional-vendor-0" specified for the ARIA property 'aria-controls' value is not valid
Mode: light
<button aria-expanded="false" aria-controls="optional-vendor-0" class="ccc-vendor-reveal ccc-notify-button ccc-link ccc-tabbable">
Example 3 View on Page
The 'id' "optional-vendor-1" specified for the ARIA property 'aria-controls' value is not valid
Mode: light
<button aria-expanded="false" aria-controls="optional-vendor-1" class="ccc-vendor-reveal ccc-notify-button ccc-link ccc-tabbable">
Example 4 View on Page
The 'id' "optional-vendor-2" specified for the ARIA property 'aria-controls' value is not valid
Mode: light
<button aria-expanded="false" aria-controls="optional-vendor-2" class="ccc-vendor-reveal ccc-notify-button ccc-link ccc-tabbable">
Example 5 View on Page
The 'id' "optional-vendor-3" specified for the ARIA property 'aria-controls' value is not valid
Mode: light
<button aria-expanded="false" aria-controls="optional-vendor-3" class="ccc-vendor-reveal ccc-notify-button ccc-link ccc-tabbable">
19 Moderate equalAccess aria_navigation_label_unique
7 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav id="top-nav">
Example 2 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav id="main-nav">
Example 3 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav role="navigation" id="block-bhcc-base-footer-menu">
Example 4 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav role="navigation" id="block-findoutmore">
Example 5 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav role="navigation" id="block-contact">
17 Moderate equalAccess html_lang_exists
17 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light
<html>
Example 2 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light
<html>
Example 3 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light
<html>
Example 4 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light
<html>
Example 5 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light
<html>
16 Moderate equalAccess style_viewport_resizable: Zooming and scaling must not be disabled
14 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<style>
Example 2 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" crossorigin="anonymous" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" rel="stylesheet">
Example 3 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link type="text/css" rel="stylesheet" id="liferayAUICSS" href="https://www.babergh.gov.uk/o/digitalplace-electric-theme/css/clay.css?browserId=chrome&themeId=digitalplaceelectrictheme_WAR_digitalplaceelectrictheme&minifierType=css&languageId=en_GB&t=1776232918000" data-senna-track="temporary" class="lfr-css-file">
Example 4 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/twitter-bootstrap/css/bootstrap.min.css?v=6iAyWcn3SwMvqDPqKErE2oybgWngxxsUoWwGBav0Okg" type="text/css" rel="stylesheet">
Example 5 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/css/bootstrap-custom.min.css" rel="stylesheet">
16 Moderate equalAccess skip_main_exists
16 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The page does not provide a way to quickly navigate to the main content (ARIA "main" landmark or a skip link)
Mode: light
<body style="position: relative; min-height: 100%; top: 0px;">
Example 2 View on Page
The page does not provide a way to quickly navigate to the main content (ARIA "main" landmark or a skip link)
Mode: light
<body>
Example 3 View on Page
The page does not provide a way to quickly navigate to the main content (ARIA "main" landmark or a skip link)
Mode: light
<body class="block">
Example 4 View on Page
The page does not provide a way to quickly navigate to the main content (ARIA "main" landmark or a skip link)
Mode: light
<body>
Example 5 View on Page
The page does not provide a way to quickly navigate to the main content (ARIA "main" landmark or a skip link)
Mode: light
<body>
15 Moderate equalAccess aria_banner_label_unique
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<header class="page-topic visuallyhidden">
Example 2 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<header class="site-header-row clearfix" id="site-header-row">
Example 3 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<div role="banner">
Example 4 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<div role="banner" data-sitewide-alert="">
Example 5 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<header class="[ header ]">
14 Moderate equalAccess aria_attribute_valid
10 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The ARIA attributes "aria-label" are not valid for the element <div> with implicit ARIA role "generic"
Mode: light
<div aria-label="toggle services menu" class="lgd-header__toggles">
Example 2 View on Page
The ARIA attributes "aria-label" are not valid for the element <div> with implicit ARIA role "generic"
Mode: light
<div aria-label="Back to top" class="cp-scroll-to-top cp-scroll-to-top__left">
Example 3 View on Page
The ARIA attributes "aria-labelledby" are not valid for the element <header> with implicit ARIA role "generic"
Mode: light
<header class="homepage-section-banner flex flex:column align-items:center pos:rel overflow:hidden bg:black min-h:home-banner bg:home-banner" aria-labelledby="home-page-title">
Example 4 View on Page
The ARIA attributes "aria-expanded" are not valid for the element <div> with ARIA role "none"
Mode: light
<div aria-expanded="false" class="hNav">
Example 5 View on Page
The ARIA attributes "aria-labelledby" are not valid for the element <div> with implicit ARIA role "generic"
Mode: light
<div aria-hidden="false" class="eu-cookie-compliance-banner eu-cookie-compliance-banner-info eu-cookie-compliance-banner--opt-in" aria-labelledby="popup-text">
13 Moderate equalAccess input_label_after
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Label text is located before its associated checkbox or radio button element
Mode: light
<input checked="checked" disabled="disabled" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelButtonDisabled" id="CybotCookiebotDialogBodyLevelButtonNecessary" type="checkbox">
Example 2 View on Page
Label text is located before its associated checkbox or radio button element
Mode: light
<input role="switch" tabindex="0" checked="checked" data-target="CybotCookiebotDialogBodyLevelButtonPreferencesInline" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" id="CybotCookiebotDialogBodyLevelButtonPreferences" type="checkbox">
Example 3 View on Page
Label text is located before its associated checkbox or radio button element
Mode: light
<input role="switch" tabindex="0" checked="checked" data-target="CybotCookiebotDialogBodyLevelButtonStatisticsInline" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" id="CybotCookiebotDialogBodyLevelButtonStatistics" type="checkbox">
Example 4 View on Page
Label text is located before its associated checkbox or radio button element
Mode: light
<input role="switch" tabindex="0" checked="checked" data-target="CybotCookiebotDialogBodyLevelButtonMarketingInline" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" id="CybotCookiebotDialogBodyLevelButtonMarketing" type="checkbox">
Example 5 View on Page
Label text is located before its associated checkbox or radio button element
Mode: light
<input checked="checked" disabled="disabled" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelButtonDisabled" id="CybotCookiebotDialogBodyLevelButtonNecessary" type="checkbox">
13 Moderate equalAccess aria_eventhandler_role_valid
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The <div> element with 'onkeypress' does not have a valid ARIA role specified
Mode: light
<div onkeypress="javascript:return WebForm_FireDefaultButton(event, 'p_lt_ctl04_SmartSearchBox_btnSearch')" class="search-input hide-for-small-only" id="p_lt_ctl04_SmartSearchBox_pnlSearch">
Example 2 View on Page
The <div> element with 'onkeypress' does not have a valid ARIA role specified
Mode: light
<div onkeypress="javascript:return WebForm_FireDefaultButton(event, 'p_lt_ctl07_pageplaceholder_p_lt_ctl01_SmartSearchBox_btnSearch')" class="search-field" id="p_lt_ctl07_pageplaceholder_p_lt_ctl01_SmartSearchBox_pnlSearch">
Example 3 View on Page
The <div> element with 'onkeypress' does not have a valid ARIA role specified
Mode: light
<div onkeypress="javascript:return WebForm_FireDefaultButton(event, 'p_lt_ctl07_pageplaceholder_p_lt_ctl02_BinCollectionLookup_btnBinSearch')" class="block-entry" id="p_lt_ctl07_pageplaceholder_p_lt_ctl02_BinCollectionLookup_pnlSearch">
Example 4 View on Page
The <div> element with 'onkeypress' does not have a valid ARIA role specified
Mode: light
<div onkeypress="javascript:return WebForm_FireDefaultButton(event, 'p_lt_ctl09_WebPartZone_WebPartZone_zone_FooterSmartSearchBox_btnSearch')" class="search-input" id="p_lt_ctl09_WebPartZone_WebPartZone_zone_FooterSmartSearchBox_pnlSearch">
Example 5 View on Page
The <a> element with 'onclick' does not have a valid ARIA role specified
Mode: light
<a onclick="loadService()" title="Launch Recite Me" class="utilitymenu__link">
13 Moderate equalAccess aria_role_valid
9 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The ARIA role 'button' is not valid for the element <h2>
Mode: light
<h2 style="background-color:#051af6; color:#f8f8fd; cursor:pointer; text-align:center; overflow:auto;" id="test-button" role="button" tabindex="0" onclick="launchSupport()">
Example 2 View on Page
The ARIA role 'textbox' is not valid for the element <input>
Mode: light
<input aria-haspopup="true" aria-autocomplete="list" role="textbox" autocomplete="off" aria-label="Search" placeholder="What are you looking for?" type="search" value="" title="search" name="term" id="topsearch" class="form-control searchBox ui-autocomplete-input">
Example 3 View on Page
The ARIA role 'navigation' is not valid for the element <input>
Mode: light
<input role="navigation" aria-label="Hidden Input Field" tabindex="-1" class="modal-focus" id="autofill" type="text">
Example 4 View on Page
The ARIA role 'search' is not valid for the element <input>
Mode: light
<input role="search" value="" type="text" class="form-control input-group-inset input-group-inset-after search-bar-keywords-input" title="Search" placeholder="Search..." name="q" data-qa-id="searchInput" autocomplete="off" aria-label="Search">
Example 5 View on Page
The ARIA role 'group' is not valid for the element <a>
Mode: light
<a tabindex="0" aria-label="1 of 1" aria-roledescription="slide" role="group" class="item" href="/waste-and-recycling/household-waste/food-waste-collections/">
12 Moderate equalAccess aria_keyboard_handler_exists
10 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify the <input> element with "combobox" role has keyboard access
Mode: light
<input aria-labelledby="p-keywords-729_input_label" aria-autocomplete="list" aria-haspopup="listbox" aria-controls="p-keywords-729_input_suggestions" aria-expanded="false" role="combobox" autocomplete="off" type="text" name="q" placeholder="How can we help?" class="searchform__inputtxt searchform__inputtxt--sitesearch" id="p-keywords-729_input" data-dataurl="https://www.ardsandnorthdown.gov.uk/search">
Example 2 View on Page
Verify the <ul> element with "menubar" role has keyboard access
Mode: light
<ul role="menubar" class="navbar-blank navbar-nav navbar-site">
Example 3 View on Page
Verify the <input> element with "combobox" role has keyboard access
Mode: light
<input aria-labelledby="p-keywords-23333_input_label" aria-autocomplete="list" aria-haspopup="listbox" aria-controls="p-keywords-23333_input_suggestions" aria-expanded="false" role="combobox" autocomplete="off" maxlength="100" type="text" value="" name="q" placeholder="I am searching the Breckland website for..." class="searchform__inputtxt searchform__inputtxt--sitesearch" id="p-keywords-23333_input" data-dataurl="https://www.breckland.gov.uk/search">
Example 4 View on Page
Verify the <div> element with "tablist" role has keyboard access
Mode: light
<div class="sc-koXPp fmgZVi" aria-orientation="horizontal" aria-label="Sample Tabs" role="tablist">
Example 5 View on Page
Verify the <span> element with "menu" role has keyboard access
Mode: light
<span role="menu">
11 Moderate equalAccess aria_contentinfo_misuse
9 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element with "contentinfo" role is present without an element with "main" role
Mode: light
<footer class="bg-blue-dark text-center pb-5">
Example 2 View on Page
Element with "contentinfo" role is present without an element with "main" role
Mode: light
<footer class="footer .hidden-print">
Example 3 View on Page
Element with "contentinfo" role is present without an element with "main" role
Mode: light
<footer class="homepad">
Example 4 View on Page
Element with "contentinfo" role is present without an element with "main" role
Mode: light
<footer>
Example 5 View on Page
Element with "contentinfo" role is present without an element with "main" role
Mode: light
<footer class="site-footer">
11 Moderate equalAccess aria_complementary_labelled: Each element with a complementary role must have an accessible name
9 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="footer-top bg-primary text-white d-print-none pt-4 pb-2 pt-lg-5 pt-xl-7">
Example 2 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="col-sm-3">
Example 3 View on Page
Element with "complementary" role does not have a label
Mode: light
<div data-once="feedback-form" role="complementary" class="govuk-pre-footer">
Example 4 View on Page
Element with "complementary" role does not have a label
Mode: light
<div role="complementary" class="container-fluid text-center" id="a-z-holder">
Example 5 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="page-sidebar" id="sidebar">
10 Moderate equalAccess aria_attribute_redundant: ARIA role or attribute is redundant with the native role and attributes
7 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<input aria-required="true" required="required" class="form-text required" maxlength="128" size="30" value="" name="s" id="edit-s" type="text" data-drupal-selector="edit-s" autocomplete="off" placeholder="Search">
Example 2 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<input aria-required="true" required="required" class="form-email required" maxlength="250" size="25" value="" name="email" id="edit-email" type="email" data-drupal-selector="edit-email" title="Please enter your email address" autocomplete="email" aria-label="Enter your email address" placeholder="email@example.com">
Example 3 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<input aria-required="true" required="required" class="form-text required" placeholder="Search" maxlength="128" size="60" value="" name="search_query" id="edit-search-query--2" type="text" data-drupal-selector="edit-search-query" autocomplete="off" title="Search">
Example 4 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<input aria-required="true" required="required" class="form-text required" placeholder="Search" maxlength="128" size="60" value="" name="search_query" id="edit-search-query" type="text" data-drupal-selector="edit-search-query" autocomplete="off" title="Search">
Example 5 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<input aria-required="true" required="required" class="form-text required" maxlength="128" size="30" value="" name="s" id="edit-s" type="text" placeholder="Search" data-drupal-selector="edit-s" data-twig-suggestion="views-exposed-form-localgov-sitewide-search-sitewide-search-page">
10 Moderate equalAccess aria_region_label_unique
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light
<section aria-label="content" class="content component usn_cmp_code c1-bg c1-bg-solid pt-0 pb-0 adverts">
Example 2 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light
<section aria-label="content" class="content component usn_cmp_pods base-bg base-bg-solid d-xs-none_only d-sm-none_only bdcHomeBanner">
Example 3 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light
<section aria-label="content" class="content component usn_cmp_ctastrip c4-bg c4-bg-solid p-0 has-box-shadows popularLinks">
Example 4 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light
<section aria-label="content" class="content component usn_cmp_reusablecomponents base-bg base-bg-solid pb-0 ">
Example 5 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light
<section aria-label="content" class="content component usn_cmp_subpagelisting base-bg base-bg-solid justify-around promotionLinks">
9 Moderate equalAccess html_skipnav_exists
8 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify there is a way to bypass blocks of content that are repeated on multiple Web pages
Mode: light
<html style="height: 100%;" lang="en">
Example 2 View on Page
Verify there is a way to bypass blocks of content that are repeated on multiple Web pages
Mode: light
<html>
Example 3 View on Page
Verify there is a way to bypass blocks of content that are repeated on multiple Web pages
Mode: light
<html>
Example 4 View on Page
Verify there is a way to bypass blocks of content that are repeated on multiple Web pages
Mode: light
<html>
Example 5 View on Page
Verify there is a way to bypass blocks of content that are repeated on multiple Web pages
Mode: light
<html>
9 Moderate equalAccess aria_child_valid
8 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul>
Example 2 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul class="service-highlight__list">
Example 3 View on Page
The element with role "menubar" owns the child element with the role "button" that is not one of the allowed role(s): "menuitem, menuitemcheckbox, menuitemradio"
Mode: light
<ul role="menubar" class="navbar-blank navbar-nav navbar-site">
Example 4 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul class="atoz__list--bar">
Example 5 View on Page
The element with role "list" owns the child element with the role "list" that is not one of the allowed role(s): "listitem"
Mode: light
<ul class="qc-cmp2-consent-list css-1f88jwd">
9 Moderate equalAccess input_label_exists
8 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Form control element <button> has no associated label
Mode: light
<button data-target="#menuPanel" data-toggle="modal" class="mob-menu" id="menuButtonMobile" type="button">
Example 2 View on Page
Form control element <button> has no associated label
Mode: light
<button type="button" class="sc-fqkvVR SjcXJ button undefined">
Example 3 View on Page
Form control element <button> has no associated label
Mode: light
<button class="qc-usp-close-icon" aria-pressed="false" tabindex="0">
Example 4 View on Page
Form control with "switch" role has no associated label
Mode: light
<button class="qc-cmp2-toggle css-w01txj" aria-checked="false" role="switch" tabindex="0">
Example 5 View on Page
Form control element <button> has no associated label
Mode: light
<button class="hover:bg-brand-accent hover:text-white bg-white text-brand sb-search-submit inline icon-submit px-4 rounded-tr-full rounded-br-full" type="submit">
9 Moderate equalAccess widget_tabbable_single
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Component with "menu" role has more than one tabbable element
Mode: light
<span role="menu">
Example 2 View on Page
Component with "menu" role has more than one tabbable element
Mode: light
<ul role="menu">
Example 3 View on Page
Component with "link" role has more than one tabbable element
Mode: light
<a target="_self" to="/residents/waste-and-recycling" href="/residents/waste-and-recycling" class="sc-eaUbBy iHkbMp link interactive-card__link">
Example 4 View on Page
Component with "link" role has more than one tabbable element
Mode: light
<a target="_self" to="/residents/council-tax" href="/residents/council-tax" class="sc-eaUbBy iHkbMp link interactive-card__link">
Example 5 View on Page
Component with "link" role has more than one tabbable element
Mode: light
<a target="_self" to="https://www.cheshireandwarringtondevolution.com/" href="https://www.cheshireandwarringtondevolution.com/" class="sc-eaUbBy iHkbMp link interactive-card__link">
8 Moderate equalAccess aria_contentinfo_label_unique
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "contentinfo" role do not have unique labels
Mode: light
<footer>
Example 2 View on Page
Multiple elements with "contentinfo" role do not have unique labels
Mode: light
<p role="contentinfo">
Example 3 View on Page
Multiple elements with "contentinfo" role do not have unique labels
Mode: light
<footer class="footerupper">
Example 4 View on Page
Multiple elements with "contentinfo" role do not have unique labels
Mode: light
<footer class="footerlower">
Example 5 View on Page
Multiple elements with "contentinfo" role do not have unique labels
Mode: light
<footer class="clearfix" id="footer">
8 Moderate equalAccess frame_src_valid: The src value of the frame must not be empty
5 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify <frame> content is accessible
Mode: light
<iframe allowfullscreen="" referrerpolicy="strict-origin-when-cross-origin" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" frameborder="0" src="https://www.youtube.com/embed/videoseries?list=PLw5vyvPvkBOrEbqjWYKMvdlKpaJI9s3V7" height="200" width="356">
Example 2 View on Page
Verify <frame> content is accessible
Mode: light
<iframe title="Discover Brentwood" allowfullscreen="" referrerpolicy="strict-origin-when-cross-origin" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" frameborder="0" src="https://www.youtube.com/embed/RzUeqtUbBkA?feature=oembed" height="200" width="356">
Example 3 View on Page
Verify <frame> content is accessible
Mode: light
<iframe src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LeNasorAAAAADmMylHtU2hw4pn8JchOO0-_5sEP&co=aHR0cHM6Ly93d3cuZGFybGluZ3Rvbi5nb3YudWs6NDQz&hl=en&v=gTpTIWhbKpxADzTzkcabhXN4&size=invisible&anchor-ms=20000&execute-ms=30000&cb=175nywgsfa5" 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" scrolling="no" frameborder="0" name="a-amk8bb2ejbim" role="presentation" height="60" width="256" title="reCAPTCHA">
Example 4 View on Page
Verify <frame> content is accessible
Mode: light
<iframe style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;" width="1" height="1">
Example 5 View on Page
Verify <frame> content is accessible
Mode: light
<iframe src="https://yourvoice.eastherts.gov.uk/embeds/projects/44656/survey-tools/53340" height="600px" width="100%" scrolling="auto" marginwidth="0" frameborder="0" title="ehq-embed-survey">
7 Moderate equalAccess a_text_purpose: Link text must identify the purpose of the link
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a hreflang="en" href="/news/2026/apr/election-candidates-confirmed-argyll-and-bute-scottish-parliamentary-constituency">
Example 2 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a rel="noopener noreferrer" target="_blank" href="https://account.southnorfolkandbroadland.gov.uk/" class=" link">
Example 3 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a class="btn btn-primary side-nav-toggle" href="#menu">
Example 4 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a href="https://www.clacks.gov.uk/maps/schoolcatchments/">
Example 5 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a style="background:;color:;right:0;left:auto;" class="meanmenu-reveal" href="#nav">
7 Moderate equalAccess aria_descendant_valid
5 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element with role "button" contains descendants with implicit roles "paragraph" which are ignored by browsers
Mode: light
<button aria-label="Open navigation menu" aria-expanded="false" aria-controls="main-menu" class="menu-btn">
Example 2 View on Page
The element with role "button" contains descendants with implicit roles "strong" which are ignored by browsers
Mode: light
<button class="ccc-notify-button ccc-link ccc-tabbable ccc-accept-button" id="ccc-recommended-settings">
Example 3 View on Page
The element with role "button" contains descendants with implicit roles "strong" which are ignored by browsers
Mode: light
<button class="ccc-notify-button ccc-link ccc-tabbable ccc-reject-button" id="ccc-reject-settings">
Example 4 View on Page
The element with role "button" contains descendants with implicit roles "paragraph" which are ignored by browsers
Mode: light
<a href="#top" class="btn base-btn-bg base-btn-bg base-btn-bg-solid base-btn-bg-hover-solid base-btn-text base-btn-borders btn-back-to-top" role="button">
Example 5 View on Page
The element with role "button" contains descendants with implicit roles "paragraph" which are ignored by browsers
Mode: light
<button class="header-navigation__recite">
7 Moderate equalAccess aria_hidden_nontabbable
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element "a" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light
<a target="_self" href="/council-community/elections/" class="slideshow-btn f-btn f-btn-transparent f-btn-xlarge f-width-7-10">
Example 2 View on Page
Element "a" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light
<a target="_blank" href="https://healthydudley.co.uk/protect-your-health/flu/" class="slideshow-btn f-btn f-btn-transparent f-btn-xlarge f-width-7-10">
Example 3 View on Page
Element "a" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light
<a target="_self" href="/residents/benefits/pension-credit-are-you-missing-out/" class="slideshow-btn f-btn f-btn-transparent f-btn-xlarge f-width-7-10">
Example 4 View on Page
Element "a" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light
<a target="_self" href="/council-community/dudley-climate-action/switch-together-dudley-solar-panels-battery-storage/" class="slideshow-btn f-btn f-btn-transparent f-btn-xlarge f-width-7-10">
Example 5 View on Page
Element "a" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light
<a target="_self" href="/residents/parking-and-roads/roads-highways-and-pavements/car-cruising-injunction/" class="slideshow-btn f-btn f-btn-transparent f-btn-xlarge f-width-7-10">
6 Moderate equalAccess label_ref_valid
5 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The value "search" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label for="search" class="ui-search__label search__label">
Example 2 View on Page
The value "47828193-dd68-429d-c958-be02dd0ac199" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="umbraco-forms-label" for="47828193-dd68-429d-c958-be02dd0ac199">
Example 3 View on Page
The value "header-search-q" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="text-only" for="header-search-q">
Example 4 View on Page
The value "search-input-main" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="sr-only" for="search-input-main">
Example 5 View on Page
The value "contrastToggle" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="switch contrastSwitch" for="contrastToggle">
6 Moderate equalAccess form_submit_button_exists
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify the <form> element has a submit button or an image button
Mode: light
<form class="cludo-search--left cludo-search_autocomplete" id="cludo-search-form" method="get" action="">
Example 2 View on Page
Verify the <form> element has a submit button or an image button
Mode: light
<form target="_blank" novalidate="" autocomplete="email" name="mc-embedded-subscribe-form" method="post" id="mc-embedded-subscribe-form" action="https://brighton-hove.us9.list-manage.com/subscribe/post?u=968a3e480734ea49c31105b5a&id=df0ee3bab7" class="validate">
Example 3 View on Page
Verify the <form> element has a submit button or an image button
Mode: light
<form id="form1" action="/home.aspx" method="post">
Example 4 View on Page
Verify the <form> element has a submit button or an image button
Mode: light
<form class="google-translate">
Example 5 View on Page
Verify the <form> element has a submit button or an image button
Mode: light
<form action="/searchresults.php" role="form" class="navbar-form navbar-right">
5 Moderate equalAccess meta_refresh_delay: Content should not automatically refresh or redirect without warning
5 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify page is not being caused to refresh automatically
Mode: light
<meta content="360" http-equiv="refresh">
Example 2 View on Page
Verify page is not being caused to refresh automatically
Mode: light
<meta content="360" http-equiv="refresh">
Example 3 View on Page
Verify page is not being caused to refresh automatically
Mode: light
<meta content="360" http-equiv="refresh">
Example 4 View on Page
Verify page is not being caused to refresh automatically
Mode: light
<meta content="360" http-equiv="refresh">
Example 5 View on Page
Verify page is not being caused to refresh automatically
Mode: light
<meta content="360" http-equiv="refresh">
5 Moderate equalAccess text_quoted_correctly
5 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: 'Be the BIG Difference'
Mode: light
<h3>
Example 2 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: 'Call for Sites'
Mode: light
<h2>
Example 3 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: 'Change my preferences'
Mode: light
<span class="cc-nb-text-content">
Example 4 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: 'Accept all', 'Reject all', 'View all options'
Mode: light
<p id="cassie_pre_banner_text" class="cassie-pre-banner--text">
Example 5 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "less privacy intrusive"
Mode: light
<p>
4 Moderate equalAccess aria_banner_single
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "banner" role found on the page
Mode: light
<header class="page-topic visuallyhidden">
Example 2 View on Page
Multiple elements with "banner" role found on the page
Mode: light
<header class="site-header-row clearfix" id="site-header-row">
Example 3 View on Page
Multiple elements with "banner" role found on the page
Mode: light
<div role="banner" class="lgd-region lgd-region--content region region-content">
Example 4 View on Page
Multiple elements with "banner" role found on the page
Mode: light
<div role="banner" class="lgd-region lgd-region--content-bottom region region-content-bottom">
4 Moderate equalAccess aria_contentinfo_single
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "contentinfo" role found on the page
Mode: light
<footer class="clearfix" id="footer">
Example 2 View on Page
Multiple elements with "contentinfo" role found on the page
Mode: light
<footer class="clearfix" id="subfooter">
Example 3 View on Page
Multiple elements with "contentinfo" role found on the page
Mode: light
<footer class="full-width static footer">
Example 4 View on Page
Multiple elements with "contentinfo" role found on the page
Mode: light
<footer class="full-width footer-end">
3 Moderate equalAccess img_alt_valid
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light
<img data-once="allImages" height="200" width="360" src="/sites/default/files/styles/localgov_newsroom_teaser/public/migrated_files/vote-3569999_1280_0.jpg?itok=j85IGkFq" loading="lazy">
Example 2 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light
<img src="" id="logo">
Example 3 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light
<img data-src="/media/j4ba43v1/groove.webp" class="img-fluid lazyload">
3 Moderate equalAccess fieldset_legend_valid
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
<fieldset> element does not have a <legend>
Mode: light
<fieldset class="pfb-rating total-rating-3">
Example 2 View on Page
<fieldset> element does not have a <legend>
Mode: light
<fieldset>
Example 3 View on Page
<fieldset> element does not have a <legend>
Mode: light
<fieldset>
3 Moderate equalAccess frame_title_exists
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Inline frame does not have a 'title' attribute
Mode: light
<iframe allowfullscreen="" referrerpolicy="strict-origin-when-cross-origin" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" frameborder="0" src="https://www.youtube.com/embed/videoseries?list=PLw5vyvPvkBOrEbqjWYKMvdlKpaJI9s3V7" height="200" width="356">
Example 2 View on Page
Inline frame does not have a 'title' attribute
Mode: light
<iframe allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" allowfullscreen="true" frameborder="0" scrolling="no" style="border:none;overflow:hidden" height="275" width="350" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fbroxtoweboroughcouncil&tabs=timeline&width=350&height=275&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=true&appId">
Example 3 View on Page
Inline frame does not have a 'title' attribute
Mode: light
<iframe style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;" width="1" height="1">
3 Moderate equalAccess form_interaction_review
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify that interacting with content will not open pop-up windows or change the active window without informing the user
Mode: light
<form target="_blank" novalidate="" autocomplete="email" name="mc-embedded-subscribe-form" method="post" id="mc-embedded-subscribe-form" action="https://brighton-hove.us9.list-manage.com/subscribe/post?u=968a3e480734ea49c31105b5a&id=df0ee3bab7" class="validate">
Example 2 View on Page
Verify that interacting with content will not open pop-up windows or change the active window without informing the user
Mode: light
<form target="_blank" method="post" accept-charset="UTF-8" action="https://public.govdelivery.com/accounts/UKCHARNWOOD/subscribers/qualify" id="GD-snippet-form" style="padding: 10px 5px 10px; max-width: 100%; width: 15em">
Example 3 View on Page
Verify that interacting with content will not open pop-up windows or change the active window without informing the user
Mode: light
<form target="_blank" method="post" accept-charset="UTF-8" action="https://public.govdelivery.com/accounts/UKERYC/subscribers/qualify" id="GD-snippet-form">
3 Moderate equalAccess page_title_exists
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Missing <title> element in <head> element
Mode: light
<html>
Example 2 View on Page
Missing <title> element in <head> element
Mode: light
<html>
Example 3 View on Page
The <title> element is empty (no innerHTML)
Mode: light
<html lang="en">
2 Moderate equalAccess fieldset_label_valid
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Group/Fieldset does not have an accessible name
Mode: light
<fieldset>
Example 2 View on Page
Group/Fieldset does not have an accessible name
Mode: light
<fieldset>
2 Moderate equalAccess element_orientation_unlocked
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element <svg> is restricted to either landscape or portrait orientation using CSS transform property
Mode: light
<svg height="13" width="13" focusable="false" aria-hidden="true" class="icon " viewBox="0 0 185.343 185.343" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
Example 2 View on Page
The element <lottie-player> is restricted to either landscape or portrait orientation using CSS transform property
Mode: light
<lottie-player class="lottiePlayer" id="lottiePlan" speed="1" background="transparent" src="https://burnley.gov.uk/wp-content/themes/burnleyGov/lotties/plan.json">
2 Moderate equalAccess aria_child_tabbable
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
None of the descendent elements with "tab" role is tabbable
Mode: light
<div class="sc-koXPp fmgZVi" aria-orientation="horizontal" aria-label="Sample Tabs" role="tablist">
Example 2 View on Page
None of the descendent elements with "menuitem" role is tabbable
Mode: light
<ul role="menu">
2 Moderate equalAccess aria_widget_labelled
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Interactive component with ARIA role 'tabpanel' does not have a programmatically associated name
Mode: light
<div class="tab-pane show active" role="tabpanel" id="nav_c6a97765-4298-456e-ac18-ff63e8d3bf4f_0">
Example 2 View on Page
Interactive component with ARIA role 'tabpanel' does not have a programmatically associated name
Mode: light
<div class="tab-pane show active" role="tabpanel" id="nav_dbacdafc-f030-4532-897b-ca870ce0b531_0">
2 Moderate equalAccess aria_complementary_label_visible
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element with "complementary" role does not have a visible label
Mode: light
<div aria-label="Your feedback is important to us" role="complementary" class="gm_sidebar gm_sidebar_rh">
Example 2 View on Page
Element with "complementary" role does not have a visible label
Mode: light
<section aria-label="Sidebar" role="complementary" class="fixed-col">
2 Moderate equalAccess heading_content_exists: Heading elements must have descriptive content
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Heading element has no descriptive content
Mode: light
<h4>
Example 2 View on Page
Heading element has no descriptive content
Mode: light
<h2>
1 Moderate equalAccess aria_attribute_required
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element with 'heading' role does not have the required ARIA attribute(s): 'aria-level'
Mode: light
<h2 style="background-color:#051af6; color:#f8f8fd; cursor:pointer; text-align:center; overflow:auto;" id="test-button" role="button" tabindex="0" onclick="launchSupport()">
1 Moderate equalAccess label_content_exists
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The <label> element does not have descriptive text that identifies the expected input
Mode: light
<label for="search">
1 Moderate equalAccess aria_parent_required
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element with "listitem" role is not contained in or owned by an element with one of the following roles: "list"
Mode: light
<p role="listitem" class="qc-cmp2-list-item-title">
1 Moderate equalAccess input_label_before
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Label text is located after its associated text input or <select> element
Mode: light
<input name="query" placeholder="Search" type="text" id="search--hero" class="input">
1 Moderate equalAccess input_onchange_review
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm that the user is advised if, due to a change of element value, a form automatically submits, a new window opens, or a change in focus occurs
Mode: light
<select style="font-size:12px; padding:0px; width:120px; height:20px; margin-right:20px;" name="googletranslate" id="googletranslate" onchange="doGTranslate(this);">
1 Moderate equalAccess script_select_review
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify that no change of context or action occurs when selection options in this component receive focus
Mode: light
<select style="font-size:12px; padding:0px; width:120px; height:20px; margin-right:20px;" name="googletranslate" id="googletranslate" onchange="doGTranslate(this);">
1 Moderate equalAccess aria_accessiblename_exists: Certain UI components must have an accessible name
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element <h2> with "heading" role has no accessible name
Mode: light
<h2>
1 Moderate equalAccess aria_article_label_unique
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "article" role do not have unique labels
Mode: light
<article class="panel_wrapper" aria-label="services">
1 Moderate equalAccess script_onclick_misuse
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Possible use of a script to emulate a link
Mode: light
<div onclick="document.location.href='https://www.tayroadbridge.co.uk/'" class="caption-link">
1 Moderate equalAccess combobox_haspopup_valid
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The 'role' value "" of the popup element "autocomplete-suggestions-dropdown" should be one of "listbox", "grid", "tree" or "dialog"
Mode: light
<input aria-activedescendant="" aria-controls="autocomplete-suggestions-dropdown" aria-autocomplete="list" aria-expanded="false" aria-describedby="search-assistive-hint" role="combobox" autocomplete="off" placeholder="Search for anything" class="input-search border-2 js-autocomplete-search" type="search" name="query" id="site-search">
1 Moderate equalAccess iframe_interactive_tabbable
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The <iframe> with interactive content is excluded from tab order using tabindex
Mode: light
<iframe style="color-scheme: light; width: 114px; height: 50px; padding: 0px; margin: 10px 20px; position: fixed; bottom: 30px; overflow: visible; opacity: 0; border: 0px; z-index: 999998; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-property: opacity, top, bottom; top: -9999px; visibility: hidden;" tabindex="-1" id="launcher" title="Opens a widget where you can find more information">

🔧 Most Common Issues (AccessLint)

45 rules
108 Moderate accesslint landmarks/region
61 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Content is not contained within a landmark region.
Mode: light
<div id="goog-gt-tt" class="VIpgJd-yAWNEb-L7lbkb skiptranslate" style="border-radius: 12px; margin: 0 0 0 -23px; padding: 0; font-family: 'Google Sans', Arial, sans-serif;" data-id=""><div id="goog-gt...
XPath: #goog-gt-tt
Example 2 View on Page
Content is not contained within a landmark region.
Mode: light
<div class="container navigation-container toggle-container py-5 d-none px-3 px-md-5 bg-white" id="service-navigation-container"> <h2>All Services</h2> <div class="row g-0"> <...
XPath: #service-navigation-container
Example 3 View on Page
Content is not contained within a landmark region.
Mode: light
<div class="container search-container toggle-container py-5 px-3 px-md-5 d-none bg-white" id="search-container"> <div class="row justify-content-start"> <div class="col-12 col-lg-8"> ...
XPath: #search-container
Example 4 View on Page
Content is not contained within a landmark region.
Mode: light
<section class="container mt-4 home-page" id="content"> <div class="row hidden-md-up signpost-links"> <h2>Council services</h2> <div class="col-md-6 col-lg-4 landing-box-container "> ...
XPath: #content
Example 5 View on Page
Content is not contained within a landmark region.
Mode: light
<section class="mt-4 py-4 border-top border-3 bg-grey-light" id="features-and-news"> <div class="container"> <div class="row"> <article class="col-12 col-md-6 feature-section mb-5 mt-lg-0 pe...
XPath: #features-and-news
76 Moderate accesslint labels-and-names/label-content-mismatch
27 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Accessible name "Accept cookies" does not contain visible text "OK to use analytics cookies".
Mode: light
<button class="" id="rcc-confirm-button" aria-label="Accept cookies" style="background: rgb(192, 0, 89); border: 2px solid rgb(192, 0, 89); border-radius: 4px; box-shadow: none; color: white; cursor: ...
XPath: #rcc-confirm-button
Example 2 View on Page
Accessible name "Decline cookies" does not contain visible text "Don't use analytics cookies".
Mode: light
<button class="" id="rcc-decline-button" aria-label="Decline cookies" style="background: white; border: 2px solid rgb(192, 0, 89); border-radius: 4px; box-shadow: none; color: rgb(192, 0, 89); cursor:...
XPath: #rcc-decline-button
Example 3 View on Page
Accessible name "Necessary (10)" does not contain visible text "Necessary 10".
Mode: light
<button id="CybotCookiebotDialogDetailBodyContentCookieContainerNecessary" class="CybotCookiebotDialogDetailBodyContentCookieContainerButton CybotCookiebotDialogCollapsed" lang="en" data-target="Cybot...
XPath: #CybotCookiebotDialogDetailBodyContentCookieContainerNecessary
Example 4 View on Page
Accessible name "Preferences (0)" does not contain visible text "Preferences 0".
Mode: light
<button id="CybotCookiebotDialogDetailBodyContentCookieContainerPreference" class="CybotCookiebotDialogDetailBodyContentCookieContainerButton CybotCookiebotDialogCollapsed" lang="en" data-target="Cybo...
XPath: #CybotCookiebotDialogDetailBodyContentCookieContainerPreference
Example 5 View on Page
Accessible name "Statistics (4)" does not contain visible text "Statistics 4".
Mode: light
<button id="CybotCookiebotDialogDetailBodyContentCookieContainerStatistics" class="CybotCookiebotDialogDetailBodyContentCookieContainerButton CybotCookiebotDialogCollapsed" lang="en" data-target="Cybo...
XPath: #CybotCookiebotDialogDetailBodyContentCookieContainerStatistics
53 Moderate accesslint keyboard-accessible/focus-order
12 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Non-interactive <div> with tabindex="0" has no interactive role.
Mode: light
<div class="a2zItem" aria-label="Open A to Z items starting with A" tabindex="0"><a class="a2zLetter">A</a></div>
XPath: div:nth-of-type(1) > div[aria-label="Open A to Z items starting with A"]
Example 2 View on Page
Non-interactive <div> with tabindex="0" has no interactive role.
Mode: light
<div class="a2zItem" aria-label="Open A to Z items starting with B" tabindex="0"><a class="a2zLetter">B</a></div>
XPath: div:nth-of-type(1) > div[aria-label="Open A to Z items starting with B"]
Example 3 View on Page
Non-interactive <div> with tabindex="0" has no interactive role.
Mode: light
<div class="a2zItem" aria-label="Open A to Z items starting with C" tabindex="0"><a class="a2zLetter">C</a></div>
XPath: div:nth-of-type(1) > div[aria-label="Open A to Z items starting with C"]
Example 4 View on Page
Non-interactive <div> with tabindex="0" has no interactive role.
Mode: light
<div class="a2zItem" aria-label="Open A to Z items starting with D" tabindex="0"><a class="a2zLetter">D</a></div>
XPath: div:nth-of-type(1) > div[aria-label="Open A to Z items starting with D"]
Example 5 View on Page
Non-interactive <div> with tabindex="0" has no interactive role.
Mode: light
<div class="a2zItem" aria-label="Open A to Z items starting with E" tabindex="0"><a class="a2zLetter">E</a></div>
XPath: div:nth-of-type(1) > div[aria-label="Open A to Z items starting with E"]
45 Moderate accesslint labels-and-names/button-name
6 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Button has no discernible text.
Mode: light
<div class="dismiss-close" tabindex="0" role="button"></div>
XPath: #placement-2-1 > div:nth-of-type(1)
Example 2 View on Page
Button has no discernible text.
Mode: light
<button tabindex="0" aria-pressed="false" class="qc-usp-close-icon"></button>
XPath: #qc-cmp2-usp > button
Example 3 View on Page
Button has no 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">OFF</p><p class="text on">ON</p></button>
XPath: li:nth-of-type(1) > div > button
Example 4 View on Page
Button has no 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">OFF</p><p class="text on">ON</p></button>
XPath: li:nth-of-type(2) > div > button
Example 5 View on Page
Button has no 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">OFF</p><p class="text on">ON</p></button>
XPath: li:nth-of-type(3) > div > button
42 Moderate accesslint keyboard-accessible/tabindex
6 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element has tabindex="1" which disrupts tab order.
Mode: light
<a href="#main-content" class="visually-hidden focusable skip-link" tabindex="1"> Skip to main content </a>
XPath: body > a[href="#main-content"]
Example 2 View on Page
Element has tabindex="2" which disrupts tab order.
Mode: light
<div class="site-logo" tabindex="2"> <img src="/themes/custom/bfc/logo.svg" alt="Bracknell Forest Council"> </div>
XPath: #block-bfc-localgov-sitebranding > div
Example 3 View on Page
Element has tabindex="3" which disrupts tab order.
Mode: light
<button aria-controls="main-menu-wrapper" aria-expanded="false" type="button" class="menu__button" tabindex="3"> <span>Menu</span> <span aria-hidden="true" class="menu__button-bars...
XPath: #block-bfc-localgov-mainnavigation > button
Example 4 View on Page
Element has tabindex="3" which disrupts tab order.
Mode: light
<li class="menu--main__account-link" tabindex="3"> <div class="account-link account-link--white"> <a href="/customer-accounts"> My accounts </a> </div> </li>
XPath: #main-menu-wrapper > div > div > ul > li:nth-of-type(1)
Example 5 View on Page
Element has tabindex="3" which disrupts tab order.
Mode: light
<a href="/bins-and-recycling" tabindex="3" data-drupal-link-system-path="node/95">Bins and recycling</a>
XPath: li:nth-of-type(2) > a[href="/bins-and-recycling"]
31 Moderate accesslint aria/aria-required-attr
6 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Role "switch" requires attribute "aria-checked".
Mode: light
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonPreferences" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" data-target="CybotCookiebotDialogBod...
XPath: #CybotCookiebotDialogBodyLevelButtonPreferences
Example 2 View on Page
Role "switch" requires attribute "aria-checked".
Mode: light
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonStatistics" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" data-target="CybotCookiebotDialogBody...
XPath: #CybotCookiebotDialogBodyLevelButtonStatistics
Example 3 View on Page
Role "switch" requires attribute "aria-checked".
Mode: light
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonMarketing" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" data-target="CybotCookiebotDialogBodyL...
XPath: #CybotCookiebotDialogBodyLevelButtonMarketing
Example 4 View on Page
Role "switch" requires attribute "aria-checked".
Mode: light
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonPreferencesInline" aria-labelledby="CybotCookiebotDialogBodyLevelButtonPreferencesInlineLabel" class="CybotCookiebotDialogBodyLevelButton ...
XPath: #CybotCookiebotDialogBodyLevelButtonPreferencesInline
Example 5 View on Page
Role "switch" requires attribute "aria-checked".
Mode: light
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonStatisticsInline" aria-labelledby="CybotCookiebotDialogBodyLevelButtonStatisticsInlineLabel" class="CybotCookiebotDialogBodyLevelButton Cy...
XPath: #CybotCookiebotDialogBodyLevelButtonStatisticsInline
30 Moderate accesslint distinguishable/link-in-text-block
6 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Link in text block is not visually distinguishable from surrounding text. Add a non-color visual indicator such as an underline or border.
Mode: light
<a href="https://www.ambervalley.gov.uk/council/data-protection/" style="">privacy policy</a>
XPath: p > a[href="https://www.ambervalley.gov.uk/council/data-protection/"]
Example 2 View on Page
Link in text block is not visually distinguishable from surrounding text. Add a non-color visual indicator such as an underline or border.
Mode: light
<a class="CybotCookiebotDialogDetailBodyContentCookieLink" target="_blank" rel="noopener noreferrer nofollow" aria-label="Learn more about this provider - opens in a new window" href="https://business...
XPath: #CybotCookiebotDialogDetailBodyContentCookieTabsStatistics > div > ul > li > a[href="https://business.safety.google/privacy/"]
Example 3 View on Page
Link in text block is not visually distinguishable from surrounding text. Add a non-color visual indicator such as an underline or border.
Mode: light
<a class="CybotCookiebotDialogDetailBodyContentCookieLink" target="_blank" rel="noopener noreferrer nofollow" aria-label="Learn more about this provider - opens in a new window" href="https://privacy....
XPath: li:nth-of-type(1) > a[href="https://privacy.microsoft.com/en-us/PrivacyStatement"]
Example 4 View on Page
Link in text block is not visually distinguishable from surrounding text. Add a non-color visual indicator such as an underline or border.
Mode: light
<a class="CybotCookiebotDialogDetailBodyContentCookieLink" target="_blank" rel="noopener noreferrer nofollow" aria-label="Learn more about this provider - opens in a new window" href="https://www.cook...
XPath: li:nth-of-type(2) > a[href="https://www.cookiebot.com/goto/privacy-policy/"]
Example 5 View on Page
Link in text block is not visually distinguishable from surrounding text. Add a non-color visual indicator such as an underline or border.
Mode: light
<a class="CybotCookiebotDialogDetailBodyContentCookieLink" target="_blank" rel="noopener noreferrer nofollow" aria-label="Learn more about this provider - opens in a new window" href="https://vimeo.co...
XPath: li:nth-of-type(3) > a[href="https://vimeo.com/privacy"]
27 Moderate accesslint landmarks/landmark-main
27 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Page has no main landmark.
Mode: light
<html>
XPath: html
Example 2 View on Page
Page has no main landmark.
Mode: light
<html>
XPath: html
Example 3 View on Page
Page has no main landmark.
Mode: light
<html>
XPath: html
Example 4 View on Page
Page has no main landmark.
Mode: light
<html>
XPath: html
Example 5 View on Page
Page has no main landmark.
Mode: light
<html>
XPath: html
24 Moderate accesslint text-alternatives/svg-img-alt
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
svg with role='img' has no 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-i2...
XPath: a[href="/benefits/apply"] > svg
Example 2 View on Page
svg with role='img' has no 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-i2...
XPath: a[href="/dio/apply-or-search-job"] > svg
Example 3 View on Page
svg with role='img' has no 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-i2...
XPath: a[href="/dio/register-council-tax-electronic-billing"] > svg
Example 4 View on Page
svg with role='img' has no 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-i2...
XPath: a[href="/dio/apply-planning-permission"] > svg
Example 5 View on Page
svg with role='img' has no 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-i2...
XPath: a[href="/schools-and-learning/schools/admissions"] > svg
20 Moderate accesslint distinguishable/color-contrast
10 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Insufficient color contrast ratio of 3.4:1 (required 4.5:1).
Mode: light
<div class="small mb-1 text-white">06 April 2026</div>
XPath: div:nth-of-type(1) > div > div:nth-of-type(2) > div > div
Example 2 View on Page
Insufficient color contrast ratio of 3.81:1 (required 4.5:1).
Mode: light
<a href="/cookies/" target="_blank">Cookie Policy.</a>
XPath: p > a[href="/cookies/"]
Example 3 View on Page
Insufficient color contrast ratio of 3.81:1 (required 4.5:1).
Mode: light
<button class="accept-all st-button st-button--primary" aria-label="Accept all cookies">Accept all</button>
XPath: div > button[aria-label="Accept all cookies"]
Example 4 View on Page
Insufficient color contrast ratio of 3.81:1 (required 4.5:1).
Mode: light
<button class="reject-all st-button st-button--primary">Reject non-essential</button>
XPath: div > button:nth-of-type(2)
Example 5 View on Page
Insufficient color contrast ratio of 3.81:1 (required 4.5:1).
Mode: light
<span>Preferences</span>
XPath: button[aria-label="Toggle preferences"] > span
17 Moderate accesslint landmarks/landmark-unique
11 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Multiple region landmarks have the same label "account".
Mode: light
<div class="account-links" role="region" aria-label="account"> <a href="https://www.babergh.gov.uk/c/portal/login?p_l_id=205">Your account</a> </div>
XPath: div:nth-of-type(2) > div[aria-label="account"]
Example 2 View on Page
Multiple form landmarks have the same label "search search".
Mode: light
<div role="search"> <form action="/search/" method="get" class="ui-search__form"> <h2 class="search__heading">Search</h2> <label class="ui-search__label search__label" for="search"...
XPath: header > div:nth-of-type(3) > div
Example 3 View on Page
Multiple navigation landmarks have the same label "services".
Mode: light
<nav id="block-services-2" role="navigation" aria-labelledby="block-services-2-menu"> <h2 class="visually-hidden" id="block-services-2-menu">Services</h2> <div class="top-nav js-pus...
XPath: #block-services-2
Example 4 View on Page
Multiple region landmarks have the same label "content".
Mode: light
<section class="content component usn_cmp_pods base-bg base-bg-solid d-xs-none_only d-sm-none_only bdcHomeBanner" aria-label="content"> <div class="image background-image component-backgrou...
XPath: #site-content > section[aria-label="content"]
Example 5 View on Page
Multiple region landmarks have the same label "content".
Mode: light
<section class="content component usn_cmp_subpagelisting base-bg base-bg-solid justify-around promotionLinks" aria-label="content"> <div class="component-inner"> <div c...
XPath: #site-content > section[aria-label="content"] > div > div > div > section[aria-label="content"]
15 Moderate accesslint readable/html-has-lang
15 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
<html> element missing lang attribute.
Mode: light
<html><head><title>403 Forbidden</title><script type="text/javascript">var AccessLint=(function(y){"use strict";const F=["a[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])'...
XPath: html
Example 2 View on Page
<html> element missing lang attribute.
Mode: light
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style type="text/css"> html, body { margin: 0; padding: 0; font-family: Verdana, Arial, sans-serif; font-size: 10p...
XPath: html
Example 3 View on Page
<html> element missing lang attribute.
Mode: light
<html><head><title>403 Forbidden</title><script type="text/javascript">var AccessLint=(function(y){"use strict";const F=["a[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])'...
XPath: html
Example 4 View on Page
<html> element missing lang attribute.
Mode: light
<html><head><title>403 Forbidden</title><script type="text/javascript">var AccessLint=(function(y){"use strict";const F=["a[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])'...
XPath: html
Example 5 View on Page
<html> element missing lang attribute.
Mode: light
<html><head><title>403 Forbidden</title><script type="text/javascript">var AccessLint=(function(y){"use strict";const F=["a[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])'...
XPath: html
14 Moderate accesslint navigable/heading-order
12 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Heading level 3 skipped from level 1. Use h2 instead.
Mode: light
<h3 class="title">Bins &amp; Recycling</h3>
XPath: a[href="/bins/"] > div > h3
Example 2 View on Page
Heading level 3 skipped from level 1. Use h2 instead.
Mode: light
<h3 class="services-menu-title">Services</h3>
XPath: div > div > h3
Example 3 View on Page
Heading level 3 skipped from level 1. Use h2 instead.
Mode: light
<h3><a href="/residents/social-care-and-health/adults-and-older-people/support-to-live-independently/bristol-community-meals">Meal delivery and wellbeing service</a></h3>
XPath: div:nth-of-type(1) > div > div > div > div:nth-of-type(2) > h3
Example 4 View on Page
Heading level 4 skipped from level 2. Use h3 instead.
Mode: light
<h4>Follow us:</h4>
XPath: div > h4
Example 5 View on Page
Heading level 6 skipped from level 2. Use h3 instead.
Mode: light
<h6 class="center centh">Feedback &amp; Share</h6>
XPath: div > h6
14 Moderate accesslint aria/aria-allowed-role
9 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Role "button" is not allowed on element <h2>.
Mode: light
<h2 onclick="launchSupport()" tabindex="0" role="button" id="test-button" style="background-color:#051af6; color:#f8f8fd; cursor:pointer; text-align:center; overflow:auto;">Webchat</h2>
XPath: #test-button
Example 2 View on Page
Role "textbox" is not allowed on element <input>.
Mode: light
<input class="form-control searchBox ui-autocomplete-input" id="topsearch" name="term" title="search" value="" type="search" placeholder="What are you looking for?" aria-label="Search" autocomplete="o...
XPath: #topsearch
Example 3 View on Page
Role "navigation" is not allowed on element <input>.
Mode: light
<input type="text" id="autofill" class="modal-focus" tabindex="-1" aria-label="Hidden Input Field" role="navigation">
XPath: #autofill
Example 4 View on Page
Role "search" is not allowed on element <input>.
Mode: light
<input aria-label="Search" autocomplete="off" data-qa-id="searchInput" name="q" placeholder="Search..." title="Search" class="form-control input-group-inset input-group-inset-after search-bar-keywords...
XPath: div > input[name="q"]
Example 5 View on Page
Role "group" is not allowed on element <a>.
Mode: light
<a href="/waste-and-recycling/household-waste/food-waste-collections/" class="item" role="group" aria-roledescription="slide" aria-label="1 of 1" tabindex="0"> <div class="container"> ...
XPath: section[aria-label="Home Page Carousel"] > div:nth-of-type(1) > ul > li > a[href="/waste-and-recycling/household-waste/food-waste-collections/"]
14 Moderate accesslint labels-and-names/form-label
2 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Form element has no accessible label.
Mode: light
<button tabindex="0" role="switch" aria-checked="false" class="qc-cmp2-toggle css-w01txj"><div class="toggle"></div><p class="text off">OFF</p><p class="text on">ON</p></button>
XPath: li:nth-of-type(1) > div > button
Example 2 View on Page
Form element has no accessible label.
Mode: light
<button tabindex="0" role="switch" aria-checked="false" class="qc-cmp2-toggle css-w01txj"><div class="toggle"></div><p class="text off">OFF</p><p class="text on">ON</p></button>
XPath: li:nth-of-type(2) > div > button
Example 3 View on Page
Form element has no accessible label.
Mode: light
<button tabindex="0" role="switch" aria-checked="false" class="qc-cmp2-toggle css-w01txj"><div class="toggle"></div><p class="text off">OFF</p><p class="text on">ON</p></button>
XPath: li:nth-of-type(3) > div > button
Example 4 View on Page
Form element has no accessible label.
Mode: light
<button tabindex="0" role="switch" aria-checked="false" class="qc-cmp2-toggle css-w01txj"><div class="toggle"></div><p class="text off">OFF</p><p class="text on">ON</p></button>
XPath: li:nth-of-type(4) > div > button
Example 5 View on Page
Form element has no accessible label.
Mode: light
<button tabindex="0" role="switch" aria-checked="false" class="qc-cmp2-toggle css-w01txj"><div class="toggle"></div><p class="text off">OFF</p><p class="text on">ON</p></button>
XPath: li:nth-of-type(5) > div > button
14 Moderate accesslint labels-and-names/aria-toggle-field-name
2 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
ARIA toggle field has no accessible name.
Mode: light
<button tabindex="0" role="switch" aria-checked="false" class="qc-cmp2-toggle css-w01txj"><div class="toggle"></div><p class="text off">OFF</p><p class="text on">ON</p></button>
XPath: li:nth-of-type(1) > div > button
Example 2 View on Page
ARIA toggle field has no accessible name.
Mode: light
<button tabindex="0" role="switch" aria-checked="false" class="qc-cmp2-toggle css-w01txj"><div class="toggle"></div><p class="text off">OFF</p><p class="text on">ON</p></button>
XPath: li:nth-of-type(2) > div > button
Example 3 View on Page
ARIA toggle field has no accessible name.
Mode: light
<button tabindex="0" role="switch" aria-checked="false" class="qc-cmp2-toggle css-w01txj"><div class="toggle"></div><p class="text off">OFF</p><p class="text on">ON</p></button>
XPath: li:nth-of-type(3) > div > button
Example 4 View on Page
ARIA toggle field has no accessible name.
Mode: light
<button tabindex="0" role="switch" aria-checked="false" class="qc-cmp2-toggle css-w01txj"><div class="toggle"></div><p class="text off">OFF</p><p class="text on">ON</p></button>
XPath: li:nth-of-type(4) > div > button
Example 5 View on Page
ARIA toggle field has no accessible name.
Mode: light
<button tabindex="0" role="switch" aria-checked="false" class="qc-cmp2-toggle css-w01txj"><div class="toggle"></div><p class="text off">OFF</p><p class="text on">ON</p></button>
XPath: li:nth-of-type(5) > div > button
14 Moderate accesslint navigable/empty-heading
2 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Heading is empty. Add text content or remove the heading element.
Mode: light
<h2>&nbsp;</h2>
XPath: div:nth-of-type(14) > h2
Example 2 View on Page
Heading is empty. Add text content or remove the heading element.
Mode: light
<h3 class="link-group__heading"> <a href="https://www.eastdunbarton.gov.uk/about/councillors/" class="font-bold">Councillors &amp; Committees</a> ...
XPath: #about-dropdown-menu > div > div > div:nth-of-type(2) > div:nth-of-type(1) > h3
Example 3 View on Page
Heading is empty. Add text content or remove the heading element.
Mode: light
<h3 class="link-group__heading"> <a href="https://www.eastdunbarton.gov.uk/about/our-council/" class="font-bold">Our Council</a> ...
XPath: div:nth-of-type(2) > h3
Example 4 View on Page
Heading is empty. Add text content or remove the heading element.
Mode: light
<h3 class="link-group__heading"> <a href="https://www.eastdunbarton.gov.uk/about/managing-information/" class="font-bold">Managing Information</a> ...
XPath: div:nth-of-type(3) > h3
Example 5 View on Page
Heading is empty. Add text content or remove the heading element.
Mode: light
<h3 class="link-group__heading"> <a href="https://www.eastdunbarton.gov.uk/about/things-to-do/" class="font-bold">Things to do</a> ...
XPath: div:nth-of-type(4) > h3
13 Moderate accesslint landmarks/no-duplicate-banner
7 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Page has multiple banner landmarks.
Mode: light
<header id="site-header-row" class="site-header-row clearfix"> <div class="site-header-row-inner"> <div class="content-container clearfix"> <div class="logo-container"> <div class="home-page-headline"...
XPath: #site-header-row
Example 2 View on Page
Page has multiple banner landmarks.
Mode: light
<div data-sitewide-alert="" role="banner"></div>
XPath: #block-brentwood-council-sitewidealert > div
Example 3 View on Page
Page has multiple banner landmarks.
Mode: light
<header class="wrapper wrapper--header-space"> <a href="#main-content" class="skip-link">Skip to main content</a> <div class="header"> <div class="header__inner wrapper...
XPath: div:nth-of-type(2) > header
Example 4 View on Page
Page has multiple banner landmarks.
Mode: light
<header class="hidden-desktop hidden-tablet site-header"> <nav class="horizontal-nav pull-left" style="font-size:smaller"> <ul> <!--<li><a style="margin-left:4px;" href="/home/about-this-website/...
XPath: body > header:nth-of-type(2)
Example 5 View on Page
Page has multiple banner landmarks.
Mode: light
<div class="banner" role="banner" aria-label="Banner" style="background-image: url(&quot;/assets/images/banner/_8.jpg&quot;);"> <div class="govuk-width-container"> <div class="govuk-grid-r...
XPath: body > div[aria-label="Banner"]
12 Moderate accesslint text-alternatives/image-alt-words
4 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Alt text "Photo of stall at Ashford Food and Drink festival." starts with redundant prefix "photo".
Mode: light
<img src="/media/bi2fn2bs/newshub-tile-template-food-and-drink-festival.jpg" alt="Photo of stall at Ashford Food and Drink festival.">
XPath: div:nth-of-type(3) > div:nth-of-type(2) > div > span:nth-of-type(1) > a > img
Example 2 View on Page
Alt text "Image of Covid Memorial in Bromsgrove Cemetery" starts with redundant prefix "image".
Mode: light
<img class="lazypreload lazyloaded" src="/media/gl2jn0lo/bdc_covidmemorialmarch26_webslider.jpg?anchor=center&amp;mode=crop&amp;width=160&amp;height=90&amp;rnd=134189186373930000" width="800" height="...
XPath: div:nth-of-type(4) > div > a[href="/news/posts/new-community-memorial-opened-following-national-day-of-reflection-for-covid-19/"] > div:nth-of-type(1) > picture > img
Example 3 View on Page
Alt text "Graphic of front cover of BDC Council Plan" starts with redundant prefix "graphic".
Mode: light
<img class="lazypreload lazyloaded" src="/media/pninshry/bdc-council-plan-web_slider.png?anchor=center&amp;mode=crop&amp;width=160&amp;height=90&amp;rnd=134201191944300000" width="800" height="450" da...
XPath: div:nth-of-type(6) > div > a[href="/news/posts/council-remains-committed-to-priorities/"] > div:nth-of-type(1) > picture > img
Example 4 View on Page
Alt text "Image of Covid Memorial in Bromsgrove Cemetery" starts with redundant prefix "image".
Mode: light
<img class="lazypreload lazyloaded" src="/media/gl2jn0lo/bdc_covidmemorialmarch26_webslider.jpg?anchor=center&amp;mode=crop&amp;width=160&amp;height=90&amp;rnd=134189186373930000" width="800" height="...
XPath: div:nth-of-type(10) > div > a[href="/news/posts/new-community-memorial-opened-following-national-day-of-reflection-for-covid-19/"] > div:nth-of-type(1) > picture > img
Example 5 View on Page
Alt text "Graphic of front cover of BDC Council Plan" starts with redundant prefix "graphic".
Mode: light
<img class="lazypreload lazyloaded" src="/media/pninshry/bdc-council-plan-web_slider.png?anchor=center&amp;mode=crop&amp;width=160&amp;height=90&amp;rnd=134201191944300000" width="800" height="450" da...
XPath: div:nth-of-type(12) > div > a[href="/news/posts/council-remains-committed-to-priorities/"] > div:nth-of-type(1) > picture > img
10 Moderate accesslint labels-and-names/frame-title
10 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Frame is missing an accessible name. Add a title attribute.
Mode: light
<iframe name="votingFrame" frameborder="0"></iframe>
XPath: #goog-gt-votingHiddenPane > iframe[name="votingFrame"]
Example 2 View on Page
Frame is missing an accessible name. Add a title attribute.
Mode: light
<iframe name="votingFrame" frameborder="0"></iframe>
XPath: #goog-gt-votingHiddenPane > iframe[name="votingFrame"]
Example 3 View on Page
Frame is missing an accessible name. Add a title attribute.
Mode: light
<iframe name="votingFrame" frameborder="0"></iframe>
XPath: #goog-gt-votingHiddenPane > iframe[name="votingFrame"]
Example 4 View on Page
Frame is missing an accessible name. Add a title attribute.
Mode: light
<iframe width="356" height="200" src="https://www.youtube.com/embed/videoseries?list=PLw5vyvPvkBOrEbqjWYKMvdlKpaJI9s3V7" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-medi...
XPath: div:nth-of-type(1) > figure > div > iframe
Example 5 View on Page
Frame is missing an accessible name. Add a title attribute.
Mode: light
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fbroxtoweboroughcouncil&amp;tabs=timeline&amp;width=350&amp;height=275&amp;small_header=true&amp;adapt_conta...
XPath: div:nth-of-type(2) > iframe
10 Moderate accesslint landmarks/no-duplicate-contentinfo
10 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Page has multiple contentinfo landmarks.
Mode: light
<footer class="homepad"> <div class="footer-container"> <div class="grid-x footerBar"> <a href="https://www.ashfield.gov.uk/a-z/?letter=A" class="footerlink">A to Z of services...
XPath: div:nth-of-type(3) > footer
Example 2 View on Page
Page has multiple contentinfo landmarks.
Mode: light
<p role="contentinfo">© 2026 Barnsley Metropolitan Borough Council. All rights reserved.</p>
XPath: div > div:nth-of-type(2) > p
Example 3 View on Page
Page has multiple contentinfo landmarks.
Mode: light
<footer class="wrapper wrapper--footer-space"> <div class="feedback-widget-wrapper "> <div class="wrapper wrapper--large"> <div class="feedback-widget show-ye...
XPath: div:nth-of-type(2) > footer
Example 4 View on Page
Page has multiple contentinfo landmarks.
Mode: light
<footer class="lgd-footer"> <div class="lgd-footer__footer"> <div class="lgd-container"> <div class="lgd-row"> <div cl...
XPath: div:nth-of-type(2) > footer
Example 5 View on Page
Page has multiple contentinfo landmarks.
Mode: light
<footer aria-labelledby="footerTitle"> <div class="footer"> <div class="container"> <div class="row"> <div class="col-xl-11 mx-auto"> <h2 cl...
XPath: body > footer
9 Moderate accesslint aria/aria-hidden-focus
3 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Focusable element is inside an aria-hidden region.
Mode: light
<a id="slider-button" class="button-small" href="https://colchester.cimuseums.org.uk/discover?utm_source=display&amp;utm_medium=banner&amp;utm_campaign=discover&amp;utm_term=ccc-website">Find out more...
XPath: #slider-button
Example 2 View on Page
Focusable element is inside an aria-hidden region.
Mode: light
<a class="slideshow-btn f-btn f-btn-transparent f-btn-xlarge f-width-7-10" href="/council-community/elections/" target="_self">Elections</a>
XPath: div > a[href="/council-community/elections/"]
Example 3 View on Page
Focusable element is inside an aria-hidden region.
Mode: light
<a class="slideshow-btn f-btn f-btn-transparent f-btn-xlarge f-width-7-10" href="https://healthydudley.co.uk/protect-your-health/flu/" target="_blank">Flu Vaccine</a>
XPath: div > a[href="https://healthydudley.co.uk/protect-your-health/flu/"]
Example 4 View on Page
Focusable element is inside an aria-hidden region.
Mode: light
<a class="slideshow-btn f-btn f-btn-transparent f-btn-xlarge f-width-7-10" href="/residents/benefits/pension-credit-are-you-missing-out/" target="_self">Pension Credit</a>
XPath: div > a[href="/residents/benefits/pension-credit-are-you-missing-out/"]
Example 5 View on Page
Focusable element is inside an aria-hidden region.
Mode: light
<a class="slideshow-btn f-btn f-btn-transparent f-btn-xlarge f-width-7-10" href="/council-community/dudley-climate-action/switch-together-dudley-solar-panels-battery-storage/" target="_self">Solar Tog...
XPath: div > a[href="/council-community/dudley-climate-action/switch-together-dudley-solar-panels-battery-storage/"]
8 Moderate accesslint aria/aria-allowed-attr
2 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
ARIA attribute "aria-required" is not allowed on role "radio".
Mode: light
<input aria-required="true" type="radio" class="custom-control-input" role="radio" value="HardToUnderstand">
XPath: div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > div > div > div > div:nth-of-type(1) > div > div > div:nth-of-type(1) > label > input
Example 2 View on Page
ARIA attribute "aria-required" is not allowed on role "radio".
Mode: light
<input aria-required="true" type="radio" class="custom-control-input" role="radio" value="Neutral">
XPath: div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > div > div > div > div > div:nth-of-type(1) > div > div > div:nth-of-type(2) > label > input
Example 3 View on Page
ARIA attribute "aria-required" is not allowed on role "radio".
Mode: light
<input aria-required="true" type="radio" class="custom-control-input" role="radio" value="EasyToUnderstand">
XPath: div:nth-of-type(3) > label > input
Example 4 View on Page
ARIA attribute "aria-required" is not allowed on role "radio".
Mode: light
<input aria-required="true" type="radio" class="custom-control-input" role="radio" value="Yes">
XPath: div:nth-of-type(3) > div > div > div > div > div > div:nth-of-type(1) > div > div > div:nth-of-type(1) > label > input
Example 5 View on Page
ARIA attribute "aria-required" is not allowed on role "radio".
Mode: light
<input aria-required="true" type="radio" class="custom-control-input" role="radio" value="No">
XPath: div:nth-of-type(3) > div > div > div > div > div > div:nth-of-type(1) > div > div > div:nth-of-type(2) > label > input
6 Moderate accesslint adaptable/list-children
6 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
List contains non-<li> child <p>.
Mode: light
<p class="CybotCookiebotDialogDetailBodyEmptyCategoryMessage">We do not use cookies of this type.</p>
XPath: ul > p
Example 2 View on Page
List contains non-<li> child <p>.
Mode: light
<p class="CybotCookiebotDialogDetailBodyEmptyCategoryMessage">We do not use cookies of this type.</p>
XPath: ul > p
Example 3 View on Page
List contains non-<li> child <div>.
Mode: light
<div class="qc-cmp2-scrollable-section"><ul class="qc-cmp2-consent-list"><li id="1" class="qc-cmp2-list-item qc-cmp2-expanded"><button role="listitem" class="qc-cmp2-list-item-header" aria-live="polit...
XPath: ul:nth-of-type(1) > div
Example 4 View on Page
List contains non-<li> child <div>.
Mode: light
<div class="text-center mt-0 sm:text-left"> <ul class=" gap-2 text-white flex flex-wrap justify-center sm:justify-start"> <li> <a href="https://www.facebook....
XPath: ul > div
Example 5 View on Page
List contains non-<li> child <a>.
Mode: light
<a href="https://www.clacks.gov.uk/maps/schoolcatchments/"> </a>
XPath: ul > a[href="https://www.clacks.gov.uk/maps/schoolcatchments/"]
6 Moderate accesslint aria/presentational-children-focusable
3 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Focusable element inside a "button" role whose children are presentational.
Mode: light
<input type="checkbox" id="cmplz-functional-optin" data-category="cmplz_functional" class="cmplz-consent-checkbox cmplz-functional" size="40" value="1">
XPath: #cmplz-functional-optin
Example 2 View on Page
Focusable element inside a "button" role whose children are presentational.
Mode: light
<input type="checkbox" id="cmplz-preferences-optin" data-category="cmplz_preferences" class="cmplz-consent-checkbox cmplz-preferences" size="40" value="1">
XPath: #cmplz-preferences-optin
Example 3 View on Page
Focusable element inside a "button" role whose children are presentational.
Mode: light
<input type="checkbox" id="cmplz-statistics-optin" data-category="cmplz_statistics" class="cmplz-consent-checkbox cmplz-statistics" size="40" value="1">
XPath: #cmplz-statistics-optin
Example 4 View on Page
Focusable element inside a "button" role whose children are presentational.
Mode: light
<input type="checkbox" id="cmplz-marketing-optin" data-category="cmplz_marketing" class="cmplz-consent-checkbox cmplz-marketing" size="40" value="1">
XPath: #cmplz-marketing-optin
Example 5 View on Page
Focusable element inside a "img" role whose children are presentational.
Mode: light
<a style="color:#fff;text-decoration:none;" href="/culture/alloaspeirscentre/">Speirs Centre, Alloa</a>
XPath: span > a[href="/culture/alloaspeirscentre/"]
5 Moderate accesslint navigable/page-has-heading-one
5 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Page does not contain a level-one heading.
Mode: light
<html>
XPath: html
Example 2 View on Page
Page does not contain a level-one heading.
Mode: light
<html>
XPath: html
Example 3 View on Page
Page does not contain a level-one heading.
Mode: light
<html>
XPath: html
Example 4 View on Page
Page does not contain a level-one heading.
Mode: light
<html>
XPath: html
Example 5 View on Page
Page does not contain a level-one heading.
Mode: light
<html>
XPath: html
5 Moderate accesslint enough-time/meta-refresh
5 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Page auto-refreshes after 360 seconds. Provide user control over refresh.
Mode: light
<meta http-equiv="refresh" content="360">
XPath: head > meta:nth-of-type(5)
Example 2 View on Page
Page auto-refreshes after 360 seconds. Provide user control over refresh.
Mode: light
<meta http-equiv="refresh" content="360">
XPath: head > meta:nth-of-type(5)
Example 3 View on Page
Page auto-refreshes after 360 seconds. Provide user control over refresh.
Mode: light
<meta http-equiv="refresh" content="360">
XPath: head > meta:nth-of-type(5)
Example 4 View on Page
Page auto-refreshes after 360 seconds. Provide user control over refresh.
Mode: light
<meta http-equiv="refresh" content="360">
XPath: head > meta:nth-of-type(5)
Example 5 View on Page
Page auto-refreshes after 360 seconds. Provide user control over refresh.
Mode: light
<meta http-equiv="refresh" content="360">
XPath: head > meta:nth-of-type(5)
5 Moderate accesslint enough-time/meta-refresh-no-exception
5 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Page has a 360-second meta refresh delay. Remove the auto-refresh or provide user control.
Mode: light
<meta http-equiv="refresh" content="360">
XPath: head > meta:nth-of-type(5)
Example 2 View on Page
Page has a 360-second meta refresh delay. Remove the auto-refresh or provide user control.
Mode: light
<meta http-equiv="refresh" content="360">
XPath: head > meta:nth-of-type(5)
Example 3 View on Page
Page has a 360-second meta refresh delay. Remove the auto-refresh or provide user control.
Mode: light
<meta http-equiv="refresh" content="360">
XPath: head > meta:nth-of-type(5)
Example 4 View on Page
Page has a 360-second meta refresh delay. Remove the auto-refresh or provide user control.
Mode: light
<meta http-equiv="refresh" content="360">
XPath: head > meta:nth-of-type(5)
Example 5 View on Page
Page has a 360-second meta refresh delay. Remove the auto-refresh or provide user control.
Mode: light
<meta http-equiv="refresh" content="360">
XPath: head > meta:nth-of-type(5)
4 Moderate accesslint labels-and-names/duplicate-id-aria
4 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Duplicate ID "search" referenced by label[for].
Mode: light
<input class="ui-search__field search__field autocomplete" type="search" name="search" id="search" placeholder="Search this site" accesskey="4" value="">
XPath: #search
Example 2 View on Page
Duplicate ID "toggleDescription" referenced by aria-labelledby.
Mode: light
<label id="toggleDescription" class="qc-usp-action-description" style="width: 80%;"><p>I want to opt-out of the Sale of my Personal Data.</p></label>
XPath: #toggleDescription
Example 3 View on Page
Duplicate ID "toggleDescription" referenced by aria-labelledby.
Mode: light
<label id="toggleDescription" class="qc-usp-action-description" style="width: 80%;"><p>I want to opt-out of the Sale of my Personal Data.</p></label>
XPath: #toggleDescription
Example 4 View on Page
Duplicate ID "msttxtSiteSearch" referenced by label[for].
Mode: light
<input type="search" name="q" id="msttxtSiteSearch" placeholder="Search fareham.gov.uk" size="32">
XPath: #msttxtSiteSearch
4 Moderate accesslint landmarks/banner-is-top-level
3 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Banner landmark is nested within another landmark.
Mode: light
<div class="logo-image col-md-12" role="banner"> <img class="logo-image--image" src="/media/nopepjsy/pic0379-bgcbc-logo-white.png" alt=""> </div>
XPath: main > div:nth-of-type(1) > div
Example 2 View on Page
Banner landmark is nested within another landmark.
Mode: light
<div id="headerWrapper" class="" role="banner"> <a href="/" class="pull-left visible-sm visible-xs mobile-logo slimmage"> <img src="/img/broxtowe_logo.png" alt="Return to the Broxt...
XPath: #headerWrapper
Example 3 View on Page
Banner landmark is nested within another landmark.
Mode: light
<div class="lgd-region lgd-region--content region region-content" role="banner"> <div class="lgd-region__inner lgd-region__inner--content"> <div id="block-elmbridge-localgov-mainpageco...
XPath: #main-content > div:nth-of-type(1)
Example 4 View on Page
Banner landmark is nested within another landmark.
Mode: light
<div class="lgd-region lgd-region--content-bottom region region-content-bottom" role="banner"> <div class="lgd-container padding-horizontal"> <div class="lgd-region__inner lgd-regi...
XPath: #main-content > div:nth-of-type(2)
3 Moderate accesslint adaptable/aria-required-parent
3 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Role "tab" must be contained within: tablist.
Mode: light
<div aria-label="refinement" role="tab" class="gsc-tabHeader gsc-inline-block gsc-tabhActive">Custom Search</div>
XPath: div > div[aria-label="refinement"]
Example 2 View on Page
Role "tab" must be contained within: tablist.
Mode: light
<div aria-label="refinement" role="tab" class="gsc-tabHeader gsc-inline-block gsc-tabhActive">Web</div>
XPath: #___gcse_0 > div > div > div:nth-of-type(1) > div:nth-of-type(2) > div > div[aria-label="refinement"]
Example 3 View on Page
Role "tab" must be contained within: tablist.
Mode: light
<div aria-label="refinement" role="tab" class="gsc-tabHeader gsc-inline-block gsc-tabhActive">Custom Search</div>
XPath: div > div[aria-label="refinement"]
3 Moderate accesslint text-alternatives/img-alt
3 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Image element missing alt attribute.
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: a[href="/news/2026/apr/election-candidates-confirmed-argyll-and-bute-scottish-parliamentary-constituency"] > img
Example 2 View on Page
Image element missing alt attribute.
Mode: light
<img class="img-fluid lazyload" data-src="/media/j4ba43v1/groove.webp">
XPath: #MainEvent > img
Example 3 View on Page
Image element missing alt attribute.
Mode: light
<img src="/themes/custom/dundeecitycouncil/images/x-logo.png?v=1">
XPath: li:nth-of-type(1) > ul > li:nth-of-type(1) > a[href="https://twitter.com/@dundeecouncil"] > span:nth-of-type(2) > img
3 Moderate accesslint labels-and-names/multiple-labels
3 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Form field has 2 labels. Use a single label element.
Mode: light
<input class="ui-search__field search__field autocomplete" type="search" name="search" id="search" placeholder="Search this site" accesskey="4" value="">
XPath: #search
Example 2 View on Page
Form field has 2 labels. Use a single label element.
Mode: light
<input id="search_field" type="text" role="searchbox" class="form-control" name="search_field" placeholder="Search the site">
XPath: #search_field
Example 3 View on Page
Form field has 2 labels. Use a single label element.
Mode: light
<input type="search" name="q" id="msttxtSiteSearch" placeholder="Search fareham.gov.uk" size="32">
XPath: #msttxtSiteSearch
3 Moderate accesslint labels-and-names/label-title-only
2 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Form element uses title attribute as only label. Use <label>, aria-label, or aria-labelledby instead.
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" clas...
XPath: #edit-search-query--2
Example 2 View on Page
Form element uses title attribute as only label. Use <label>, aria-label, or aria-labelledby instead.
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="...
XPath: #edit-search-query
Example 3 View on Page
Form element uses title attribute as only label. Use <label>, aria-label, or aria-labelledby instead.
Mode: light
<input placeholder="Enter your email address" name="e" type="email" required="" id="prefix-emailInput" title="Enter your email address">
XPath: #prefix-emailInput
2 Moderate accesslint navigable/document-title
2 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Document is missing a <title> element.
Mode: light
<html>
XPath: html
Example 2 View on Page
Document is missing a <title> element.
Mode: light
<html>
XPath: html
2 Moderate accesslint navigable/bypass
2 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Page has no mechanism to bypass repeated content. Add a <main> landmark or skip link.
Mode: light
<html>
XPath: html
Example 2 View on Page
Page has no mechanism to bypass repeated content. Add a <main> landmark or skip link.
Mode: light
<html>
XPath: html
2 Moderate accesslint keyboard-accessible/nested-interactive
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Interactive element <select> is nested inside <a>.
Mode: light
<select class="goog-te-combo" aria-label="Language Translate Widget" id="toolbar_googleTranslateSelect"><option value="">Select Language</option><option value="ab">Abkhaz</option><option value="ace">A...
XPath: #toolbar_googleTranslateSelect
Example 2 View on Page
Interactive element <a> is nested inside <a>.
Mode: light
<a class="VIpgJd-ZVi9od-l4eHX-hSRGPd" href="https://translate.google.com" target="_blank"><img src="https://www.gstatic.com/images/branding/googlelogo/1x/googlelogo_color_42x16dp.png" width="37px" hei...
XPath: span > a[href="https://translate.google.com"]
1 Moderate accesslint labels-and-names/aria-command-name
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
ARIA command has no accessible name.
Mode: light
<div class="dismiss-close" tabindex="0" role="button"></div>
XPath: #placement-2-1 > div:nth-of-type(1)
1 Moderate accesslint keyboard-accessible/accesskeys
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Duplicate accesskey "4". Each accesskey must be unique.
Mode: light
<input class="ui-search__field search__field autocomplete" type="search" name="search" id="search" placeholder="Search this site" accesskey="4" value="">
XPath: #search
1 Moderate accesslint keyboard-accessible/scrollable-region
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Scrollable region is not keyboard accessible. Add tabindex='0' or include focusable elements.
Mode: light
<div id="CybotCookiebotDialogBodyContent" class="CybotCookiebotScrollArea"><div class="CybotCookiebotFader CybotCookiebotDialogActive" aria-hidden="true" style="background-image: linear-gradient(to to...
XPath: #CybotCookiebotDialogBodyContent
1 Moderate accesslint text-alternatives/image-redundant-alt
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Alt text "Menu" duplicates surrounding button text.
Mode: light
<img src="/_Nl7gMQ_ee646941-7b86-4296-9943-5c878e9a0963/static/img/i-menu.svg?db15b3ae7acd8b41c30d745afd93cf39" alt="Menu" class="i i--menu">
XPath: button > img
1 Moderate accesslint landmarks/complementary-is-top-level
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Complementary landmark should be top-level.
Mode: light
<section class="fixed-col" role="complementary" aria-label="Sidebar"> <h2 class="sr-only">Dundee City Council</h2> <a class="brand brand--hidden-xs" href="/" title="Home"> <img src="/themes/...
XPath: div:nth-of-type(3) > section[aria-label="Sidebar"]
1 Moderate accesslint aria/aria-valid-attr-value
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
aria-hidden must be "true" or "false", got "".
Mode: light
<span class="back-to-top-target" aria-hidden="" data-once="back-to-top-target" style="position: absolute; top: 1080px;"></span>
XPath: div:nth-of-type(2) > span

🔧 Most Common Issues (QualWeb)

21 rules
64 Moderate qualweb QW-ACT-R76: Element has contrast ratio lower than minimum.
64 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 2 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 3 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 4 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 5 View on Page
Element has contrast ratio lower than minimum.
Mode: light
21 Moderate qualweb QW-ACT-R37: Element has contrast ratio lower than minimum.
21 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 2 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 3 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 4 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 5 View on Page
Element has contrast ratio lower than minimum.
Mode: light
19 Moderate qualweb QW-ACT-R30: The complete visible text content of the test target neither matches or is contained within its accessible name.
19 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The complete visible text content of the test target neither matches or is contained within its accessible name.
Mode: light
Example 2 View on Page
The complete visible text content of the test target neither matches or is contained within its accessible name.
Mode: light
Example 3 View on Page
The complete visible text content of the test target neither matches or is contained within its accessible name.
Mode: light
Example 4 View on Page
The complete visible text content of the test target neither matches or is contained within its accessible name.
Mode: light
Example 5 View on Page
The complete visible text content of the test target neither matches or is contained within its accessible name.
Mode: light
13 Moderate qualweb QW-ACT-R2: The `lang` attribute doesn't exist or is empty ('').
13 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The `lang` attribute doesn't exist or is empty ('').
Mode: light
Example 2 View on Page
The `lang` attribute doesn't exist or is empty ('').
Mode: light
Example 3 View on Page
The `lang` attribute doesn't exist or is empty ('').
Mode: light
Example 4 View on Page
The `lang` attribute doesn't exist or is empty ('').
Mode: light
Example 5 View on Page
The `lang` attribute doesn't exist or is empty ('').
Mode: light
10 Moderate qualweb QW-ACT-R25: The `aria-label` property is neither inherited nor supported by the `role` generic.
10 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The `aria-label` property is neither inherited nor supported by the `role` generic.
Mode: light
Example 2 View on Page
The `aria-label` property is neither inherited nor supported by the `role` generic.
Mode: light
Example 3 View on Page
The `aria-label` property is neither inherited nor supported by the `role` generic.
Mode: light
Example 4 View on Page
The `aria-expanded` property is neither inherited nor supported by the `role` generic.
Mode: light
Example 5 View on Page
The `aria-labelledby` property is neither inherited nor supported by the `role` generic.
Mode: light
6 Moderate qualweb QW-ACT-R12: The test target doesn't have an accessible name, or it's empty ('').
6 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
Example 2 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
Example 3 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
Example 4 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
Example 5 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
6 Moderate qualweb QW-ACT-R11: The test target doesn't have an accessible name, or it's empty ('').
6 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
Example 2 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
Example 3 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
Example 4 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
Example 5 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
5 Moderate qualweb QW-ACT-R4: The test target refreshes after 360 seconds.
5 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target refreshes after 360 seconds.
Mode: light
Example 2 View on Page
The test target refreshes after 360 seconds.
Mode: light
Example 3 View on Page
The test target refreshes after 360 seconds.
Mode: light
Example 4 View on Page
The test target refreshes after 360 seconds.
Mode: light
Example 5 View on Page
The test target refreshes after 360 seconds.
Mode: light
5 Moderate qualweb QW-ACT-R71: The test target refreshes after 360 seconds.
5 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target refreshes after 360 seconds.
Mode: light
Example 2 View on Page
The test target refreshes after 360 seconds.
Mode: light
Example 3 View on Page
The test target refreshes after 360 seconds.
Mode: light
Example 4 View on Page
The test target refreshes after 360 seconds.
Mode: light
Example 5 View on Page
The test target refreshes after 360 seconds.
Mode: light
4 Moderate qualweb QW-ACT-R28: The test target has unlisted required states or properties.
4 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The test target has unlisted required states or properties.
Mode: light
Example 2 View on Page
The test target has unlisted required states or properties.
Mode: light
Example 3 View on Page
The test target has unlisted required states or properties.
Mode: light
Example 4 View on Page
The test target has unlisted required states or properties.
Mode: light
4 Moderate qualweb QW-ACT-R38: The test target owns elements that doesn't have the correct role.
4 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target owns elements that doesn't have the correct role.
Mode: light
Example 2 View on Page
The test target owns elements that doesn't have the correct role.
Mode: light
Example 3 View on Page
The test target owns elements that doesn't have the correct role.
Mode: light
Example 4 View on Page
The test target owns elements that doesn't have the correct role.
Mode: light
3 Moderate qualweb QW-ACT-R66: The test target accessible name doesn't exist or it's empty ('').
3 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
Example 2 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
Example 3 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
3 Moderate qualweb QW-ACT-R14: The `meta` element with a `name='viewport'` attribute abolishes the user agent ability to zoom with user-scalable=no or maximum-scale < 2.
3 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The `meta` element with a `name='viewport'` attribute abolishes the user agent ability to zoom with user-scalable=no or maximum-scale < 2.
Mode: light
Example 2 View on Page
The `meta` element with a `name='viewport'` attribute abolishes the user agent ability to zoom with user-scalable=no or maximum-scale < 2.
Mode: light
Example 3 View on Page
The `meta` element with a `name='viewport'` attribute abolishes the user agent ability to zoom with user-scalable=no or maximum-scale < 2.
Mode: light
2 Moderate qualweb QW-ACT-R17: The test target doesn't have an accessible name.
2 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target doesn't have an accessible name.
Mode: light
Example 2 View on Page
The test target doesn't have an accessible name.
Mode: light
2 Moderate qualweb QW-ACT-R19: The test target accessible name doesn't exist or it's empty ('').
2 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
Example 2 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
2 Moderate qualweb QW-ACT-R16: The test target accessible name doesn't exist or it's empty ('').
2 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
Example 2 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
2 Moderate qualweb QW-ACT-R33: The test target parent doesn't have the required context `role`.
2 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target parent doesn't have the required context `role`.
Mode: light
Example 2 View on Page
The test target parent doesn't have the required context `role`.
Mode: light
2 Moderate qualweb QW-ACT-R13: The test target has focusable children.
2 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target has focusable children.
Mode: light
Example 2 View on Page
The test target has focusable children.
Mode: light
1 Moderate qualweb QW-ACT-R43: This vertically/horizontally scrollable section element is not included in sequential focus navigation, nor does it have any descendants that are.
1 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
This vertically/horizontally scrollable section element is not included in sequential focus navigation, nor does it have any descendants that are.
Mode: light
1 Moderate qualweb QW-ACT-R65: The element has descendants in the flat tree that are part of sequential focus navigation.
1 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element has descendants in the flat tree that are part of sequential focus navigation.
Mode: light
1 Moderate qualweb QW-ACT-R35: The test target accessible name doesn't exist or it's empty ('').
1 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light