Accessibility Scan Report

Title: UK Councils 2/2 (182) Issue: #41 Date: 4/17/2026, 1:30:55 AM Duration: 45.0m URLs: 182 / 182 🌙 Dark Mode: 9 / 123 URLs⚡ Reduced Motion: 48 / 123 URLs🖥️ Forced Colors: 6 / 123 URLs

Summary

Issues

  • By Level: A (270), AA (426), AAA (56)
  • By Version (A & AA): WCAG 2.0 (358), WCAG 2.2 (338)
  • By Category: axe-strict (657) & Best Practice (51) & Others (6374)
  • Total: 7082 across 219 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 | South Derbyshire District Council 209
Home | Tandridge District Council 248
South Gloucestershire Council 321
Redditch Borough Council 337
Sefton Home 368
Reading Borough Council 0 111
Pendle Borough Council Homepage 84
Tendring District Council | Welcome to the official website of Tendring District Council 125
Homepage 214
Home | Test Valley Borough Council 211

🔧 Most Common Issues (ALFA)

39 rules
338 Serious alfa SC 2.5.8 AA Motor SIA-R111: Interactive elements have a sufficient target size
69 pages affected

Rule Information

Engine: alfa

Roles: UX Designer, Visual Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 2.5.8 AA

Disabilities affected:
Motor

Affected Pages

Who Is Affected

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

Examples

Example 1 View on Page
Target has insufficient size
Mode: light
<a href="https://www.cookiebot.com/en/what-is-behind-powered-by-cookiebot/?utm_source=banner_cb&utm_medium=referral&utm_content=v2" rel="noopener nofollow" target="_blank" id="CybotCookiebotDialogPoweredbyCybot" aria-label="Cookiebot by Usercentrics - opens in a new window">...</a>
XPath: /a[@id="CybotCookiebotDialogPoweredbyCybot"]
Example 2 View on Page
Target has insufficient size
Mode: light
<a id="CybotCookiebotDialogBodyEdgeMoreDetailsLink" href="#" class="">Show details</a>
XPath: /a[@id="CybotCookiebotDialogBodyEdgeMoreDetailsLink"]
Example 3 View on Page
Target has insufficient size
Mode: light
<a href="https://www.nelincs.gov.uk/assets/uploads/2025/11/NELC-All-household-brochure-winterautumn-2025.pdf" class="btn btn-light btn-sm mr-1 my-1 px-3" style="border: 1px solid #0c4aa6; border-left: 4px solid #0c4aa6;"> Household brochure - November 2...</a>
XPath: /a[@class="btn btn-light btn-sm mr-1 my-1 px-3"]
Example 4 View on Page
Target has insufficient size
Mode: light
<a href="https://www.nelincs.gov.uk/benefits/" class="acc-link acc-link-underline">...</a>
XPath: /a[@class="acc-link acc-link-underline"]
Example 5 View on Page
Target has insufficient size
Mode: light
<a href="https://www.nelincs.gov.uk/news/">View all Council News</a>
XPath: /a
87 Moderate alfa SIA-R73: Text spacing can be adjusted without loss of content
47 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 `normal` which will result in a line height of less than 1.5
Mode: light
<p class="m-0 p-0">...</p>
XPath: /p[@class="m-0 p-0"]
Example 2 View on Page
The line height of the paragraph is `normal` which will result in a line height of less than 1.5
Mode: light
<p class="m-0 p-0 pt-2"> To achieve these aims we ...</p>
XPath: /p[@class="m-0 p-0 pt-2"]
Example 3 View on Page
The line height of the paragraph is `normal` which will result in a line height of less than 1.5
Mode: light
<p>From the Titanic to the extinction of the dinosaur...</p>
XPath: /p
Example 4 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p>Food Waste collections have now started.</p>
XPath: /p
Example 5 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="govuk-body">We use some essential cookies to make this service...</p>
XPath: /p[@class="govuk-body"]
66 Moderate alfa SIA-R3: lang attribute has a valid language code
20 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element does not have a unique ID
Mode: light
<h2 id="self-service-heading">Self service</h2>
XPath: /h2[@id="self-service-heading"]
Example 2 View on Page
The element does not have a unique ID
Mode: light
<input placeholder="Search" data-drupal-selector="edit-s" type="text" id="edit-s" name="s" value="" size="30" maxlength="128" class="form-text required" required="required" aria-required="true" />
XPath: /input[@id="edit-s"]
Example 3 View on Page
The element does not have a unique ID
Mode: light
<input data-drupal-selector="edit-submit-localgov-sitewide-search" type="submit" id="edit-submit-localgov-sitewide-search" value="Search" class="button js-form-submit form-submit" />
XPath: /input[@id="edit-submit-localgov-sitewide-search"]
Example 4 View on Page
The element does not have a unique ID
Mode: light
<main id="maincontent">...</main>
XPath: /main[@id="maincontent"]
Example 5 View on Page
The element does not have a unique ID
Mode: light
<div class="container" id="maincontent">...</div>
XPath: /div[@id="maincontent"]
61 Moderate alfa SIA-R87: First focusable element is a skip link
61 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The document has no tabbable descendants
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 document has no tabbable descendants
Mode: light
Example 5 View on Page
The document has no tabbable descendants
Mode: light
56 Moderate alfa SC 1.4.6 AAA Visual SIA-R66: Text has enhanced contrast with its background
56 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 5:1 which is below the required contrast of 7:1
Mode: light
Example 2 View on Page
The highest possible contrast of the text is 6.21: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 4.5: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 5.14:1 which is below the required contrast of 7:1
Mode: light
Example 5 View on Page
The highest possible contrast of the text is 6.21:1 which is below the required contrast of 7:1
Mode: light
47 Moderate alfa SIA-R57: Landmarks don't repeat the same content
47 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
45 Moderate alfa SIA-R78: Headings of same level have text content between them
39 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>...</h2>
XPath: /h2
Example 2 View on Page
There is no content between this heading and the next
Mode: light
<h2>Our services</h2>
XPath: /h2
Example 3 View on Page
There is no content between this heading and the next
Mode: light
<h3 class="jobs">...</h3>
XPath: /h3[@class="jobs"]
Example 4 View on Page
There is no content between this heading and the next
Mode: light
<h3 class="leisure">...</h3>
XPath: /h3[@class="leisure"]
Example 5 View on Page
There is no content between this heading and the next
Mode: light
<h3 class="bins">...</h3>
XPath: /h3[@class="bins"]
42 Moderate alfa SIA-R74
23 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>Food Waste collections have now started.</p>
XPath: /p
Example 2 View on Page
The font size is specified using an absolute unit
Mode: light
<p>...</p>
XPath: /p
Example 3 View on Page
The font size is specified using an absolute unit
Mode: light
<p class="ace-account-text">Sign in</p>
XPath: /p[@class="ace-account-text"]
Example 4 View on Page
The font size is specified using an absolute unit
Mode: light
<p class="text-align-center">Welcome to</p>
XPath: /p[@class="text-align-center"]
Example 5 View on Page
The font size is specified using an absolute unit
Mode: light
<p>Receive bin collection day reminders, check what t...</p>
XPath: /p
36 Moderate alfa Best Practice SIA-R61: Documents start with a level 1 heading
36 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
31 Serious alfa SC 2.4.2 A Visual Cognitive SIA-R4: Page has a descriptive title
31 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
25 Moderate alfa SIA-R56: Landmarks with the same role are distinguishable
25 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Some `navigation` have the same name.
Mode: light
Example 2 View on Page
Some `search` have the same name.
Mode: light
Example 3 View on Page
Some `navigation` have the same name.
Mode: light
Example 4 View on Page
Some `banner` have the same name.
Mode: light
Example 5 View on Page
Some `banner` have the same name.
Mode: light
23 Moderate alfa SIA-R70
23 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The document contains deprecated elements
Mode: light
Example 2 View on Page
The document contains deprecated elements
Mode: light
Example 3 View on Page
The document contains deprecated elements
Mode: light
Example 4 View on Page
The document contains deprecated elements
Mode: light
Example 5 View on Page
The document contains deprecated elements
Mode: light
21 Critical alfa SC 1.1.1 A Visual SIA-R14: Images have an accessible name or are decorative
16 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
<a class="lgd-container localgov-alert-banner--content-link ext" href="https://online1.snapsurveys.com/NKDCCustomerSatisfaction" aria-label="Customer satisfaction survey" data-extlink="" target="_blank" rel="noopener nofollow noreferrer">...</a>
XPath: /a[@class="lgd-container localgov-alert-banner--content-link ext"]
Example 2 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<a href="#" class="cb-enable" role="button" aria-label="Accept cookies">OK, I understand</a>
XPath: /a[@class="cb-enable"]
Example 3 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<button class="ace-recite-me-btn reciteme-launch" aria-label="Enable Recite Me accessibility tool" type="button">Accessibility tools</button>
XPath: /button[@class="ace-recite-me-btn reciteme-launch"]
Example 4 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<button class="lgd-header__toggle lgd-header__toggle--secondary" data-target="lgd-header__nav--secondary" aria-controls="lgd-header__nav--secondary" aria-expanded="false" aria-label="Toggle services menu" data-once="header-toggle">...</button>
XPath: /button[@class="lgd-header__toggle lgd-header__toggle--secondary"]
Example 5 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<a class="site-header__accounts__btn" aria-label="Visit MyAccount" href="/your-accounts">...</a>
XPath: /a[@class="site-header__accounts__btn"]
19 Moderate alfa SIA-R18: ARIA states are consistent with element semantics
19 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
Example 2 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
Example 3 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
Example 4 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
Example 5 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
16 Moderate alfa SIA-R68: Accessible name contains the visible label text
11 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 class="row list-unstyled m-0"> </ul>
XPath: /ul[@class="row list-unstyled m-0"]
Example 2 View on Page
The element owns no elements as required by its semantic role
Mode: light
<div role="feed" tabindex="0" aria-label="There are 0 posts in the feed" class="crt-carousel-stage" style="overflow: hidden;">...</div>
XPath: /div[@class="crt-carousel-stage"]
Example 3 View on Page
The element owns no elements as required by its semantic role
Mode: light
<ol class="occ-footnotes_list" id="footnotes_group" />
XPath: /ol[@id="footnotes_group"]
Example 4 View on Page
The element owns no elements as required by its semantic role
Mode: light
<ul id="headkeywords_input_suggestions" class="search-suggestion" role="listbox" style="top: 50px; width: 350px;" />
XPath: /ul[@id="headkeywords_input_suggestions"]
Example 5 View on Page
The element owns no elements as required by its semantic role
Mode: light
<ul id="homesearch_input_suggestions" class="search-suggestion" role="listbox" />
XPath: /ul[@id="homesearch_input_suggestions"]
15 Moderate alfa Best Practice SIA-R53: Headings follow a logical hierarchy
13 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
<h5 class="card-title">...</h5>
XPath: /h5[@class="card-title"]
Example 2 View on Page
The heading skips one or more levels
Mode: light
<h4>...</h4>
XPath: /h4
Example 3 View on Page
The heading skips one or more levels
Mode: light
<h4>Changes announced to waste and recycling collectio...</h4>
XPath: /h4
Example 4 View on Page
The heading skips one or more levels
Mode: light
<h3 class="box-link__title">...</h3>
XPath: /h3[@class="box-link__title"]
Example 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"]
14 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>...</p>
XPath: /p
Example 2 View on Page
The line height is specified using an absolute unit
Mode: light
<p class="ace-account-text">Sign in</p>
XPath: /p[@class="ace-account-text"]
Example 3 View on Page
The line height is specified using an absolute unit
Mode: light
<p>Send an enquiry to our customer service team.</p>
XPath: /p
Example 4 View on Page
The line height is specified using an absolute unit
Mode: light
<p>A total of £100,525 has been secured from the Fore...</p>
XPath: /p
Example 5 View on Page
The line height is specified using an absolute unit
Mode: light
<p>Join RVS (Rushmoor Voluntary Services) in a fun, f...</p>
XPath: /p
13 Serious alfa SC 1.4.3 AA Visual SIA-R69: Text has sufficient contrast with its background
13 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 2.73:1 which is below the required contrast of 3:1
Mode: light
Example 2 View on Page
The highest possible contrast of the text is 2.01:1 which is below the required contrast of 4.5:1
Mode: light
Example 3 View on Page
The highest possible contrast of the text is 2.73:1 which is below the required contrast of 4.5:1
Mode: light
Example 4 View on Page
The highest possible contrast of the text is 4.25: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 2.36:1 which is below the required contrast of 4.5:1
Mode: light
13 Serious alfa SC 1.3.1 A Visual Cognitive SIA-R42: Elements with an explicit ARIA role have the required parent element
5 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"]
Example 3 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-label="Opt-Outs" aria-live="polite">...</button>
XPath: /button[@class="qc-cmp2-list-item-header"]
Example 4 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"]
Example 5 View on Page
The element is not owned by an element of its required context role
Mode: light
<i class="icon-li icon-sc-housing" role="menuitem" />
XPath: /i[@class="icon-li icon-sc-housing"]
10 Moderate alfa SC 2.4.6 AA Visual Cognitive SIA-R59: Document has at least one heading to identify its main content
10 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
9 Critical alfa SC 4.1.2 A Visual Motor Cognitive SIA-R11: Button elements have an accessible name
5 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer, Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Who Is Affected

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

Examples

Example 1 View on Page
The link does not have an accessible name
Mode: light
<a href="/news/spring-action-community-volunteers-help-biodiversity-projects-flourish-across-north-herts" hreflang="en">...</a>
XPath: /a
Example 2 View on Page
The link does not have an accessible name
Mode: light
<a href="https://adventures.nottinghamshire.gov.uk/">...</a>
XPath: /a
Example 3 View on Page
The link does not have an accessible name
Mode: light
<a href="/" class="logoWide">...</a>
XPath: /a[@class="logoWide"]
Example 4 View on Page
The link does not have an accessible name
Mode: light
<a class="social-media-link-icon--facebook" href="https://www.facebook.com/southkdc">...</a>
XPath: /a[@class="social-media-link-icon--facebook"]
Example 5 View on Page
The link does not have an accessible name
Mode: light
<a class="social-media-link-icon--twitter" href="https://x.com/southkesteven">...</a>
XPath: /a[@class="social-media-link-icon--twitter"]
8 Critical alfa SC 1.3.1, SC 4.1.2 A Visual Motor Cognitive SIA-R8: Form elements have accessible labels
7 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="headkeywords_input_suggestions" class="search-suggestion" role="listbox" style="top: 50px; width: 350px;" />
XPath: /ul[@id="headkeywords_input_suggestions"]
Example 2 View on Page
The form field does not have an accessible name
Mode: light
<ul id="homesearch_input_suggestions" class="search-suggestion" role="listbox" />
XPath: /ul[@id="homesearch_input_suggestions"]
Example 3 View on Page
The form field does not have an accessible name
Mode: light
<ul id="homesearchdesktop_input_suggestions" class="search-suggestion" role="listbox" />
XPath: /ul[@id="homesearchdesktop_input_suggestions"]
Example 4 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"]
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"]
6 Moderate alfa SIA-R113
4 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Target has insufficient size and spacing
Mode: light
<a href="#" class="agree-button eu-cookie-compliance-secondary-button button button--small" tabindex="0">Accept</a>
XPath: /a[@class="agree-button eu-cookie-compliance-secondary-button button button--small"]
Example 2 View on Page
Target has insufficient size and spacing
Mode: light
<a href="/cookies" tabindex="0">More info</a>
XPath: /a
Example 3 View on Page
Target has insufficient size and spacing
Mode: light
<a href="//newsroom.nottinghamshire.gov.uk/newsroom/news/simpler-recycling-has-arrived-in-nottinghamshire/">...</a>
XPath: /a
Example 4 View on Page
Target has insufficient size and spacing
Mode: light
<a href="/environment/trees-woodlands-and-hedges/">Trees, woodlands and hedges</a>
XPath: /a
Example 5 View on Page
Target has insufficient size and spacing
Mode: light
<button type="submit" class="button br-l-0"> Go </button>
XPath: /button[@class="button br-l-0"]
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
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
5 Moderate alfa SIA-R17
2 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="carouselslide1" aria-hidden="true">...</li>
XPath: /li[@id="carouselslide1"]
Example 2 View on Page
The element is either tabbable or has tabbable descendants
Mode: light
<li class="gi-carousel__slide" id="carouselslide2" aria-hidden="true">...</li>
XPath: /li[@id="carouselslide2"]
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="carouselslide3" aria-hidden="true">...</li>
XPath: /li[@id="carouselslide3"]
Example 4 View on Page
The element is either tabbable or has tabbable descendants
Mode: light
<div data-index="1" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline: none; width: 1280px;">...</div>
XPath: /div[@class="slick-slide"]
Example 5 View on Page
The element is either tabbable or has tabbable descendants
Mode: light
<li aria-hidden="true">...</li>
XPath: /li
5 Moderate alfa SIA-R79
5 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
5 Moderate alfa SIA-R40
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The region does not have an accessible name
Mode: light
<header role="region">...</header>
XPath: /header
Example 2 View on Page
The region does not have an accessible name
Mode: light
<div class="nav-modal" role="region">...</div>
XPath: /div[@class="nav-modal"]
Example 3 View on Page
The region does not have an accessible name
Mode: light
<section role="region" class="pt-3">...</section>
XPath: /section[@class="pt-3"]
Example 4 View on Page
The region does not have an accessible name
Mode: light
<section role="region">...</section>
XPath: /section
Example 5 View on Page
The region does not have an accessible name
Mode: light
<footer id="footer" class="pt-3 mt-5" role="region">...</footer>
XPath: /footer[@id="footer"]
3 Moderate alfa SIA-R83: Text can be resized to 200% without loss of content
3 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The text is clipped
Mode: light
Example 2 View on Page
The text is clipped
Mode: light
Example 3 View on Page
The text is clipped
Mode: light
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/3_2_landscape_465x310/public/media-uploads/Gibbet%20Hill%2C%20Weston%20Hills.jpeg?itok=PAWB2A7A" width="465" height="310" typeof="foaf:Image" />
XPath: /img
Example 2 View on Page
The image does not have an accessible name
Mode: light
<img style="width: 100%" src="/media/cwhcts2v/adventuresmainwebsitebanner.jpg?width=1136" />
XPath: /img
2 Serious alfa SC 2.4.4, SC 4.1.2 A Visual Motor Cognitive SIA-R12: Links have an accessible name
2 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

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 button does not have an accessible name
Mode: light
<button class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary chatbot-chat-4sv5i2-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" id=":r3:">...</button>
XPath: /button[@id=":r3:"]
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"]
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 src="https://home-e33.niceincontact.com/inContact/ChatClient/chatButton.html" id="icChatButton" name="icChatButton" scrolling="no" height="80" width="180" class="ie-chat-button-iframe-fixed-customer-chat" style="border-style: none;" />
XPath: /iframe[@id="icChatButton"]
Example 2 View on Page
The `<iframe>` does not have an accessible name
Mode: light
<iframe id="chatbox" src="https://chat.lbbd.gov.uk/" style="width: 100%; height: 0px; border: none; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px; background-color: white; transition: height 0.3s ease-out;" />
XPath: /iframe[@id="chatbox"]
2 Moderate alfa SIA-R19
2 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The attribute does not have a valid value
Mode: light
Example 2 View on Page
The attribute does not have a valid value
Mode: light
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 SIA-R94
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The menuitem does not have an accessible name
Mode: light
<i class="icon-li icon-sc-housing" role="menuitem" />
XPath: /i[@class="icon-li icon-sc-housing"]
1 Moderate alfa SIA-R110
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element does not have a valid role
Mode: light
1 Moderate alfa SIA-R21
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element does not have at least one valid role
Mode: light
1 Moderate alfa SIA-R84
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

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

🔧 Most Common Issues (axe)

36 rules
213 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.
75 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
<p class="sc-dZoeqx iHAVnq">Tell us whether you accept cookies</p>
XPath: .sc-dZoeqx
Example 2 View on Page
All page content should be contained by landmarks
Mode: light
<div class="sc-eZkCM jWpFoJ"><p>We use <a href="/your-council/cookies">cookies to collect information</a> about how you use this website. We use this information to make it work as well as possible and help make improvements.</p></div>
XPath: .sc-eZkCM
Example 3 View on Page
All page content should be contained by landmarks
Mode: light
<div class="lgd-region lgd-region--banner region region-banner">
XPath: .lgd-region--banner
Example 4 View on Page
All page content should be contained by landmarks
Mode: light
<center><h1>403 Forbidden</h1></center>
XPath: center
Example 5 View on Page
All page content should be contained by landmarks
Mode: light
<a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a>
XPath: .visually-hidden
63 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.
15 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
<input data-drupal-selector="edit-submit" type="submit" id="edit-search-submit" class="button js-form-submit form-submit" value="Search">
XPath: #edit-search-submit
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a class="view-all" href="/my-services">View all council services</a>
XPath: .view-all
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<span class="date">13 April 2026</span>
XPath: .view-ncc-homepage-news-featured-items-with-image > .view-content > .views-row:nth-child(1) > article > .card-item-link > .content > .date
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<span class="date">13 April 2026</span>
XPath: .view-ncc-homepage-news-featured-items-with-image > .view-content > .views-row:nth-child(2) > article > .card-item-link > .content > .date
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<span class="date">14 April 2026</span>
XPath: .view-ncc-homepage-news-featured-items-with-image > .view-content > .views-row:nth-child(3) > article > .card-item-link > .content > .date
42 Moderate axe SC 1.3.1 A Visual Cognitive aria-required-parent
6 pages affected

Rule Information

Engine: axe

Roles: 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
Certain ARIA roles must be contained by particular parents
Mode: light
<li role="menuitemradio" class="taskbar-link" aria-checked="false"> <a href="/task-tags/task-types/pay/" data-id="1105" data-name="Pay" title="List of Pay Type Tasks"> Pay </a> </li>
XPath: .taskbar-link[role="menuitemradio"]:nth-child(1)
Example 2 View on Page
Certain ARIA roles must be contained by particular parents
Mode: light
<li role="menuitemradio" class="taskbar-link" aria-checked="false"> <a href="/task-tags/task-types/report/" data-id="1108" data-name="Report" title="List of Report Type Tasks"> Report </a> </li>
XPath: .taskbar-link[role="menuitemradio"]:nth-child(2)
Example 3 View on Page
Certain ARIA roles must be contained by particular parents
Mode: light
<li role="menuitemradio" class="taskbar-link" aria-checked="false"> <a href="/task-tags/task-types/apply/" data-id="1109" data-name="Apply" title="List of Apply Type Tasks"> Apply </a> </li>
XPath: .taskbar-link[role="menuitemradio"]:nth-child(3)
Example 4 View on Page
Certain ARIA roles must be contained by particular parents
Mode: light
<li role="menuitemradio" class="taskbar-link" aria-checked="false"> <a href="/task-tags/task-types/view/" data-id="1111" data-name="View" title="List of View Type Tasks"> View </a> </li>
XPath: .taskbar-link[role="menuitemradio"]:nth-child(4)
Example 5 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"]
37 Moderate axe aria-allowed-role
9 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
ARIA role should be appropriate for the element
Mode: light
<li class="splide__slide is-active is-visible" id="splide01-slide01" role="tabpanel" aria-roledescription="slide" aria-label="1 of 3" style="width: calc(100%);">
XPath: #splide01-slide01
Example 2 View on Page
ARIA role should be appropriate for the element
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 3 View on Page
ARIA role should be appropriate for the element
Mode: light
<li id="Google Basic Consents" class="qc-cmp2-list-item qc-cmp2-expanded" role="list">
XPath: #Google\ Basic\ Consents
Example 4 View on Page
ARIA role should be appropriate for the element
Mode: light
<button class="qc-cmp2-list-item-header" role="listitem" aria-live="polite">
XPath: #Google\ Basic\ Consents > .qc-cmp2-list-item-header[aria-live="polite"][role="listitem"]
Example 5 View on Page
ARIA role should be appropriate for the element
Mode: light
<article class="js-localgov-alert-ba..." data-dismiss-alert-t...="alert-63--b0efba5585..." role="alert" data-once="allAlertBanners">
XPath: .js-localgov-alert-banner
32 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.
32 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><head><title>403 Forbidden</title></head> <body> <center><h1>403 Forbidden</h1></center> </body></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 lang="en-gb">
XPath: html
30 Moderate axe landmark-unique
23 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
<nav>
XPath: #block-north-somerset-main-menu > nav
Example 2 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<section aria-label="Notification" class="notification-container" style="padding:0" data-v-67b00a50="" data-v-2a6cf527=""><!----></section>
XPath: .notification-container[aria-label="Notification"]:nth-child(2)
Example 3 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<nav class="main nav-dropdown navigation-dropdown-bg-solid">
XPath: .main
Example 4 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<section class="content component usn_cmp_code c1-bg c1-bg-solid pt-0 pb-0 adverts" aria-label="content">
XPath: .usn_cmp_code
Example 5 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"]
29 Moderate axe image-redundant-alt
6 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="https://ncc17ms.euwest01.umbraco.io/media/bddduu3s/primaryadmissions.jpg" alt="Over 99% of children have received an offer for one of their preferred primary schools ">
XPath: li:nth-child(1) > a > .g-0.row > .col-3.col-lg-4 > img
Example 2 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img src="https://ncc17ms.euwest01.umbraco.io/media/wjidxuqx/2245ef6ff123469b807d9375d8fe283d.webp" alt="First-time permanent road repair teams unveiled by county council">
XPath: li:nth-child(2) > a > .g-0.row > .col-3.col-lg-4 > img
Example 3 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img src="https://ncc17ms.euwest01.umbraco.io/media/ijkp0qfo/foster-carers-conference-2026.jpg" alt="Foster Carers Conference 2026 inspiring belief changing lives">
XPath: li:nth-child(3) > a > .g-0.row > .col-3.col-lg-4 > img
Example 4 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img src="https://ncc17ms.euwest01.umbraco.io/media/1gsl11h5/23d65ac08b0240a795725a3bd7aa5953.webp" alt="Simpler Recycling has arrived in Nottinghamshire">
XPath: li:nth-child(4) > a > .g-0.row > .col-3.col-lg-4 > img
Example 5 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img alt="Waste and recycling" src="https://images.reading.gov.uk/2020/09/recycle.svg" loading="lazy" class="rbc-tile__header-icon">
XPath: img[alt="Waste and recycling"]
27 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 class="ccc-vendor-reveal ccc-notify-button ccc-link ccc-tabbable" aria-controls="iab-purpose-controls" aria-expanded="false">
XPath: button[aria-controls="iab-purpose-controls"]
Example 2 View on Page
Buttons must have discernible text
Mode: light
<button class="ccc-vendor-reveal ccc-notify-button ccc-link ccc-tabbable" aria-controls="iab-special-purpose-controls" aria-expanded="false">
XPath: button[aria-controls="iab-special-purpose-controls"]
Example 3 View on Page
Buttons must have discernible text
Mode: light
<button class="ccc-vendor-reveal ccc-notify-button ccc-link ccc-tabbable" aria-controls="iab-feature-controls" aria-expanded="false">
XPath: button[aria-controls="iab-feature-controls"]
Example 4 View on Page
Buttons must have discernible text
Mode: light
<button class="ccc-vendor-reveal ccc-notify-button ccc-link ccc-tabbable" aria-controls="iab-specialFeatureOptins-controls" aria-expanded="false">
XPath: #iab-specialFeatureOptins > .iab-header-toggle > .ccc-vendor-reveal.ccc-notify-button.ccc-link
Example 5 View on Page
Buttons must have discernible text
Mode: light
<button class="MuiButtonBase-root M..." tabindex="0" type="button" id=":r3:">
XPath: div[data-arto-chat-host=""],#\:r3\:
26 Serious axe SC 1.3.1 A Visual Cognitive listitem: Ensures <li> elements are contained within a <ul> or <ol>. List items outside lists lose their structural meaning for screen reader users.
1 pages affected

Rule Information

Engine: axe

Roles: Content Author, Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Affected Pages

Who Is Affected

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

Examples

Example 1 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li> <a href="/atozservices" role="menuitem">A</a> </li>
XPath: ul[role="menu"] > li:nth-child(1)
Example 2 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li> <a href="/atozservices/B" role="menuitem">B</a> </li>
XPath: ul[role="menu"] > li:nth-child(2)
Example 3 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li> <a href="/atozservices/C" role="menuitem">C</a> </li>
XPath: ul[role="menu"] > li:nth-child(3)
Example 4 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li> <a href="/atozservices/D" role="menuitem">D</a> </li>
XPath: ul[role="menu"] > li:nth-child(4)
Example 5 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li> <a href="/atozservices/E" role="menuitem">E</a> </li>
XPath: ul[role="menu"] > li:nth-child(5)
25 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.
25 pages affected

Rule Information

Engine: axe

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
<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><head><title>403 Forbidden</title></head> <body> <center><h1>403 Forbidden</h1></center> </body></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
15 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.
14 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
<h5 class="card-title"><a href="https://www.northlincs.gov.uk/news/solar-investment-cuts-costs-at-st-johns-market/">Solar investment cuts costs at St John’s Market</a></h5>
XPath: .col-md-4:nth-child(1) > .card.bg-light-grey.mb-3 > .card-body > h5
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<h4><a href="https://www.pendle.gov.uk/doitonline">Save time, do it online</a></h4>
XPath: .span-4.column:nth-child(1) > .widget__content.widget > .editor > h4:nth-child(1)
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h4>
XPath: .span-large > .widget__content.widget > .editor > h4
Example 4 View on Page
Heading levels should only increase by one
Mode: light
<h4 class="card-title short-title">Traffic regulation order - Russell Street and Cromwell Road Junction</h4>
XPath: .card-consultation > .card-link.link > .card-header > h4
Example 5 View on Page
Heading levels should only increase by one
Mode: light
<h4 style="min-height: 71.1875px;">Changes announced to waste and recycling collection rounds</h4>
XPath: .grid__cell--cols1.grid__cell[data-grid-colspan="1"]:nth-child(1) > .grid__cellwrap > .newsandevents__panel.newsandevents__panel--redirect > h4
11 Moderate axe page-has-heading-one
10 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Page should contain a level-one heading
Mode: light
<html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#" class=" js">
XPath: html
Example 2 View on Page
Page should contain a level-one heading
Mode: light
<html lang="en-gb">
XPath: html
Example 3 View on Page
Page should contain a level-one heading
Mode: light
<html lang="en">
XPath: html
Example 4 View on Page
Page should contain a level-one heading
Mode: light
<html lang="en" class="cssgradients multipl...">
XPath: html
Example 5 View on Page
Page should contain a level-one heading
Mode: light
<html>
XPath: html
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
9 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: light
<div id="prefix-overlay-outer" tabindex="0" role="dialog" aria-modal="true" aria-describedby="prefix-overlay-step1" style="height: 300px;">
XPath: #prefix-overlay-outer
Example 2 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: light
<div id="ccc-module" class="ccc-module--slideout ccc-module--left" role="dialog">
XPath: #ccc-module
Example 3 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: light
<div id="sliding-popup" role="alertdialog" aria-describedby="popup-text" class="sliding-popup-bottom" style="height: auto; width: 100%; bottom: 0px;">
XPath: #sliding-popup
Example 4 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: light
<div id="prefix-overlay-outer" tabindex="0" role="dialog" aria-modal="true" aria-describedby="prefix-overlay-step1" style="height: 313px;">
XPath: #prefix-overlay-outer
Example 5 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: light
<div id="prefix-overlay-outer" tabindex="0" role="dialog" aria-modal="true" aria-describedby="prefix-overlay-step1" style="height: 350px;">
XPath: #prefix-overlay-outer
8 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.
7 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Examples

Example 1 View on Page
Document should not have more than one banner landmark
Mode: light
<header>
XPath: .wrapper > header
Example 2 View on Page
Document should not have more than one banner landmark
Mode: light
<div role="banner" class="ace-notification-banner"> <div class="region region-notification-banner"> </div> </div>
XPath: .ace-notification-banner
Example 3 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 4 View on Page
Document should not have more than one banner landmark
Mode: light
<header class="header eu-cookie-compliance-status-null" data-eu-cookie-compliance-once="true" data-once="site-header">
XPath: header
Example 5 View on Page
Document should not have more than one banner landmark
Mode: light
<div data-sitewide-alert="" role="banner">
XPath: div[data-sitewide-alert=""]
8 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.
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: ⚠️ Yes (Task-Blocking)

Affected Pages

Examples

Example 1 View on Page
Elements should not have tabindex greater than zero
Mode: light
<a class="skip-to-content-link align-center" href="#main-content" tabindex="1">Skip to main content</a>
XPath: .skip-to-content-link
Example 2 View on Page
Elements should not have tabindex greater than zero
Mode: dark
<a class="skip-to-content-link align-center" href="#main-content" tabindex="1">Skip to main content</a>
XPath: .skip-to-content-link
Example 3 View on Page
Elements should not have tabindex greater than zero
Mode: light
<a href="/accessibility" title="Accessibility Options Page, accesskey 0" class="skip_content" accesskey="0" tabindex="2">Accessibility Options</a>
XPath: li:nth-child(2) > a[href$="accessibility"]
Example 4 View on Page
Elements should not have tabindex greater than zero
Mode: light
<input type="text" class="FormField ui-autocomplete-input" tabindex="104" name="addresssearch" id="addresssearch" title="addresssearch" size="30" maxlength="50" autocomplete="off" placeholder="e.g. DE11 0AH">
XPath: #search2 > .FormField.ui-autocomplete-input[type="text"]
Example 5 View on Page
Elements should not have tabindex greater than zero
Mode: light
<a href="#main-content" class="pcg-skip-content pcg-contrast__link pcg-contrast__bg-main pcg-contrast__border-main" id="skip_to_main_content" tabindex="1">Skip to content</a>
XPath: #skip_to_main_content
7 Moderate axe SC 1.3.1 A Visual Cognitive aria-required-children
6 pages affected

Rule Information

Engine: axe

Roles: 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
Certain ARIA roles must contain particular children
Mode: light
<div class="taskbar" id="taskbar" role="menu">
XPath: #taskbar
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
<li id="Google Basic Consents" class="qc-cmp2-list-item qc-cmp2-expanded" role="list">
XPath: #Google\ Basic\ Consents
Example 4 View on Page
Certain ARIA roles must contain particular children
Mode: light
<ul role="menu">
XPath: #residentsSubmenu > .row-fluid > .span5.council-services:nth-child(2) > ul[role="menu"]
Example 5 View on Page
Certain ARIA roles must contain particular children
Mode: light
<ul class="" role="menu" aria-labelledby="atoZtitle2">
XPath: ul[role="menu"]
7 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 class="global-header" role="banner" aria-label="Website Header">
XPath: .global-header
Example 2 View on Page
Banner landmark should not be contained in another landmark
Mode: light
<div class="announcement" role="banner" aria-hidden="false" aria-label="Important Announcement" data-page-id="1064">
XPath: .announcement
Example 3 View on Page
Banner landmark should not be contained in another landmark
Mode: light
<header class="iab-header-toggle">
XPath: #iab-purpose > .iab-header-toggle
Example 4 View on Page
Banner landmark should not be contained in another landmark
Mode: light
<header class="iab-header-toggle">
XPath: #iab-special-purpose > .iab-header-toggle
Example 5 View on Page
Banner landmark should not be contained in another landmark
Mode: light
<header class="iab-header-toggle">
XPath: #iab-feature > .iab-header-toggle
7 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

Affected Pages

Who Is Affected

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

Examples

Example 1 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ul class="taskbar-navigation-list">
XPath: .taskbar-navigation-list
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-1f88jwd">
XPath: .css-1f88jwd
Example 3 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 4 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 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-def7e2">
XPath: .css-def7e2
7 Moderate axe SC 4.1.2 A Visual Motor Cognitive aria-prohibited-attr
4 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 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) > figure > .wp-block-embed__wrapper > iframe[width="356"][height="200"][frameborder="0"]
Example 2 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="Council"]
Example 3 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(73, 145, 145); width: 64px; height: 64px; margin: 14px 14px 20px auto;">
XPath: #connect-frame
Example 4 View on Page
Elements must only use permitted ARIA attributes
Mode: light
<div class="html5-video-player y..." tabindex="" id="movie_player" data-version="/s/player/4b0d80ee/p..." aria-label="YouTube Video Player">
XPath: li:nth-child(1) > iframe[title="Youtube Video Player"][width="570px"][height="600px;"]
Example 5 View on Page
Elements must only use permitted ARIA attributes
Mode: light
<div class="html5-video-player y..." tabindex="" id="movie_player" data-version="/s/player/4b0d80ee/p..." aria-label="YouTube Video Player">
XPath: li:nth-child(2) > iframe[title="Youtube Video Player"][width="570px"][height="600px;"]
5 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.
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 contentinfo landmark
Mode: light
<footer class="lgd-footer">
XPath: footer
Example 2 View on Page
Document should not have more than one contentinfo landmark
Mode: light
<div data-component-id="greenwich:cookie-banner" class="eu-cookie-compliance-banner 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="lgd-footer">
XPath: footer
Example 4 View on Page
Document should not have more than one contentinfo landmark
Mode: light
<footer id="top-footer">
XPath: #top-footer
Example 5 View on Page
Document should not have more than one contentinfo landmark
Mode: light
<div class="eu-cookie-compliance-banner eu-cookie-compliance-banner-info eu-cookie-compliance-banner--categories cookies-notice" role="contentinfo" aria-label="cookienotice" aria-hidden="false">
XPath: .eu-cookie-compliance-banner
4 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
<li role="menuitemradio" class="taskbar-link" aria-checked="false"> <a href="/task-tags/task-types/pay/" data-id="1105" data-name="Pay" title="List of Pay Type Tasks"> Pay </a> </li>
XPath: .taskbar-link[role="menuitemradio"]:nth-child(1)
Example 2 View on Page
Interactive controls must not be nested
Mode: light
<li role="menuitemradio" class="taskbar-link" aria-checked="false"> <a href="/task-tags/task-types/report/" data-id="1108" data-name="Report" title="List of Report Type Tasks"> Report </a> </li>
XPath: .taskbar-link[role="menuitemradio"]:nth-child(2)
Example 3 View on Page
Interactive controls must not be nested
Mode: light
<li role="menuitemradio" class="taskbar-link" aria-checked="false"> <a href="/task-tags/task-types/apply/" data-id="1109" data-name="Apply" title="List of Apply Type Tasks"> Apply </a> </li>
XPath: .taskbar-link[role="menuitemradio"]:nth-child(3)
Example 4 View on Page
Interactive controls must not be nested
Mode: light
<li role="menuitemradio" class="taskbar-link" aria-checked="false"> <a href="/task-tags/task-types/view/" data-id="1111" data-name="View" title="List of View Type Tasks"> View </a> </li>
XPath: .taskbar-link[role="menuitemradio"]:nth-child(4)
4 Serious axe SC 4.1.2 A Visual Motor Cognitive aria-valid-attr-value: Ensures all ARIA attributes have valid values as required by the specification. Invalid values break assistive technology behavior.
3 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 attributes must conform to valid values
Mode: light
<h2 class="lgd-card__title" role="heading" aria-level="h2"> <span>Almost all&nbsp;families&nbsp;offered place at preferred&nbsp;primary school&nbsp;for 2026 </span> </h2>
XPath: article:nth-child(1) > .lgd-card__inner > .lgd-card__content > .lgd-card__title[role="heading"][aria-level="h2"]
Example 2 View on Page
ARIA attributes must conform to valid values
Mode: light
<h2 class="lgd-card__title" role="heading" aria-level="h2"> <span> Thursday 7 May local election: Get ready to vote</span> </h2>
XPath: article:nth-child(2) > .lgd-card__inner > .lgd-card__content > .lgd-card__title[role="heading"][aria-level="h2"]
Example 3 View on Page
ARIA attributes must conform to valid values
Mode: light
<button aria-controls="#iWantToSubmenu" class="primarylink-haschildren">I want to <i class="icon-caret-down"></i></button>
XPath: button[aria-controls="#iWantToSubmenu"]
Example 4 View on Page
ARIA attributes must conform to valid values
Mode: light
<button class="tab__item tab__item--active" role="tab" aria-selected="true" aria-controls="tab - Top tasks">Top tasks</button>
XPath: .tab__item--active
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, maximum-scale=2.0, user-scalable=yes">
XPath: meta[name="viewport"]:nth-child(28)
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,minimum-scale=1,maximum-scale=2,user-scalable=yes">
XPath: meta[name="viewport"]:nth-child(21)
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/3_2_landscape_465x310/public/media-uploads/Gibbet%20Hill%2C%20Weston%20Hills.jpeg?itok=PAWB2A7A" width="465" height="310" typeof="foaf:Image">
XPath: .chevron-card:nth-child(3) > .views-field-field-listing-image.views-field > .field-content > a[hreflang="en"] > img[loading="lazy"][width="465"][height="310"]
Example 2 View on Page
Images must have alternative text
Mode: light
<img style="width: 100%" src="/media/cwhcts2v/adventuresmainwebsitebanner.jpg?width=1136">
XPath: picture > img
2 Moderate axe label-title-only
2 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" data-drupal-selector="edit-keys" placeholder="Search our website" id="edit-keys--t5hOHFRx1mM" type="search" name="keys" value="" size="15" maxlength="128" class="form-search">
XPath: #edit-keys--t5hOHFRx1mM
Example 2 View on Page
Form elements should have a visible label
Mode: light
<input class="cludo-input-form__input" title="Search the page" name="searchrequest" type="search" autocomplete="off" placeholder="Search for..." aria-autocomplete="list" aria-haspopup="true">
XPath: .cludo-input-form__input
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://home-e33.niceincontact.com/inContact/ChatClient/chatButton.html" id="icChatButton" name="icChatButton" scrolling="no" height="80" width="180" class="ie-chat-button-iframe-fixed-customer-chat" style="border-style: none;"></iframe>
XPath: #icChatButton
Example 2 View on Page
Frames must have an accessible name
Mode: light
<iframe id="chatbox" src="https://chat.lbbd.gov.uk/" style="width: 100%; height: 0px; border: none; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px; background-color: white; transition: height 0.3s ease-out;"></iframe>
XPath: #chatbox
2 Moderate axe landmark-complementary-is-top-level: Ensures the complementary landmark (<aside>) is a top-level landmark. Nested aside elements cannot be found by screen reader landmark navigation.
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Aside should not be contained in another landmark
Mode: light
<aside class="max-width">
XPath: #cookieControl > aside
Example 2 View on Page
Aside should not be contained in another landmark
Mode: dark
<aside class="max-width">
XPath: #cookieControl > aside
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 id="CybotCookiebotDialogBodyContent" class="CybotCookiebotScrollArea">
XPath: #CybotCookiebotDialogBodyContent
Example 2 View on Page
Scrollable region must have keyboard access
Mode: light
<div id="CybotCookiebotDialogBodyContent" class="CybotCookiebotScrollArea">
XPath: #CybotCookiebotDialogBodyContent
2 Critical axe SC 1.4.4 AA Visual meta-viewport: Ensures viewport meta does not disable text scaling. Disabling user-scaling prevents people with low vision from enlarging text to a readable size.
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 1.4.4 AA

Disabilities affected:
Visual

Affected Pages

Who Is Affected

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

Examples

Example 1 View on Page
Zooming and scaling must not be disabled
Mode: light
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
XPath: meta[name="viewport"]
Example 2 View on Page
Zooming and scaling must not be disabled
Mode: dark
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
XPath: meta[name="viewport"]
1 Moderate axe SC 4.1.2 A Visual Motor Cognitive aria-command-name
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
ARIA commands must have an accessible name
Mode: light
<i class="icon-li icon-sc-housing" role="menuitem"></i>
XPath: .icon-sc-housing
1 Moderate axe SC 4.1.2 A Visual Motor Cognitive select-name
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
Select element must have an accessible name
Mode: light
<select id="gtranslate_fake_select">
XPath: .block-gtranslate > .gtranslate_wrapper.gt_container--wz96ug > select:nth-child(1)
1 Moderate axe SC 1.4.1 A Visual Cognitive link-in-text-block
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.4.1 A

Disabilities affected:
Visual Cognitive

Affected Pages

Who Is Affected

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

Examples

Example 1 View on Page
Links must be distinguishable without relying on color
Mode: light
<a href="/privacy">Privacy Policy</a>
XPath: p:nth-child(3) > a[href$="privacy"]
1 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.
1 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

🔧 Most Common Issues (Equal Access)

76 rules
934 Moderate equalAccess style_focus_visible: An element's focused state must be visually apparent
70 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
<a aria-label="Cookiebot by Usercentrics - opens in a new window" id="CybotCookiebotDialogPoweredbyCybot" target="_blank" rel="noopener nofollow" href="https://www.cookiebot.com/en/what-is-behind-powered-by-cookiebot/?utm_source=banner_cb&utm_medium=referral&utm_content=v2">
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="Close banner" class="CybotCookiebotBannerCloseButton">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a class="" href="#" id="CybotCookiebotDialogBodyEdgeMoreDetailsLink">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button lang="en" tabindex="0" class="CybotCookiebotDialogBodyButton" id="CybotCookiebotDialogBodyButtonDecline">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button lang="en" tabindex="0" class="CybotCookiebotDialogBodyButton" id="CybotCookiebotDialogBodyLevelButtonCustomize">
809 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 aria-label="Cookiebot by Usercentrics - opens in a new window" id="CybotCookiebotDialogPoweredbyCybot" target="_blank" rel="noopener nofollow" href="https://www.cookiebot.com/en/what-is-behind-powered-by-cookiebot/?utm_source=banner_cb&utm_medium=referral&utm_content=v2">
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
<button aria-label="Close banner" class="CybotCookiebotBannerCloseButton">
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
<a class="" href="#" id="CybotCookiebotDialogBodyEdgeMoreDetailsLink">
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
<button lang="en" tabindex="0" class="CybotCookiebotDialogBodyButton" id="CybotCookiebotDialogBodyButtonDecline">
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
<button lang="en" tabindex="0" class="CybotCookiebotDialogBodyButton" id="CybotCookiebotDialogBodyLevelButtonCustomize">
330 Moderate equalAccess aria_content_in_landmark: All content of the page should be contained within a landmark region
80 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 class="visually-hidden focusable skip-link" href="#main-content">
Example 2 View on Page
Content is not within a landmark element
Mode: light
<p>
Example 3 View on Page
Content is not within a landmark element
Mode: light
<a class="visually-hidden focusable skip-link" href="#main-content">
Example 4 View on Page
Content is not within a landmark element
Mode: light
<h1>
Example 5 View on Page
Content is not within a landmark element
Mode: light
<a href="/help-and-support-north-tyneside/cost-living">
242 Moderate equalAccess text_contrast_sufficient: Contrast ratio of text against its background must meet minimum requirements
32 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The foreground text and its background color are both detected as #ffffff. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<p>
Example 2 View on Page
The foreground text and its background color are both detected as #ffffff. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<h1>
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 17px and weight of 400
Mode: light
<a href="http://www.facebook.com/nlcpeople" class="ace-icon facebook">
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 17px and weight of 400
Mode: light
<a href="http://www.twitter.com/nlcpeople" class="ace-icon twitter">
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 17px and weight of 400
Mode: light
<a href="https://www.youtube.com/c/NorthLanarkshireCouncilYoutubeChannel" class="ace-icon youtube">
192 Moderate equalAccess element_tabbable_visible: A tabbable element must be visible on the page
48 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 class="visually-hidden focusable skip-link" 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 class="skiplink" href="#content">
Example 3 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<input value="2" class="visuallyhidden" id="happy" name="happyness" type="radio">
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 onclick="document.body.scrollTop = 0; document.documentElement.scrollTop = 0;" href="javascript:void(0)" data-target-element="content" data-launch-safespace="">
Example 5 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a href="/cookies">
167 Moderate equalAccess text_block_heading: Blocks of text that serve as headings should be marked up as headings
52 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text 'Get the North Herts app Get the North Herts app' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p class="has-large-font-size">
Example 2 View on Page
Confirm this text 'Council Tax reduction, Housing benefit, Universal Credit, unemployment advice' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p>
Example 3 View on Page
Confirm this text 'Online services' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="field field--name-field-title field--type-string field--label-hidden field__item">
Example 4 View on Page
Confirm this text 'Food Waste Caddy Deliveries' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="field field--name-title field--type-string field--label-hidden field__item">
Example 5 View on Page
Confirm this text 'Image' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="field__label visually-hidden nospeech">
144 Moderate equalAccess element_attribute_deprecated: Deprecated HTML attributes should not be used
84 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="text/html; charset=UTF-8" http-equiv="Content-Type">
Example 2 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 3 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="360" http-equiv="refresh">
Example 4 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 5 View on Page
The HTML attribute(s) "color" is deprecated in HTML 5
Mode: light
<link color="#ffffff" href="/themes/custom/bbd_localgov/assets/images/favicons/safari-pinned-tab.svg" rel="mask-icon">
143 Moderate equalAccess input_label_visible: An input element must have an associated visible label
60 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 aria-label="Close banner" class="CybotCookiebotBannerCloseButton">
Example 2 View on Page
The ‘placeholder’ is the only visible label
Mode: light
<input required="" autocomplete="off" value="" aria-label="Search website or postcode" name="s" placeholder="Search website or postcode" class="form-control m-0" type="search">
Example 3 View on Page
The input element does not have an associated visible label
Mode: light
<button style="border-radius: 0 !important;border:1px solid #ddd;" aria-label="search button" type="submit" class="btn btn-light px-3">
Example 4 View on Page
The input element does not have an associated visible label
Mode: light
<button type="button" id="super-search-menu-toggle" data-tracking-key="search" data-toggle-desktop-group="top" data-toggle-mobile-group="top" data-text-for-show="Show search menu" data-text-for-hide="Hide search menu" class="gem-c-layout-super-navigation-header__search-toggle-button gem-c-layout-super-navigation-header--toggle" aria-label="Show search menu" aria-expanded="false" aria-controls="super-search-menu">
Example 5 View on Page
The ‘placeholder’ is the only visible label
Mode: light
<input autocomplete="off" data-once="autocomplete search-api-autocomplete" maxlength="128" size="30" data-autocomplete-path="https://www.north-herts.gov.uk/search_api_autocomplete/search?display=search_block&&filter=search" data-search-api-autocomplete-search="search" data-drupal-selector="edit-search" placeholder="Search the site" value="" type="text" name="search" id="edit-search" class="govuk-input form-autocomplete form-text form-control ui-autocomplete-input">
105 Moderate equalAccess style_background_decorative
21 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 scoped="">
Example 2 View on Page
Verify the CSS background image does not convey important information
Mode: light
<header style="background:url('/media/11462/future-norfolk-website-header-v1-02.png?anchor=center&mode=crop&width=1900&height=460&rnd=133958345670000000');background-size: cover; background-position: center;" class="welcome-header">
Example 3 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style data-fbcssmodules="css:fb.css.base css:fb.css.dialog css:fb.css.iframewidget" type="text/css">
Example 4 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style>
Example 5 View on Page
Verify the CSS background image does not convey important information
Mode: light
<div data-v-01689eb3="" style="background:url(https://images.reading.gov.uk/2020/06/TownHall.jpg) center center" class="hero-image">
91 Moderate equalAccess element_id_unique: Element IDs must be unique within a page
22 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The <h2> element has the id "self-service-heading" that is already in use
Mode: light
<h2 id="self-service-heading">
Example 2 View on Page
The <input> element has the id "edit-s" that is already in use
Mode: light
<input class="form-text" maxlength="128" size="30" value="" name="s" id="edit-s" type="text" data-drupal-selector="edit-s" placeholder="I'm looking for...">
Example 3 View on Page
The <input> element has the id "edit-submit-localgov-sitewide-search" that is already in use
Mode: light
<input class="button js-form-submit form-submit" value="Search" id="edit-submit-localgov-sitewide-search" type="submit" data-drupal-selector="edit-submit-localgov-sitewide-search">
Example 4 View on Page
The <div> element has the id "maincontent" that is already in use
Mode: light
<div id="maincontent" class="container">
Example 5 View on Page
The <div> element has the id "paragraph-17445" that is already in use
Mode: light
<div class="paragraph paragraph--type--occtw-highlight paragraph--view-mode--default occlss-splide__slide occlss-splide__slide--col_1" id="paragraph-17445">
89 Moderate equalAccess widget_tabbable_exists
10 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
<button aria-label="Order services by most used" title="Most used services selected" class="sc-khYOSY gAoMQJ chosen" tabindex="-1">
Example 2 View on Page
Component with "button" role does not have a tabbable element
Mode: light
<a style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);" data-cli_action="reject" class="large cli-plugin-button cli-plugin-main-button cookie_action_close_header_reject cli_action_button wt-cli-reject-btn" id="cookie_action_close_header_reject" role="button">
Example 3 View on Page
Component with "button" role does not have a tabbable element
Mode: light
<a style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);" class="wt-cli-element large cli-plugin-button wt-cli-accept-all-btn cookie_action_close_header cli_action_button" data-cli_action="accept_all" role="button" id="wt-cli-accept-all-btn">
Example 4 View on Page
Component with "textbox" role does not have a tabbable element
Mode: light
<input tabindex="-1" class="form-text form-item__textfield" maxlength="128" size="30" value="" name="query" id="search-header" type="text" data-drupal-selector="search-header" placeholder="Search our site">
Example 5 View on Page
Component with "button" role does not have a tabbable element
Mode: light
<input tabindex="-1" class="button js-form-submit form-submit" value="Search" id="search-header-submit" type="submit" data-drupal-selector="search-header-submit">
86 Moderate equalAccess style_highcontrast_visible: Elements must be visible in Windows High Contrast mode
86 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
<style>
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 crossorigin="anonymous" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" 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
<html data-once="GOVUKFrontend.InitAll sitewide_alerts_init" style="--scrollbar-width: 0px;" class="govuk-template govuk-template--rebranded js" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# " dir="ltr" lang="en">
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
<html style="--lgd-sticky-header-position: 0px; --lgd-sticky-header-height: 100px;" class="sticky-header-html js fontawesome-i2svg-active fontawesome-i2svg-complete" prefix="og: https://ogp.me/ns#" dir="ltr" lang="en">
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
<link href="/sites/default/files/css/css_Uqacj2cYfvuuZgwSElmTC2qaYn8Yftb68g98rA1JIdw.css?delta=0&language=en&theme=north_lanarkshire&include=eJxljG0KAyEMRC-k65EkalZt4weJtt3bd1copfTPwJvhDXi0vjHakbCg2VsdouC3jNQckJZxUK5xrZW83RsXMSfpk_QidVkm8OxAG9zgpWrjkSxBBb5Lyvz31oEhMvQkH-_bbLP26ShLwqDkkIHFOBBUj4xPMSu30sIkfAN5WE3p" media="all" rel="stylesheet">
85 Moderate equalAccess style_color_misuse: Color must not be used as the only visual means of conveying information
85 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 crossorigin="anonymous" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" rel="stylesheet">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style id="environment-indicator-styles">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style type="text/css">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/sites/default/files/css/css_Uqacj2cYfvuuZgwSElmTC2qaYn8Yftb68g98rA1JIdw.css?delta=0&language=en&theme=north_lanarkshire&include=eJxljG0KAyEMRC-k65EkalZt4weJtt3bd1copfTPwJvhDXi0vjHakbCg2VsdouC3jNQckJZxUK5xrZW83RsXMSfpk_QidVkm8OxAG9zgpWrjkSxBBb5Lyvz31oEhMvQkH-_bbLP26ShLwqDkkIHFOBBUj4xPMSu30sIkfAN5WE3p" media="all" rel="stylesheet">
54 Moderate equalAccess aria_landmark_name_unique
18 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "region" landmarks within the same parent region are not distinguished from one another because they have the same "notification" label
Mode: light
<section data-v-2a6cf527="" data-v-67b00a50="" style="padding:0" class="notification-container" aria-label="Notification">
Example 2 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 class="main nav-dropdown navigation-dropdown-bg-solid">
Example 3 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 class="cta-links">
Example 4 View on Page
Multiple elements with "region" landmarks within the same parent region are not distinguished from one another because they have the same "content" label
Mode: light
<section aria-label="content" class="content component usn_cmp_code c1-bg c1-bg-solid pt-0 pb-0 adverts">
Example 5 View on Page
Multiple elements with "region" landmarks within the same parent region are not distinguished from one another because they have the same "content" label
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 rbcHomeBanner">
50 Moderate equalAccess label_name_visible: The label text for an element must be visible
25 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
<a rel="noopener nofollow noreferrer" target="_blank" data-extlink="" aria-label="Customer satisfaction survey" href="https://online1.snapsurveys.com/NKDCCustomerSatisfaction" class="lgd-container localgov-alert-banner--content-link ext">
Example 2 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a aria-label="Accept cookies" role="button" class="cb-enable" href="#">
Example 3 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<button type="button" aria-label="Enable Recite Me accessibility tool" class="ace-recite-me-btn reciteme-launch">
Example 4 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a aria-label="Further information about Access to support for heating oil" target="_top" class="btn btn-arrow" href="https://www.north-norfolk.gov.uk/tasks/benefits/access-to-support-for-heating-oil/">
Example 5 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a tabindex="0" role="button" href="javascript:void(0)" aria-label="Home Tasks Mobile View Button">
48 Moderate equalAccess svg_graphics_labelled: SVG graphics must have an accessible name describing their purpose
22 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 974 327" fill="none" height="327" width="974" xmlns="http://www.w3.org/2000/svg">
Example 2 View on Page
The SVG element has no accessible name
Mode: light
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" height="16" width="16">
Example 3 View on Page
The SVG element has no accessible name
Mode: light
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 76 76" height="76" width="76">
Example 4 View on Page
The SVG element has no accessible name
Mode: light
<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" height="36" width="36">
Example 5 View on Page
The SVG element has no accessible name
Mode: light
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36" height="36" width="36">
44 Moderate equalAccess aria_id_unique
9 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The 'id' "autocomplete_hint" specified for the ARIA property 'aria-describedby' value is not valid
Mode: light
<input class="input is-large search-input" id="mainsearchbar" aria-haspopup="true" aria-autocomplete="list" type="search" name="searchrequest" placeholder="Search for services or more information" aria-describedby="autocomplete_hint" aria-label="Search site" autocomplete="on">
Example 2 View on Page
The 'id' "collapseFeedback" specified for the ARIA property 'aria-controls' value is not valid
Mode: light
<a class="reveal" aria-controls="collapseFeedback" aria-expanded="false" data-target="#collapseFeedback" data-toggle="collapse" href="#/">
Example 3 View on Page
The 'id' "#residentsSubmenu" specified for the ARIA property 'aria-controls' value is not valid
Mode: light
<button class="primarylink-haschildren" aria-haspopup="true" aria-controls="#residentsSubmenu">
Example 4 View on Page
The 'id' "#businessSubmenu" specified for the ARIA property 'aria-controls' value is not valid
Mode: light
<button class="primarylink-haschildren" aria-haspopup="true" aria-controls="#businessSubmenu">
Example 5 View on Page
The 'id' "#aroundSeftonSubmenu" specified for the ARIA property 'aria-controls' value is not valid
Mode: light
<button class="primarylink-haschildren" aria-haspopup="true" aria-controls="#aroundSeftonSubmenu">
40 Moderate equalAccess aria_attribute_valid
22 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ARIA attributes "aria-label" are not valid for the element <span> with implicit ARIA role "generic"
Mode: light
<span aria-label="link is external (opens in a new window)" class="extlink-nobreak">
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="News" class="testimonial t-testimonial">
Example 3 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">
Example 4 View on Page
The ARIA attributes "aria-labelledby" are not valid for the element <div> with implicit ARIA role "generic"
Mode: light
<div aria-labelledby="slideshow-1" data-carousel-autoplay="5000" data-carousel-title="Latest information from Ribble Valley Borough Council" class="carousel carousel--fade js-carousel flickity-enabled is-draggable">
Example 5 View on Page
The ARIA attributes "aria-label" are not valid for the element <span> with implicit ARIA role "generic"
Mode: light
<span aria-label="(link is external)" class="fa fa-external-link">
40 Moderate equalAccess aria_role_redundant: ARIA role is redundant with the native role of the element
18 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 "presentation" is redundant with the implicit role of the element <img>
Mode: light
<img class="hero__img" aria-hidden="true" role="presentation" alt="" fetchpriority="high" sizes="100vw" srcset="/themes/custom/ncc_theme_v1/img/hero-banner/ncc_hero_image_small.webp 800w, /themes/custom/ncc_theme_v1/img/hero-banner/ncc_hero_image_1440.webp 1440w" src="/themes/custom/ncc_theme_v1/img/hero-banner/ncc_hero_image_small.webp">
Example 2 View on Page
The explicitly-assigned ARIA role "region" is redundant with the implicit role of the element <section>
Mode: light
<section aria-labelledby="self-service-heading" role="region" class="ncc-self-service-buttons">
Example 3 View on Page
The explicitly-assigned ARIA role "presentation" is redundant with the implicit role of the element <img>
Mode: light
<img role="presentation" alt="" src="/media/xcqfir02/7.jpg" id="target">
Example 4 View on Page
The explicitly-assigned ARIA role "banner" is redundant with the implicit role of the element <header>
Mode: light
<header class="occlss-site-header" role="banner">
Example 5 View on Page
The explicitly-assigned ARIA role "main" is redundant with the implicit role of the element <main>
Mode: light
<main role="main">
38 Moderate equalAccess text_sensory_misuse: Instructions must not rely solely on sensory characteristics
28 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' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<div class="field field--name-localgov-text-plain field--type-string-long field--label-hidden field__item">
Example 2 View on Page
Confirm the word(s) 'Top' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<h3>
Example 3 View on Page
Confirm the user instruction is still understandable without the word(s) 'Extra'
Mode: light
<h2 id="block-northyorks-base-extralinks-menu">
Example 4 View on Page
Confirm the user instruction is still understandable without the word(s) 'Big'
Mode: light
<h3>
Example 5 View on Page
Confirm the word(s) 'top' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
33 Moderate equalAccess aria_role_valid
8 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ARIA role 'menuitemradio' is not valid for the element <li>
Mode: light
<li aria-checked="false" class="taskbar-link" role="menuitemradio">
Example 2 View on Page
The ARIA role 'listitem' is not valid for the element <button>
Mode: light
<button aria-live="polite" class="qc-cmp2-list-item-header" role="listitem">
Example 3 View on Page
The ARIA role 'list' is not valid for the element <li>
Mode: light
<li role="list" class="qc-cmp2-list-item qc-cmp2-expanded" id="Google Basic Consents">
Example 4 View on Page
The ARIA role 'listitem' is not valid for the element <button>
Mode: light
<button aria-live="polite" role="listitem" class="qc-cmp2-list-item-header">
Example 5 View on Page
The ARIA role 'alert' is not valid for the element <article>
Mode: light
<article data-once="allAlertBanners" role="alert" data-dismiss-alert-token="alert-63--b0efba55859377119f10d145f2e7c5dc80127595" class="js-localgov-alert-banner localgov-alert-banner localgov-alert-banner--minor localgov-alert-banner--homepage localgov-alert-banner--no-link localgov-alert-banner--no-hide">
32 Moderate equalAccess html_lang_exists
32 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>
32 Moderate equalAccess skip_main_exists
32 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

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>
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>
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>
31 Moderate equalAccess img_alt_redundant
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Link text is repeated in an image 'alt' value within the same link
Mode: light
<img alt="Over 99% of children have received an offer for one of their preferred primary schools " src="https://ncc17ms.euwest01.umbraco.io/media/bddduu3s/primaryadmissions.jpg">
Example 2 View on Page
Link text is repeated in an image 'alt' value within the same link
Mode: light
<img alt="First-time permanent road repair teams unveiled by county council" src="https://ncc17ms.euwest01.umbraco.io/media/wjidxuqx/2245ef6ff123469b807d9375d8fe283d.webp">
Example 3 View on Page
Link text is repeated in an image 'alt' value within the same link
Mode: light
<img alt="Foster Carers Conference 2026 inspiring belief changing lives" src="https://ncc17ms.euwest01.umbraco.io/media/ijkp0qfo/foster-carers-conference-2026.jpg">
Example 4 View on Page
Link text is repeated in an image 'alt' value within the same link
Mode: light
<img alt="Simpler Recycling has arrived in Nottinghamshire" src="https://ncc17ms.euwest01.umbraco.io/media/1gsl11h5/23d65ac08b0240a795725a3bd7aa5953.webp">
Example 5 View on Page
Link text is repeated in an image 'alt' value within the same link
Mode: light
<img class="rbc-tile__header-icon" loading="lazy" src="https://images.reading.gov.uk/2020/09/recycle.svg" alt="Waste and recycling">
30 Moderate equalAccess input_checkboxes_grouped
10 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 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 checked="" disabled="" value="strict" class="mdc-checkbox__native-control cookiescript_checkbox_input" type="checkbox" data-cookiescript="checkbox-input" id="cookiescript_category_strict" tabindex="0">
Example 3 View on Page
Verify that this un-named, ungrouped checkbox input is not related to other checkboxes
Mode: light
<input value="performance" class="mdc-checkbox__native-control cookiescript_checkbox_input" type="checkbox" data-cookiescript="checkbox-input" id="cookiescript_category_performance" tabindex="0">
Example 4 View on Page
Verify that this un-named, ungrouped checkbox input is not related to other checkboxes
Mode: light
<input value="targeting" class="mdc-checkbox__native-control cookiescript_checkbox_input" type="checkbox" data-cookiescript="checkbox-input" id="cookiescript_category_targeting" tabindex="0">
Example 5 View on Page
Verify that this un-named, ungrouped checkbox input is not related to other checkboxes
Mode: light
<input value="functionality" class="mdc-checkbox__native-control cookiescript_checkbox_input" type="checkbox" data-cookiescript="checkbox-input" id="cookiescript_category_functionality" tabindex="0">
29 Moderate equalAccess aria_navigation_label_unique
11 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 class="main nav-dropdown navigation-dropdown-bg-solid">
Example 2 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav class="cta-links">
Example 3 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav data-os-animation-duration="1.2s" data-os-animation-delay="0s" data-os-animation="fadeIn" class="quick-links ">
Example 4 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav data-os-animation-duration="1.0s" data-os-animation-delay="0s" data-os-animation="fadeInDown" class="social " id="stopSocial">
Example 5 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav class="footer-navigation">
28 Moderate equalAccess target_spacing_sufficient
12 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Ensure the overlapped target "button" meets a minimum target size or has sufficient spacing from the overlapping target "button"
Mode: light
<button id="prefix-dismissButton" class="prefix-overlay-action-dismiss">
Example 2 View on Page
Ensure the overlapped target "button" meets a minimum target size or has sufficient spacing from the overlapping target "button"
Mode: light
<button id="prefix-laterButton" class="prefix-overlay-action-later">
Example 3 View on Page
Ensure the overlapped target "a" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light
<a style="display: inline-block; color: rgb(0, 0, 0);" class="cli-plugin-main-link" id="CONSTANT_OPEN_URL" href="https://www.portsmouth.gov.uk/services/council-and-democracy/policies-and-strategies/cookie-and-privacy-policy">
Example 4 View on Page
Ensure the overlapped target "select" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light
<select aria-label="Language Translate Widget" class="goog-te-combo">
Example 5 View on Page
Ensure the overlapped target "button" meets a minimum target size or has sufficient spacing from the overlapping target "input"
Mode: light
<button id="prefix-dismissButton" class="prefix-overlay-action-dismiss">
28 Moderate equalAccess aria_form_label_unique
13 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 accept-charset="UTF-8" id="search-block-form" method="get" action="/search/all">
Example 2 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<form method="post" id="GD-snippet-form" action="https://public.govdelivery.com/accounts/UKNLC/subscribers/qualify" accept-charset="UTF-8">
Example 3 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<form data-drupal-form-fields="search_text" data-once="form-updated" accept-charset="UTF-8" method="get" action="/search" class="hero__search--form">
Example 4 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<form data-drupal-form-fields="edit-page-useful-yes,edit-page-useful-no,edit-how-can-we-improve,edit-actions-submit" data-once="webform-details-toggle form-updated" accept-charset="UTF-8" id="webform-submission-feedback-node-316-add-form" method="post" action="/" data-drupal-selector="webform-submission-feedback-node-316-add-form" class="webform-submission-form webform-submission-add-form webform-submission-feedback-form webform-submission-feedback-add-form webform-submission-feedback-node-316-form webform-submission-feedback-node-316-add-form js-webform-details-toggle webform-details-toggle feedback__form">
Example 5 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<form class="govuk-inline-form" accept-charset="UTF-8" id="views-exposed-form-search-search-results" method="get" action="/search">
25 Moderate equalAccess element_tabbable_role_valid
16 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The tabbable element's role 'dialog' is not a widget role
Mode: light
<div style="height: 300px;" aria-describedby="prefix-overlay-step1" aria-modal="true" role="dialog" tabindex="0" id="prefix-overlay-outer">
Example 2 View on Page
The tabbable element's role 'feed' is not a widget role
Mode: light
<div style="overflow: hidden;" class="crt-carousel-stage" aria-label="There are 0 posts in the feed" tabindex="0" role="feed">
Example 3 View on Page
The tabbable element does not have a valid widget role
Mode: light
<div id="cookies-info" tabindex="0" class="occ-gdrp-modal__content-tabs-item js-occ-gdrp-modal__content-tabs-item active">
Example 4 View on Page
The tabbable element does not have a valid widget role
Mode: light
<div class="play-pause-button-container" tabindex="0" data-v-0cc12519="">
Example 5 View on Page
The tabbable element's role 'dialog' is not a widget role
Mode: light
<div style="height: 350px;" aria-modal="true" aria-label="This is a subscription dialog that can be closed" role="dialog" tabindex="0" id="prefix-overlay-outer">
25 Moderate equalAccess widget_tabbable_single
11 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
<div role="menu" id="taskbar" class="taskbar">
Example 2 View on Page
Component with "tablist" role has more than one tabbable element
Mode: light
<div aria-label="Purposes and vendors tabs" role="tablist">
Example 3 View on Page
Component with "link" role has more than one tabbable element
Mode: light
<a class="" href="/news/">
Example 4 View on Page
Component with "menu" role has more than one tabbable element
Mode: light
<span role="menu">
Example 5 View on Page
Component with "menu" role has more than one tabbable element
Mode: light
<ul role="menu">
20 Moderate equalAccess style_viewport_resizable: Zooming and scaling must not be disabled
19 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/sites/default/files/css/css_w_w3T6VVWBCDxlpWw_rcSQi7E0f02IBphm4uni_EZ8Q.css?delta=7&language=en&theme=bbd_localgov&include=eJx9kAtuxCAMBS9EwpGQATdxY3BkQ7p7-3Z_SjatKiGLN2OE5QhpCU1-zurjfg-UpLoYc2BJwJNs_hjezQZKEBnNJVH0WfsKPMInXBxeGlNdXuwZ3etpAEZtIUKtqP4Y9pYIhg81_Kk-RMuAqqJ2Np35hCaWCGdYsPahANUTt0ZpuQ4zQj7-aj0aNbSwgsKksM7m_5Pu0Pfcw07GXtcemWzG7EwSAYeCmSDcFmX-NxrbjAWdXa1h8bdB3Ub4Zf5exyK5M34DFRW5AQ" media="all" rel="stylesheet">
Example 2 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link rel="stylesheet" href="https://www.northlincs.gov.uk/wp-content/themes/nlc/css/nlc-base.css?v=1">
Example 3 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/sites/default/files/css/css_t2rvuBfnY8UBvp7oHi9f9b0FDtLLhyxn8AxS_OCbJww.css?delta=3&language=en&theme=ncc_theme_v1&include=eJyNTdsOgyAM_SGR7ItIqY12QmsosLmvn3F72N58Ocm5226Vso9gNAhiqAtlCv3m56QRkrO6J5b53zNOa-WJAqquTCGCCJUBtZCfStsgjXCH50dAzZsKSbXxd8S5gzlT5OOFUcWGzvQwf-KYdWqJrixQ6Yxk8HKLZnK5bxdamaS52GpVufQBBZdv_g0vDHSI" media="all" rel="stylesheet">
Example 4 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 5 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/css/Nottm/style.css" rel="stylesheet">
16 Moderate equalAccess aria_keyboard_handler_exists
15 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify the <div> element with "menu" role has keyboard access
Mode: light
<div role="menu" id="taskbar" class="taskbar">
Example 2 View on Page
Verify the <div> element with "combobox" role has keyboard access
Mode: light
<div aria-labelledby="search-label" aria-haspopup="listbox" aria-expanded="false" role="combobox">
Example 3 View on Page
Verify the <ul> element with "tablist" role has keyboard access
Mode: light
<ul aria-label="Select a slide to show" role="tablist" class="splide__pagination occlss-splide__nav splide__pagination--ltr">
Example 4 View on Page
Verify the <input> element with "combobox" role has keyboard access
Mode: light
<input aria-labelledby="headkeywords_input_label" aria-autocomplete="list" aria-haspopup="listbox" aria-controls="headkeywords_input_suggestions" aria-expanded="false" role="combobox" autocomplete="off" maxlength="100" type="text" value="" name="q" placeholder="Search..." class="searchform__inputtxt searchform__inputtxt--sitesearch" id="headkeywords_input" data-dataurl="https://www.pkc.gov.uk/search">
Example 5 View on Page
Verify the <div> element with "tablist" role has keyboard access
Mode: light
<div aria-label="Purposes and vendors tabs" role="tablist">
16 Moderate equalAccess input_label_exists
10 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Form control with "menuitemradio" role has no associated label
Mode: light
<li aria-checked="false" class="taskbar-link" role="menuitemradio">
Example 2 View on Page
Form control element <button> has no associated label
Mode: light
<button aria-expanded="false" aria-controls="iab-purpose-controls" class="ccc-vendor-reveal ccc-notify-button ccc-link ccc-tabbable">
Example 3 View on Page
Form control element <button> has no associated label
Mode: light
<button aria-expanded="false" aria-controls="iab-special-purpose-controls" class="ccc-vendor-reveal ccc-notify-button ccc-link ccc-tabbable">
Example 4 View on Page
Form control element <button> has no associated label
Mode: light
<button aria-expanded="false" aria-controls="iab-feature-controls" class="ccc-vendor-reveal ccc-notify-button ccc-link ccc-tabbable">
Example 5 View on Page
Form control element <button> has no associated label
Mode: light
<button aria-expanded="false" aria-controls="iab-specialFeatureOptins-controls" class="ccc-vendor-reveal ccc-notify-button ccc-link ccc-tabbable">
16 Moderate equalAccess input_label_after
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

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">
16 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 href="/waste-and-recycling" target="_self" class="sc-jJLAfE xXlQt">
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 href="/have-your-say" target="_self" class="sc-jJLAfE xXlQt">
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 href="/council-and-democracy/decision-making-and-meetings/attend-a-committee-meeting" target="_self" class="sc-jJLAfE xXlQt">
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 href="/about-the-council/climate-change/warm-homes-local-grant-privately-owned-and-rented-homes" target="_self" class="sc-jJLAfE xXlQt">
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 href="/business/grow-your-business-in-stevenage-from-22.73-a-day" target="_self" class="sc-jJLAfE xXlQt">
15 Moderate equalAccess aria_child_valid
9 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 class="row list-unstyled m-0">
Example 2 View on Page
The element with role "menu" owns the child element with the role "button" that is not one of the allowed role(s): "menuitem, menuitemcheckbox, menuitemradio"
Mode: light
<div role="menu" id="taskbar" class="taskbar">
Example 3 View on Page
The element with role "list" owns the child element with the role "menuitemradio" that is not one of the allowed role(s): "listitem"
Mode: light
<ul class="taskbar-navigation-list">
Example 4 View on Page
The element with role "feed" does not own any child element with any of the following role(s): "article"
Mode: light
<div style="overflow: hidden;" class="crt-carousel-stage" aria-label="There are 0 posts in the feed" tabindex="0" role="feed">
Example 5 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ol id="footnotes_group" class="occ-footnotes_list">
14 Moderate equalAccess aria_attribute_redundant: ARIA role or attribute is redundant with the native role and attributes
11 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" placeholder="Search">
Example 2 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<input autocomplete="off" data-once="autocomplete search-api-autocomplete" aria-required="true" required="required" maxlength="128" size="30" value="" name="s" id="edit-s" type="text" data-autocomplete-path="/search_api_autocomplete/localgov_sitewide_search?display=sitewide_search_page&&filter=s" class="form-autocomplete form-text required ui-autocomplete-input" data-search-api-autocomplete-search="localgov_sitewide_search" data-drupal-selector="edit-s" placeholder="Search">
Example 3 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<input aria-required="true" placeholder="Email address" value="" required="" id="mce-EMAIL" class="required email" name="EMAIL" type="email">
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" maxlength="128" size="30" value="" name="s" id="edit-s" type="text" placeholder="Search" data-drupal-selector="edit-s">
Example 5 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<input aria-label="search box" data-once="search" aria-required="true" required="required" class="form-text required" maxlength="128" size="30" value="" name="s" id="edit-s" type="text" placeholder="Enter search term..." data-drupal-selector="edit-s">
13 Moderate equalAccess aria_region_label_unique
3 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 data-v-2a6cf527="" data-v-67b00a50="" style="padding:0" class="notification-container" aria-label="Notification">
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_code c1-bg c1-bg-solid pt-0 pb-0 adverts">
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_pods base-bg base-bg-solid d-xs-none_only d-sm-none_only rbcHomeBanner">
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_ctastrip c4-bg c4-bg-solid p-0 has-box-shadows ">
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_reusablecomponents base-bg base-bg-solid pb-0 ">
13 Moderate equalAccess frame_src_valid: The src value of the frame must not be empty
8 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify <frame> content is accessible
Mode: light
<iframe title="Meet Tom – and his new food waste caddy!" 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/5_VzrQzeVp0?feature=oembed" height="200" width="356">
Example 2 View on Page
Verify <frame> content is accessible
Mode: light
<iframe title="Council" 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/LtF8KDA0FmQ?feature=oembed" height="200" width="356">
Example 3 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 4 View on Page
Verify <frame> content is accessible
Mode: light
<iframe style="display: none;" src="data:text/html;charset=UTF-8;base64,PCFET0NUWVBFIGh0bWw+PGJvZHk+PHNjcmlwdD4oZnVuY3Rpb24oKXsndXNlIHN0cmljdCc7dmFyIGY9dHlwZW9mIE9iamVjdC5kZWZpbmVQcm9wZXJ0aWVzPT0iZnVuY3Rpb24iP09iamVjdC5kZWZpbmVQcm9wZXJ0eTpmdW5jdGlvbihhLGMsYil7aWYoYT09QXJyYXkucHJvdG90eXBlfHxhPT1PYmplY3QucHJvdG90eXBlKXJldHVybiBhO2FbY109Yi52YWx1ZTtyZXR1cm4gYX07ZnVuY3Rpb24gZyhhKXthPVsib2JqZWN0Ij09dHlwZW9mIGdsb2JhbFRoaXMmJmdsb2JhbFRoaXMsYSwib2JqZWN0Ij09dHlwZW9mIHdpbmRvdyYmd2luZG93LCJvYmplY3QiPT10eXBlb2Ygc2VsZiYmc2VsZiwib2JqZWN0Ij09dHlwZW9mIGdsb2JhbCYmZ2xvYmFsXTtmb3IodmFyIGM9MDtjPGEubGVuZ3RoOysrYyl7dmFyIGI9YVtjXTtpZihiJiZiLk1hdGg9PU1hdGgpcmV0dXJuIGJ9dGhyb3cgRXJyb3IoIkNhbm5vdCBmaW5kIGdsb2JhbCBvYmplY3QiKTt9dmFyIGg9Zyh0aGlzKTsKZnVuY3Rpb24gayhhLGMpe2lmKGMpYTp7dmFyIGI9aDthPWEuc3BsaXQoIi4iKTtmb3IodmFyIGQ9MDtkPGEubGVuZ3RoLTE7ZCsrKXt2YXIgZT1hW2RdO2lmKCEoZSBpbiBiKSlicmVhayBhO2I9YltlXX1hPWFbYS5sZW5ndGgtMV07ZD1iW2FdO2M9YyhkKTtjIT1kJiZjIT1udWxsJiZmKGIsYSx7Y29uZmlndXJhYmxlOiEwLHdyaXRhYmxlOiEwLHZhbHVlOmN9KX19aygiZ2xvYmFsVGhpcyIsZnVuY3Rpb24oYSl7cmV0dXJuIGF8fGh9KTsvKgoKIENvcHlyaWdodCBHb29nbGUgTExDCiBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMAoqLwp2YXIgbD1nbG9iYWxUaGlzLnRydXN0ZWRUeXBlcyxtO2Z1bmN0aW9uIG4oKXt2YXIgYT1udWxsO2lmKCFsKXJldHVybiBhO3RyeXt2YXIgYz1mdW5jdGlvbihiKXtyZXR1cm4gYn07YT1sLmNyZWF0ZVBvbGljeSgiZ29vZyNodG1sIix7Y3JlYXRlSFRNTDpjLGNyZWF0ZVNjcmlwdDpjLGNyZWF0ZVNjcmlwdFVSTDpjfSl9Y2F0Y2goYil7fXJldHVybiBhfTtmdW5jdGlvbiBwKGEpe3RoaXMuZz1hfXAucHJvdG90eXBlLnRvU3RyaW5nPWZ1bmN0aW9uKCl7cmV0dXJuIHRoaXMuZysiIn07ZnVuY3Rpb24gcShhKXttPT09dm9pZCAwJiYobT1uKCkpO2E9bT9tLmNyZWF0ZVNjcmlwdFVSTChhKTphO3JldHVybiBuZXcgcChhKX07aWYoIWZ1bmN0aW9uKCl7aWYoc2VsZi5vcmlnaW4pcmV0dXJuIHNlbGYub3JpZ2luPT09Im51bGwiO2lmKGxvY2F0aW9uLmhvc3QhPT0iIilyZXR1cm4hMTt0cnl7cmV0dXJuIHdpbmRvdy5wYXJlbnQuZXNjYXBlKCIiKSwhMX1jYXRjaChhKXtyZXR1cm4hMH19KCkpdGhyb3cgRXJyb3IoInNhbmRib3hpbmcgZXJyb3IiKTsKd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoIm1lc3NhZ2UiLGZ1bmN0aW9uKGEpe3ZhciBjPWEucG9ydHNbMF07YT1hLmRhdGE7dmFyIGI9YS5jYWxsYmFja05hbWUuc3BsaXQoIi4iKSxkPXdpbmRvdztiWzBdPT09IndpbmRvdyImJmIuc2hpZnQoKTtmb3IodmFyIGU9MDtlPGIubGVuZ3RoLTE7ZSsrKWRbYltlXV09e30sZD1kW2JbZV1dO2RbYltiLmxlbmd0aC0xXV09ZnVuY3Rpb24ocil7Yy5wb3N0TWVzc2FnZShKU09OLnN0cmluZ2lmeShyKSl9O2I9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgic2NyaXB0Iik7YT1xKGEudXJsKTtpZihhIGluc3RhbmNlb2YgcClhPWEuZztlbHNlIHRocm93IEVycm9yKCIiKTtiLnNyYz1hO2RvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoYil9LCEwKTt9KS5jYWxsKHRoaXMpOwo8L3NjcmlwdD48L2JvZHk+" srcdoc="<!DOCTYPE html><body><script>(function(){'use strict';var f=typeof Object.defineProperties=="function"?Object.defineProperty:function(a,c,b){if(a==Array.prototype||a==Object.prototype)return a;a[c]=b.value;return a};function g(a){a=["object"==typeof globalThis&&globalThis,a,"object"==typeof window&&window,"object"==typeof self&&self,"object"==typeof global&&global];for(var c=0;c<a.length;++c){var b=a[c];if(b&&b.Math==Math)return b}throw Error("Cannot find global object");}var h=g(this); function k(a,c){if(c)a:{var b=h;a=a.split(".");for(var d=0;d<a.length-1;d++){var e=a[d];if(!(e in b))break a;b=b[e]}a=a[a.length-1];d=b[a];c=c(d);c!=d&&c!=null&&f(b,a,{configurable:!0,writable:!0,value:c})}}k("globalThis",function(a){return a||h});/* Copyright Google LLC SPDX-License-Identifier: Apache-2.0 */ var l=globalThis.trustedTypes,m;function n(){var a=null;if(!l)return a;try{var c=function(b){return b};a=l.createPolicy("goog#html",{createHTML:c,createScript:c,createScriptURL:c})}catch(b){}return a};function p(a){this.g=a}p.prototype.toString=function(){return this.g+""};function q(a){m===void 0&&(m=n());a=m?m.createScriptURL(a):a;return new p(a)};if(!function(){if(self.origin)return self.origin==="null";if(location.host!=="")return!1;try{return window.parent.escape(""),!1}catch(a){return!0}}())throw Error("sandboxing error"); window.addEventListener("message",function(a){var c=a.ports[0];a=a.data;var b=a.callbackName.split("."),d=window;b[0]==="window"&&b.shift();for(var e=0;e<b.length-1;e++)d[b[e]]={},d=d[b[e]];d[b[b.length-1]]=function(r){c.postMessage(JSON.stringify(r))};b=document.createElement("script");a=q(a.url);if(a instanceof p)a=a.g;else throw Error("");b.src=a;document.body.appendChild(b)},!0);}).call(this); </script></body>" sandbox="allow-scripts">
Example 5 View on Page
Verify <frame> content is accessible
Mode: light
<iframe style="width: 90px; height: 90px; z-index: 99999; border: none; position: fixed; margin: 0px; right: 0px; bottom: 0px; min-height: 90px; max-height: 90px;" title="Netcall Web Assistant for live chat" id="connect-frame" allowfullscreen="" frameborder="0">
12 Moderate equalAccess html_skipnav_exists
12 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>
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 lang="en-gb">
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 lang="en">
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>
11 Moderate equalAccess aria_complementary_labelled: Each element with a complementary role must have an accessible name
7 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
<div data-once="feedback-form" role="complementary" class="govuk-pre-footer">
Example 2 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="p-sm-3">
Example 3 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="sidebar">
Example 4 View on Page
Element with "complementary" role does not have a label
Mode: light
<div role="complementary" class="govuk-pre-footer">
Example 5 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="cookie-control-widget" id="cookieControl">
11 Moderate equalAccess aria_descendant_valid
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 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 2 View on Page
The element with role "button" contains descendants with implicit roles "paragraph" which are ignored by browsers
Mode: light
<button aria-controls="header-do-it-report-mobile header-do-it-report" aria-expanded="false" data-target=".header-do-it-report" id="header-do-it-report-btn" class="header-nav-button-expand">
Example 3 View on Page
The element with role "button" contains descendants with implicit roles "paragraph" which are ignored by browsers
Mode: light
<button aria-controls="header-do-it-pay-mobile header-do-it-pay" aria-expanded="false" data-target=".header-do-it-pay" id="header-do-it-pay-btn" class="header-nav-button-expand">
Example 4 View on Page
The element with role "button" contains descendants with implicit roles "paragraph" which are ignored by browsers
Mode: light
<button aria-controls="header-do-it-apply-mobile header-do-it-apply" aria-expanded="false" data-target=".header-do-it-apply" id="header-do-it-apply-btn" class="header-nav-button-expand">
Example 5 View on Page
The element with role "button" contains descendants with implicit roles "paragraph" which are ignored by browsers
Mode: light
<button aria-controls="header-do-it-check-mobile header-do-it-check" aria-expanded="false" data-target=".header-do-it-check" id="header-do-it-check-btn" class="header-nav-button-expand">
10 Moderate equalAccess figure_label_exists
5 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="wp-block-media-text__media">
Example 2 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="image">
Example 3 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="image is-aligned-centre has-width-75">
Example 4 View on Page
The <figure> element does not have an associated label
Mode: light
<figure id="c_51e346d5-5a76-4bbf-80b4-61a60e6b9fc1" class="gi-responsiveimage--imageinline gi-responsiveimage gi-responsiveimage--lazy gi-responsiveimage">
Example 5 View on Page
The <figure> element does not have an associated label
Mode: light
<figure id="c_403edf70-8955-407c-a8fc-b0f0b6b42280" class="gi-responsiveimage--imageinline gi-responsiveimage gi-responsiveimage--lazy gi-responsiveimage">
10 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/spring-action-community-volunteers-help-biodiversity-projects-flourish-across-north-herts">
Example 2 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a href="https://adventures.nottinghamshire.gov.uk/">
Example 3 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a class="logoWide" href="/">
Example 4 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a href="https://www.facebook.com/southkdc" class="social-media-link-icon--facebook">
Example 5 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a href="https://x.com/southkesteven" class="social-media-link-icon--twitter">
10 Moderate equalAccess aria_banner_label_unique
5 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
<div role="banner">
Example 2 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<div role="banner" data-sitewide-alert="">
Example 3 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<header data-once="site-header" data-eu-cookie-compliance-once="true" class="header eu-cookie-compliance-status-null">
Example 4 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<div role="banner" class="region region-banner">
Example 5 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<div role="banner" data-sitewide-alert="">
8 Moderate equalAccess aria_complementary_label_visible
5 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="notification banner" role="complementary">
Example 2 View on Page
Element with "complementary" role does not have a visible label
Mode: light
<div aria-label="Future Norfolk" role="complementary" class="promotion-panel-container">
Example 3 View on Page
Element with "complementary" role does not have a visible label
Mode: light
<div aria-label="Health and wellbeing support in North Norfolk" role="complementary" class="promotion-panel-container">
Example 4 View on Page
Element with "complementary" role does not have a visible label
Mode: light
<div aria-label="Invest North Norfolk" role="complementary" class="promotion-panel-container">
Example 5 View on Page
Element with "complementary" role does not have a visible label
Mode: light
<div aria-label="Climate Change and The Environment" role="complementary" class="promotion-panel-container">
8 Moderate equalAccess text_quoted_correctly
4 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: 'Sumer is icumen in'
Mode: light
<p class="news-context">
Example 2 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: 'Tell Me More'
Mode: light
<h2>
Example 3 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Chief Executive’s statement fol ... attack on synagogue in Finchley"
Mode: light
<a tabindex="0" class="button small btn-primary" href="/news/chief-executives-statement-following-attempted-arson-attack-synagogue-finchley">
Example 4 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Barnet’s social housing provide ... ed domestic abuse accreditation"
Mode: light
<a tabindex="-1" aria-hidden="true" class="button small btn-primary" href="/news/barnets-social-housing-provider-awarded-domestic-abuse-accreditation">
Example 5 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Barnet schoolchildren elect the ... and UK Youth Parliament Members"
Mode: light
<a tabindex="-1" aria-hidden="true" class="button small btn-primary" href="/news/barnet-schoolchildren-elect-their-new-barnet-youth-ambassadors-and-uk-youth-parliament-members">
7 Moderate equalAccess aria_contentinfo_misuse
6 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 data-v-2a6cf527="" class="footer" aria-label="footer">
Example 2 View on Page
Element with "contentinfo" role is present without an element with "main" role
Mode: light
<footer>
Example 3 View on Page
Element with "contentinfo" role is present without an element with "main" role
Mode: light
<footer role="contentinfo" class="footer clearfix" tabindex="-1" id="footer">
Example 4 View on Page
Element with "contentinfo" role is present without an element with "main" role
Mode: light
<footer id="top-footer">
Example 5 View on Page
Element with "contentinfo" role is present without an element with "main" role
Mode: light
<footer id="bottom-footer">
6 Moderate equalAccess form_submit_button_exists
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify the <form> element has a submit button or an image button
Mode: light
<form aria-label="Search form" autocomplete="off" action="#" role="search">
Example 2 View on Page
Verify the <form> element has a submit button or an image button
Mode: light
<form id="form1" action="/Index.aspx" method="post">
Example 3 View on Page
Verify the <form> element has a submit button or an image button
Mode: light
<form data-drupal-form-fields="edit-page-helpful-yes,edit-page-helpful-no,edit-why,edit-improvements,edit-actions-submit" data-once="webform-details-toggle form-updated" accept-charset="UTF-8" id="webform-submission-greenwich-feedback-add-form" method="post" action="/antibot" data-action="/" data-drupal-selector="webform-submission-greenwich-feedback-add-form" novalidate="novalidate" class="webform-submission-form webform-submission-add-form webform-submission-greenwich-feedback-form webform-submission-greenwich-feedback-add-form js-webform-details-toggle webform-details-toggle antibot">
Example 4 View on Page
Verify the <form> element has a submit button or an image button
Mode: light
<form class="teal" method="get" action="/search-results">
Example 5 View on Page
Verify the <form> element has a submit button or an image button
Mode: light
<form aria-label="Search the site" action="https://www.shropshire.gov.uk/search" method="get" role="search" id="search">
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 aria_banner_single
3 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
<div class="ace-notification-banner" role="banner">
Example 2 View on Page
Multiple elements with "banner" role found on the page
Mode: light
<header id="ace-header" class="ace-header" aria-label="Site header">
Example 3 View on Page
Multiple elements with "banner" role found on the page
Mode: light
<header data-once="site-header" data-eu-cookie-compliance-once="true" class="header eu-cookie-compliance-status-null">
Example 4 View on Page
Multiple elements with "banner" role found on the page
Mode: light
<div role="banner" class="region region-banner">
Example 5 View on Page
Multiple elements with "banner" role found on the page
Mode: light
<div class="sc-kvnevz lhXKrc" role="banner" type="warning">
5 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 "edit-search-submit" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label for="edit-search-submit">
Example 2 View on Page
The value "70905e25-834f-4801-b460-714d82193697" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="umbraco-forms-label" for="70905e25-834f-4801-b460-714d82193697">
Example 3 View on Page
The value "s" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="visually-hidden" for="s">
Example 4 View on Page
The value "edit-s" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="visually-hidden js-form-required form-required" for="edit-s">
Example 5 View on Page
The value "edit-keys-banner" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="visually-hidden" for="edit-keys-banner">
5 Moderate equalAccess aria_parent_required
4 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">
Example 2 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">
Example 3 View on Page
Element with "menuitem" role is not contained in or owned by an element with one of the following roles: "group, menu, menubar"
Mode: light
<i role="menuitem" class="icon-li icon-sc-housing">
Example 4 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">
Example 5 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
<div role="listitem" class="social-icons d-flex align-items-center justify-content-lg-start justify-content-center pb-lg-0 pb-3">
5 Moderate equalAccess aria_region_labelled
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element with "region" role does not have a label
Mode: light
<header role="region">
Example 2 View on Page
Element with "region" role does not have a label
Mode: light
<div role="region" class="nav-modal">
Example 3 View on Page
Element with "region" role does not have a label
Mode: light
<section class="pt-3" role="region">
Example 4 View on Page
Element with "region" role does not have a label
Mode: light
<section role="region">
Example 5 View on Page
Element with "region" role does not have a label
Mode: light
<footer role="region" class="pt-3 mt-5" id="footer">
4 Moderate equalAccess frame_title_exists
4 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 style="border-style: none;" class="ie-chat-button-iframe-fixed-customer-chat" width="180" height="80" scrolling="no" name="icChatButton" id="icChatButton" src="https://home-e33.niceincontact.com/inContact/ChatClient/chatButton.html">
Example 2 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">
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">
Example 4 View on Page
Inline frame does not have a 'title' attribute
Mode: light
<iframe style="width: 100%; height: 0px; border: none; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px; background-color: white; transition: height 0.3s ease-out;" src="https://chat.lbbd.gov.uk/" id="chatbox">
4 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 data-once="webform-radios-required" class="radios--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-radios webform-type-radios js-form-item form-item js-form-wrapper form-wrapper" id="edit-page-helpful--wrapper" data-drupal-selector="edit-page-helpful" aria-labelledby="form-title">
Example 2 View on Page
<fieldset> element does not have a <legend>
Mode: light
<fieldset class="d-block d-lg-none d-flex justify-content-end">
Example 3 View on Page
<fieldset> element does not have a <legend>
Mode: light
<fieldset>
Example 4 View on Page
<fieldset> element does not have a <legend>
Mode: light
<fieldset style="border-color:!important;border-style:none;margin:0 !important;padding:0 !important;">
3 Moderate equalAccess aria_child_tabbable
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
None of the descendent elements with "menuitemradio" role is tabbable
Mode: light
<div role="menu" id="taskbar" class="taskbar">
Example 2 View on Page
None of the descendent elements with "menuitem" role is tabbable
Mode: light
<ul role="menu">
Example 3 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">
3 Moderate equalAccess aria_widget_labelled
2 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_57dbbbbc-7cb6-4825-8de2-7659df7efe2c_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_32081a30-a561-4815-ba6d-392228fa0112_0">
Example 3 View on Page
Interactive component with ARIA role 'menuitem' does not have a programmatically associated name
Mode: light
<i role="menuitem" class="icon-li icon-sc-housing">
3 Moderate equalAccess fieldset_label_valid
3 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 class="js-webform-type-fieldset webform-type-fieldset js-form-item form-item js-form-wrapper form-wrapper" id="edit-feedback-form-wrapper" data-drupal-selector="edit-feedback-form-wrapper">
Example 2 View on Page
Group/Fieldset does not have an accessible name
Mode: light
<fieldset>
Example 3 View on Page
Group/Fieldset does not have an accessible name
Mode: light
<fieldset style="border-color:!important;border-style:none;margin:0 !important;padding:0 !important;">
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 novalidate="novalidate" target="_blank" class="validate" name="mc-embedded-subscribe-form" id="mc-embedded-subscribe-form" method="post" action="https://kingston.us2.list-manage.com/subscribe/post?u=4f9693900f570d3a4ca3b6e39&id=d51fd21b38&f_id=009dc0e1f0">
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 novalidate="" target="_blank" class="validate form-inline" name="mc-embedded-subscribe-form" id="mc-embedded-subscribe-form" method="post" action="//southglos.us3.list-manage.com/subscribe/post?u=d80523c882d7ac64e89f5e037&id=e24d24b0c4">
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" id="GD-snippet-form" action="https://public.govdelivery.com/accounts/UKSTALBDC/subscriber/qualify" accept-charset="UTF-8">
2 Moderate equalAccess img_alt_valid
2 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 typeof="foaf:Image" height="310" width="465" src="/sites/default/files/styles/3_2_landscape_465x310/public/media-uploads/Gibbet%20Hill%2C%20Weston%20Hills.jpeg?itok=PAWB2A7A" 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="/media/cwhcts2v/adventuresmainwebsitebanner.jpg?width=1136" style="width: 100%">
2 Moderate equalAccess table_headers_exists
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Table has no headers identified
Mode: light
<table title="CLICK TO VERIFY: This site uses a GlobalSign SSL Certificate to secure your personal information." cellpadding="0" cellspacing="0" border="0" width="125" class="table-ssl">
Example 2 View on Page
Table has no headers identified
Mode: light
<table class="table table-hover">
2 Moderate equalAccess page_title_exists
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The <title> element is empty (no innerHTML)
Mode: light
<html lang="en">
Example 2 View on Page
Missing <title> element in <head> element
Mode: light
<html>
2 Moderate equalAccess aria_contentinfo_single
1 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 id="top-footer">
Example 2 View on Page
Multiple elements with "contentinfo" role found on the page
Mode: light
<footer id="bottom-footer">
2 Moderate equalAccess aria_contentinfo_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 "contentinfo" role do not have unique labels
Mode: light
<footer id="top-footer">
Example 2 View on Page
Multiple elements with "contentinfo" role do not have unique labels
Mode: light
<footer id="bottom-footer">
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 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" placeholder="Search">
1 Moderate equalAccess form_label_unique
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Form control has more than one label
Mode: light
<label class="visually-hidden" for="edit-s">
1 Moderate equalAccess caption_track_exists
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify that captions are available for any meaningful audio or provide a caption track for the <video> element
Mode: light
<video class="hero-video has-bg-img is-fullwidth gradient-image" muted="muted" loop="loop" id="videoElement" aria-describedby="banner-video-description" aria-label="video-player" data-v-0cc12519="">
1 Moderate equalAccess media_keyboard_controllable
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify media using <audio> and/or <video> elements have keyboard accessible controls
Mode: light
<video class="hero-video has-bg-img is-fullwidth gradient-image" muted="muted" loop="loop" id="videoElement" aria-describedby="banner-video-description" aria-label="video-player" data-v-0cc12519="">
1 Moderate equalAccess aria_eventhandler_role_valid
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The <div> element with 'onkeypress' does not have a valid ARIA role specified
Mode: light
<div tabindex="0" class="showMoreButton" onkeypress="removeCollapse()">
1 Moderate equalAccess aria_attribute_value_valid
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The value "h2" specified for attribute 'aria-level' on element <h2> is not valid
Mode: light
<h2 aria-level="h2" role="heading" class="lgd-card__title">
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
<input onclick="window.location.href='/legal-notices/privacy-statement/cookies/'" value="Manage cookies" name="cookiemanage" type="button" class="cookie-notice-button">
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
<h1 aria-label="heading" role="region" class="visually-hidden">
1 Moderate equalAccess aria_role_allowed
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The role 'Navigation' defined on the element is not valid per ARIA specification
Mode: light
<a class="brand-tdc-wide-image w-nav-brand w--current" aria-current="page" role="Navigation" aria-label="Main" href="/">
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 aria-label="Website Language Selector" class="notranslate" id="gtranslate_selector" 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 aria-label="Website Language Selector" class="notranslate" id="gtranslate_selector" onchange="doGTranslate(this);">

🔧 Most Common Issues (AccessLint)

46 rules
116 Moderate accesslint landmarks/region
68 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="CybotCookiebotDialog" name="CybotCookiebotDialog" role="dialog" aria-modal="true" aria-labelledby="CybotCookiebotDialogBodyContentTitle" tabindex="-1" lang="en" dir="ltr" ng-non-bindable="" d...
XPath: #CybotCookiebotDialog
Example 2 View on Page
Content is not contained within a landmark region.
Mode: light
<div id="sliding-popup" role="alertdialog" aria-describedby="popup-text" aria-label="Cookie compliance banner" style="top: 0px;" class="sliding-popup-top clearfix"><div class="eu-cookie-compliance-ban...
XPath: #sliding-popup
Example 3 View on Page
Content is not contained within a landmark region.
Mode: light
<div id="scopedByScopedPolyfill_1" style="width: 450px; position: fixed; top: 50%; left: 50%; margin-top: -150px; margin-left: -225px; z-index: 102;"> <style scoped=""> /*! normalize.css v3.0.2 | MI...
XPath: #scopedByScopedPolyfill_1
Example 4 View on Page
Content is not contained within a landmark region.
Mode: light
<center><h1>403 Forbidden</h1></center>
XPath: body > center
Example 5 View on Page
Content is not contained within a landmark region.
Mode: light
<div class="skip-links visually-hidden-focusable"> <a href="#maincontent">Skip to navigation</a> | <a href="#additional">Skip to latest news and contact details</a> </div>
XPath: body > div:nth-of-type(1)
110 Moderate accesslint labels-and-names/label-content-mismatch
35 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Accessible name "Cookiebot by Usercentrics - opens in a new window" does not contain visible text "- external site".
Mode: light
<a href="https://www.cookiebot.com/en/what-is-behind-powered-by-cookiebot/?utm_source=banner_cb&amp;utm_medium=referral&amp;utm_content=v2" rel="noopener nofollow" target="_blank" id="CybotCookiebotDi...
XPath: #CybotCookiebotDialogPoweredbyCybot
Example 2 View on Page
Accessible name "Necessary (25)" does not contain visible text "Necessary 25".
Mode: light
<button id="CybotCookiebotDialogDetailBodyContentCookieContainerNecessary" class="CybotCookiebotDialogDetailBodyContentCookieContainerButton CybotCookiebotDialogCollapsed" lang="en" data-target="Cybot...
XPath: #CybotCookiebotDialogDetailBodyContentCookieContainerNecessary
Example 3 View on Page
Accessible name "Preferences (2)" does not contain visible text "Preferences 2".
Mode: light
<button id="CybotCookiebotDialogDetailBodyContentCookieContainerPreference" class="CybotCookiebotDialogDetailBodyContentCookieContainerButton CybotCookiebotDialogCollapsed" lang="en" data-target="Cybo...
XPath: #CybotCookiebotDialogDetailBodyContentCookieContainerPreference
Example 4 View on Page
Accessible name "Statistics (17)" does not contain visible text "Statistics 17".
Mode: light
<button id="CybotCookiebotDialogDetailBodyContentCookieContainerStatistics" class="CybotCookiebotDialogDetailBodyContentCookieContainerButton CybotCookiebotDialogCollapsed" lang="en" data-target="Cybo...
XPath: #CybotCookiebotDialogDetailBodyContentCookieContainerStatistics
Example 5 View on Page
Accessible name "Marketing (30)" does not contain visible text "Marketing 30".
Mode: light
<button id="CybotCookiebotDialogDetailBodyContentCookieContainerAdvertising" class="CybotCookiebotDialogDetailBodyContentCookieContainerButton CybotCookiebotDialogCollapsed" lang="en" data-target="Cyb...
XPath: #CybotCookiebotDialogDetailBodyContentCookieContainerAdvertising
68 Moderate accesslint distinguishable/color-contrast
17 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Insufficient color contrast ratio of 1:1 (required 3:1).
Mode: light
<p>Welcome to</p>
XPath: #block-north-lanarkshire-content > div > div:nth-of-type(2) > p
Example 2 View on Page
Insufficient color contrast ratio of 1:1 (required 3:1).
Mode: light
<h1>North Lanarkshire Council</h1>
XPath: div:nth-of-type(2) > h1
Example 3 View on Page
Insufficient color contrast ratio of 1.66:1 (required 4.5:1).
Mode: light
<label for="search-main" class="visuallyhidden">Enter the terms you wish to search for</label>
XPath: form[aria-label="Search Box"] > label[for="search-main"]
Example 4 View on Page
Insufficient color contrast ratio of 1.28:1 (required 3:1).
Mode: light
<span class="visuallyhidden">Search</span>
XPath: button > span:nth-of-type(2)
Example 5 View on Page
Insufficient color contrast ratio of 2.73:1 (required 3:1).
Mode: light
<a class="view-all" href="/my-services">View all council services</a>
XPath: div:nth-of-type(2) > a[href="/my-services"]
40 Moderate accesslint landmarks/landmark-main
40 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 multiple main landmarks.
Mode: light
<div id="webchat" role="main" data-once="init"></div>
XPath: #webchat
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
35 Moderate accesslint aria/aria-required-attr
5 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
33 Moderate accesslint text-alternatives/image-redundant-alt
8 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Alt text "Over 99% of children have received an offer for one of their preferred primary schools " duplicates surrounding a text.
Mode: light
<img src="https://ncc17ms.euwest01.umbraco.io/media/bddduu3s/primaryadmissions.jpg" alt="Over 99% of children have received an offer for one of their preferred primary schools ">
XPath: li:nth-of-type(1) > a > div > div:nth-of-type(1) > img
Example 2 View on Page
Alt text "First-time permanent road repair teams unveiled by county council" duplicates surrounding a text.
Mode: light
<img src="https://ncc17ms.euwest01.umbraco.io/media/wjidxuqx/2245ef6ff123469b807d9375d8fe283d.webp" alt="First-time permanent road repair teams unveiled by county council">
XPath: li:nth-of-type(2) > a > div > div:nth-of-type(1) > img
Example 3 View on Page
Alt text "Foster Carers Conference 2026 inspiring belief changing lives" duplicates surrounding a text.
Mode: light
<img src="https://ncc17ms.euwest01.umbraco.io/media/ijkp0qfo/foster-carers-conference-2026.jpg" alt="Foster Carers Conference 2026 inspiring belief changing lives">
XPath: li:nth-of-type(3) > a > div > div:nth-of-type(1) > img
Example 4 View on Page
Alt text "Simpler Recycling has arrived in Nottinghamshire" duplicates surrounding a text.
Mode: light
<img src="https://ncc17ms.euwest01.umbraco.io/media/1gsl11h5/23d65ac08b0240a795725a3bd7aa5953.webp" alt="Simpler Recycling has arrived in Nottinghamshire">
XPath: a[href="//newsroom.nottinghamshire.gov.uk/newsroom/news/simpler-recycling-has-arrived-in-nottinghamshire/"] > div > div:nth-of-type(1) > img
Example 5 View on Page
Alt text "Waste and recycling" duplicates surrounding a text.
Mode: light
<img alt="Waste and recycling" src="https://images.reading.gov.uk/2020/09/recycle.svg" loading="lazy" class="rbc-tile__header-icon">
XPath: a[href="/waste-and-recycling"] > div:nth-of-type(1) > img
33 Moderate accesslint aria/aria-allowed-role
10 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Role "tabpanel" is not allowed on element <li>.
Mode: light
<li class="splide__slide is-active is-visible" id="splide01-slide01" role="tabpanel" aria-roledescription="slide" aria-label="1 of 3" style="width: calc(100%);"> <div id="paragraph-19711" ...
XPath: #splide01-slide01
Example 2 View on Page
Role "listitem" is not allowed on element <button>.
Mode: light
<button role="listitem" class="qc-cmp2-list-item-header" aria-live="polite"><div class="titles-header"><p class="qc-cmp2-list-item-title">Personal Data Processing Opt Outs</p></div><svg type="expand" ...
XPath: #\31 > button
Example 3 View on Page
Role "list" is not allowed on element <li>.
Mode: light
<li id="Google Basic Consents" class="qc-cmp2-list-item qc-cmp2-expanded" role="list"><button class="qc-cmp2-list-item-header" role="listitem" aria-live="polite"><div class="titles-header"><p class="q...
XPath: #Google\ Basic\ Consents
Example 4 View on Page
Role "listitem" is not allowed on element <button>.
Mode: light
<button class="qc-cmp2-list-item-header" role="listitem" aria-live="polite"><div class="titles-header"><p class="qc-cmp2-list-item-title" role="listitem"><p>Google consents</p></p></div><svg type="exp...
XPath: #Google\ Basic\ Consents > button
Example 5 View on Page
Element <noscript> should not have an explicit role.
Mode: light
<noscript class="browser-support-js" role="alert" aria-atomic="true"> <h2>JavaScript disabled</h2> <p>Your JavaScript is disabled. Parts of our website will not work correctly.</p> <...
XPath: div:nth-of-type(3) > noscript
29 Moderate accesslint distinguishable/link-in-text-block
3 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

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="/your-council/news-and-your-views/council-news/" class="news-panel__link arrow-icon">Find more news and follow us on social media.</a>
XPath: div:nth-of-type(2) > a[href="/your-council/news-and-your-views/council-news/"]
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://www.cook...
XPath: li > a[href="https://www.cookiebot.com/goto/privacy-policy/"]
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://bookwhen...
XPath: #CybotCookiebotDialogDetailBodyContentCookieTabsPreference > div > ul > li > a[href="https://bookwhen.com/privacy"]
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.esri...
XPath: #CybotCookiebotDialogDetailBodyContentCookieTabsStatistics > div > ul > li:nth-of-type(1) > a[href="https://www.esri.com/en-us/privacy/overview"]
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://business...
XPath: li:nth-of-type(2) > a[href="https://business.safety.google/privacy/"]
28 Moderate accesslint landmarks/landmark-unique
14 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 "self service".
Mode: light
<section class="ncc-self-service-buttons" role="region" aria-labelledby="self-service-heading"> <h2 id="self-service-heading">Self service</h2> <div class="ncc-self-service-buttons__list"> ...
XPath: div:nth-of-type(2) > section
Example 2 View on Page
Multiple form landmarks have the same label "search form".
Mode: light
<form role="search" action="#" autocomplete="off" aria-label="Search form"> <input type="search" class="orig" placeholder="What are you looking for?" name="phrase" value="" aria-label="Sea...
XPath: #ajaxsearchpro3_2 > div > div:nth-of-type(2) > form[aria-label="Search form"]
Example 3 View on Page
Multiple form landmarks have the same label "search settings form".
Mode: light
<form name="options" class="asp-fss-flex" aria-label="Search settings form" autocomplete="off"> <input type="hidden" name="current_page_id" value="70592"> <input type="hidden" nam...
XPath: #__original__ajaxsearchprosettings3_2 > form[name="options"]
Example 4 View on Page
Multiple form landmarks have the same label "how can we help you? find".
Mode: light
<form id="homesearchdesktop" class="gi-sitesearch gi-sitesearch--home gi-sitesearch--desktop gi-sitesearch--withservices" action="https://www.preston.gov.uk/article/741/Search" method="get" role="sear...
XPath: #homesearchdesktop
Example 5 View on Page
Multiple region landmarks have the same label "notification".
Mode: light
<section aria-label="Notification" class="notification-container" style="padding:0" data-v-67b00a50="" data-v-2a6cf527=""><!----></section>
XPath: #__layout > div > div:nth-of-type(2) > section[aria-label="Notification"]
27 Moderate accesslint readable/html-has-lang
27 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

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 charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>403</title><script type="text/javascript">var AccessLint=(function(y){"use strict";const F=...
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><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>403</title><script type="text/javascript">var AccessLint=(function(y){"use strict";const F=...
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
26 Moderate accesslint labels-and-names/button-name
4 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Button has no discernible text.
Mode: light
<button class="ccc-vendor-reveal ccc-notify-button ccc-link ccc-tabbable" aria-controls="iab-purpose-controls" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" view...
XPath: #iab-purpose > header > button
Example 2 View on Page
Button has no discernible text.
Mode: light
<button class="ccc-vendor-reveal ccc-notify-button ccc-link ccc-tabbable" aria-controls="iab-special-purpose-controls" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="...
XPath: #iab-special-purpose > header > button
Example 3 View on Page
Button has no discernible text.
Mode: light
<button class="ccc-vendor-reveal ccc-notify-button ccc-link ccc-tabbable" aria-controls="iab-feature-controls" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" view...
XPath: #iab-feature > header > button
Example 4 View on Page
Button has no discernible text.
Mode: light
<button class="ccc-vendor-reveal ccc-notify-button ccc-link ccc-tabbable" aria-controls="iab-specialFeatureOptins-controls" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" hei...
XPath: #iab-specialFeatureOptins > header > button
Example 5 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
24 Moderate accesslint keyboard-accessible/focus-order
14 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Non-interactive <ul> with tabindex="0" has no interactive role.
Mode: light
<ul id="ui-id-1" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
XPath: #ui-id-1
Example 2 View on Page
Non-interactive <div> with tabindex="0" has no interactive role.
Mode: light
<div class="occ-gdrp-modal__content-tabs-item js-occ-gdrp-modal__content-tabs-item active" tabindex="0" id="cookies-info"> <div class="occ-gdrp-modal__text-cont"> <h2 class="...
XPath: #cookies-info
Example 3 View on Page
Non-interactive <div> with tabindex="0" has no interactive role.
Mode: light
<div data-v-0cc12519="" tabindex="0" class="play-pause-button-container"><div data-v-0cc12519="" class="play-pause"><!----></div> <div data-v-0cc12519="" class="play-pause"><span data-v-0cc12519="" cl...
XPath: section > div:nth-of-type(2) > div
Example 4 View on Page
Non-interactive <div> with tabindex="0" has no interactive role.
Mode: light
<div class="qc-usp-main-messaging" tabindex="0"><div class="usp-dns"><p>If you wish to opt-out of the sale, sharing to third parties, or processing of your personal or sensitive information for target...
XPath: #qc-cmp2-usp > div:nth-of-type(1) > div:nth-of-type(1)
Example 5 View on Page
Non-interactive <div> with tabindex="0" has no interactive role.
Mode: light
<div onkeypress="removeCollapse()" class="showMoreButton" tabindex="0">Show more</div>
XPath: #site-content > section[aria-label="content"] > div > div > div > div > div > div:nth-of-type(1) > div
22 Moderate accesslint labels-and-names/form-label
4 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
21 Moderate accesslint labels-and-names/aria-toggle-field-name
3 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
18 Moderate accesslint navigable/heading-order
15 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Heading level 5 skipped from level 2. Use h3 instead.
Mode: light
<h5 class="card-title"><a href="https://www.northlincs.gov.uk/news/solar-investment-cuts-costs-at-st-johns-market/">Solar investment cuts costs at St John’s Market</a></h5>
XPath: div:nth-of-type(1) > div > div > h5
Example 2 View on Page
Heading level 4 skipped from level 1. Use h2 instead.
Mode: light
<h4><a href="https://www.pendle.gov.uk/doitonline">Save time, do it online</a></h4>
XPath: div:nth-of-type(1) > div:nth-of-type(1) > div > div > h4:nth-of-type(1)
Example 3 View on Page
Heading level 4 skipped from level 2. Use h3 instead.
Mode: light
<h4><a href="https://www.pendle.gov.uk/accessibility">Accessibility</a>&nbsp;&nbsp;&nbsp;<a href="https://www.pendle.gov.uk/info/20094/data_protection_and_freedom_of_information/434/privacy_notice/3">...
XPath: div:nth-of-type(3) > div > div > div > h4
Example 4 View on Page
Heading level 4 skipped from level 2. Use h3 instead.
Mode: light
<h4 class="card-title short-title">Traffic regulation order - Russell Street and Cromwell Road Junction</h4>
XPath: a[href="/engagement-hub/traffic-regulation-order-russell-street-and-cromwell-road-junction"] > div:nth-of-type(1) > h4
Example 5 View on Page
Heading level 5 skipped from level 2. Use h3 instead.
Mode: light
<h5 class="cli_messagebar_head">Cookies on portsmouth.gov.uk</h5>
XPath: #cookie-law-info-bar > h5
17 Moderate accesslint text-alternatives/image-alt-words
9 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Alt text "Photo of Household Waste Recycling Centre" starts with redundant prefix "photo".
Mode: light
<img loading="lazy" src="/sites/default/files/styles/homepage_thumbnail/public/2026-02/HWRC%20photo.png?itok=FvLbVBCD" width="380" height="213" alt="Photo of Household Waste Recycling Centre" class="i...
XPath: a[href="/news/new-booking-system-extended-portishead-backwell-recycling-centres"] > div:nth-of-type(1) > img
Example 2 View on Page
Alt text "image of a school with trees in front" starts with redundant prefix "image".
Mode: light
<img loading="lazy" src="/sites/default/files/styles/thumbnail/public/2024-01/school%20%281%29.png?itok=807_KqIt" width="100" height="100" alt="image of a school with trees in front">
XPath: li:nth-of-type(3) > article > div:nth-of-type(1) > div > img
Example 3 View on Page
Alt text "Image of children playing in autumn leaves" starts with redundant prefix "image".
Mode: light
<img loading="lazy" src="/sites/default/files/styles/medium_3_2_600x400/public/2024-02/Foster.png?itok=0oalikhU" width="600" height="400" alt="Image of children playing in autumn leaves">
XPath: div:nth-of-type(3) > section > div > div:nth-of-type(1) > div > img
Example 4 View on Page
Alt text "Image of woman and child holding hands crossing a zebra crossing. Footsteps child pedestrian safety practical guide" starts with redundant prefix "image".
Mode: light
<img loading="lazy" class="occ-img-responsive" src="/sites/default/files/styles/occtw_content_width_1200/public/image/fire-and-rescue/Footsteps%20OCC%20Homepage%202.png" width="600" height="618" alt="...
XPath: #paragraph-17445 > div:nth-of-type(1) > article > div > img
Example 5 View on Page
Alt text "Image of rubbish bags filled" starts with redundant prefix "image".
Mode: light
<img alt="Image of rubbish bags filled" class="gi-responsiveimage__image" data-fallback-src="https://www.preston.gov.uk/image/25410/Day-of-Action-Great-British-Spring-Clean/gi-responsive__fallback.jpg...
XPath: #c_34a3d21c-65f9-486b-80b9-0c2866ea89cc > picture > img
16 Moderate accesslint aria/presentational-children-focusable
4 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Focusable element inside a "menuitemradio" role whose children are presentational.
Mode: light
<a href="/task-tags/task-types/pay/" data-id="1105" data-name="Pay" title="List of Pay Type Tasks"> Pay </a>
XPath: li:nth-of-type(1) > a[data-id="1105"]
Example 2 View on Page
Focusable element inside a "menuitemradio" role whose children are presentational.
Mode: light
<a href="/task-tags/task-types/report/" data-id="1108" data-name="Report" title="List of Report Type Tasks"> Report </a>
XPath: li:nth-of-type(2) > a[data-id="1108"]
Example 3 View on Page
Focusable element inside a "menuitemradio" role whose children are presentational.
Mode: light
<a href="/task-tags/task-types/apply/" data-id="1109" data-name="Apply" title="List of Apply Type Tasks"> Apply </a>
XPath: li:nth-of-type(3) > a[data-id="1109"]
Example 4 View on Page
Focusable element inside a "menuitemradio" role whose children are presentational.
Mode: light
<a href="/task-tags/task-types/view/" data-id="1111" data-name="View" title="List of View Type Tasks"> View </a>
XPath: li:nth-of-type(4) > a[data-id="1111"]
Example 5 View on Page
Focusable element inside a "link" role whose children are presentational.
Mode: light
<button class="rbc-button"> View all news </button>
XPath: a[href="/news/"] > button
16 Moderate accesslint labels-and-names/duplicate-id-aria
11 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Duplicate ID "self-service-heading" referenced by aria-labelledby.
Mode: light
<h2 id="self-service-heading">Self service</h2>
XPath: #self-service-heading
Example 2 View on Page
Duplicate ID "edit-s" referenced by label[for].
Mode: light
<input placeholder="I'm looking for..." data-drupal-selector="edit-s" type="text" id="edit-s" name="s" value="" size="30" maxlength="128" class="form-text">
XPath: #edit-s
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 "lgd-header__nav--primary" referenced by aria-controls.
Mode: light
<div id="lgd-header__nav--primary" class="lgd-header__nav lgd-header__nav--primary"> <div class="lgd-region lgd-region--primary-menu region region-primary-menu"> ...
XPath: #lgd-header__nav--primary
Example 5 View on Page
Duplicate ID "block-bbd-localgov-localgov-mainnavigation-scarfolk-menu" referenced by aria-labelledby.
Mode: light
<h2 class="visually-hidden" id="block-bbd-localgov-localgov-mainnavigation-scarfolk-menu">Main navigation</h2>
XPath: #block-bbd-localgov-localgov-mainnavigation-scarfolk-menu
16 Moderate accesslint aria/aria-hidden-focus
2 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 class="sc-jJLAfE xXlQt" target="_self" href="/waste-and-recycling"><h2 class="carousel__heading">New food waste collection</h2><p class="carousel__description">A new, separate, weekly food waste co...
XPath: div:nth-of-type(3) > div > div[data-id="0ec5f38c-75e1-4d02-bc24-1657812633a2"] > div > div > a[href="/waste-and-recycling"]
Example 2 View on Page
Focusable element is inside an aria-hidden region.
Mode: light
<a class="sc-jJLAfE xXlQt" target="_self" href="/have-your-say"><h2 class="carousel__heading">Have your say...</h2><p class="carousel__description">Find information about commenting on the proposed Ma...
XPath: div:nth-of-type(4) > div > div[data-id="06604080-41c2-46c9-9ab2-f9f2f6591286"] > div > div > a[href="/have-your-say"]
Example 3 View on Page
Focusable element is inside an aria-hidden region.
Mode: light
<a class="sc-jJLAfE xXlQt" target="_self" href="/council-and-democracy/decision-making-and-meetings/attend-a-committee-meeting"><h2 class="carousel__heading">Committee Meetings</h2><p class="carousel_...
XPath: div:nth-of-type(5) > div > div[data-id="390a742a-593a-4daf-9157-92c35e42b32f"] > div > div > a[href="/council-and-democracy/decision-making-and-meetings/attend-a-committee-meeting"]
Example 4 View on Page
Focusable element is inside an aria-hidden region.
Mode: light
<a class="sc-jJLAfE xXlQt" target="_self" href="/about-the-council/climate-change/warm-homes-local-grant-privately-owned-and-rented-homes"><h2 class="carousel__heading">Claim a Grant for Energy-Saving...
XPath: div:nth-of-type(6) > div > div[data-id="d407fe47-6f45-49fd-8d4c-1851f8d58fea"] > div > div > a[href="/about-the-council/climate-change/warm-homes-local-grant-privately-owned-and-rented-homes"]
Example 5 View on Page
Focusable element is inside an aria-hidden region.
Mode: light
<a class="sc-jJLAfE xXlQt" target="_self" href="/business/grow-your-business-in-stevenage-from-22.73-a-day"><h2 class="carousel__heading">Grow your business from £22.73 a day</h2><p class="carousel__d...
XPath: div:nth-of-type(7) > div > div[data-id="676b4614-504f-43ab-bdd0-caa10c76126c"] > div > div > a[href="/business/grow-your-business-in-stevenage-from-22.73-a-day"]
15 Moderate accesslint keyboard-accessible/nested-interactive
5 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Interactive element <span> is nested inside <a>.
Mode: light
<span class="icon-triangle-left" role="button" aria-label="Scroll to previous task group"></span>
XPath: a[href="/"] > span[aria-label="Scroll to previous task group"]
Example 2 View on Page
Interactive element <span> is nested inside <a>.
Mode: light
<span class="icon-triangle-right" role="button" aria-label="Scroll to next task group"></span>
XPath: a[href="/"] > span[aria-label="Scroll to next task group"]
Example 3 View on Page
Interactive element <button> is nested inside <a>.
Mode: light
<button class="rbc-button"> View all news </button>
XPath: a[href="/news/"] > button
Example 4 View on Page
Interactive element <i> is nested inside <a>.
Mode: light
<i class="icon-li icon-sc-housing" role="menuitem"></i>
XPath: a[href="/housing"] > i
Example 5 View on Page
Interactive element <input> is nested inside <a>.
Mode: light
<input class="button js-form-submit form-submit" type="submit" name="op" value="See more">
XPath: a[href="/news/2026/digital-democracy-trial-gives-participants-chance-shape-south-staffordshires-future"] > div:nth-of-type(2) > input[name="op"]
12 Moderate accesslint navigable/page-has-heading-one
12 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
9 Moderate accesslint landmarks/no-duplicate-banner
9 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Page has multiple banner landmarks.
Mode: light
<div class="global-header" role="banner" aria-label="Website Header"> <div class="container"> <div class="global-header-logo"> <a href="/?alttemplate=Home" class="" title="Back...
XPath: header > div[aria-label="Website Header"]
Example 2 View on Page
Page has multiple banner landmarks.
Mode: light
<header aria-label="Site header" class="ace-header" id="ace-header"> <div class="ace-container"> <a href="/" class="ace-header-logo"> <img src="/themes/north_somerset/templates/system/log...
XPath: #ace-header
Example 3 View on Page
Page has multiple banner landmarks.
Mode: light
<div data-sitewide-alert="" role="banner"></div>
XPath: #block-rochford-sitewidealert > div
Example 4 View on Page
Page has multiple banner landmarks.
Mode: light
<div class="region region-banner" role="banner"> <div id="block-newroyalbanner" data-dismiss-royal-token="alert-10-86ff80b6a74bc1152a86bf493b2b186757a2d8c2" class="block block-block-content block-...
XPath: body > div > div:nth-of-type(1)
Example 5 View on Page
Page has multiple banner landmarks.
Mode: light
<header class="visible-phone site-header"> <nav class="horizontal-nav" style="font-size:smaller"> <ul> <li class="first"><a href="/miscellaneous-pages/contact-the-council"><img sr...
XPath: body > header:nth-of-type(2)
9 Moderate accesslint adaptable/list-children
6 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 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 2 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-label="Opt-...
XPath: ul:nth-of-type(1) > div
Example 3 View on Page
List contains non-<li> child <p>.
Mode: light
<p class="CybotCookiebotDialogDetailBodyEmptyCategoryMessage">We do not use cookies of this type.</p>
XPath: #CybotCookiebotDialogDetailBodyContentCookieTabsPreference > div > ul > p
Example 4 View on Page
List contains non-<li> child <p>.
Mode: light
<p class="CybotCookiebotDialogDetailBodyEmptyCategoryMessage">We do not use cookies of this type.</p>
XPath: #CybotCookiebotDialogDetailBodyContentCookieTabsAdvertising > div > ul > p
Example 5 View on Page
List contains non-<li> child <p>.
Mode: light
<p class="CybotCookiebotDialogDetailBodyEmptyCategoryMessage">We do not use cookies of this type.</p>
XPath: #CybotCookiebotDialogDetailBodyContentCookieTabsUnclassified > div > ul > p
7 Moderate accesslint keyboard-accessible/tabindex
4 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element has tabindex="1" which disrupts tab order.
Mode: light
<a class="skip-to-content-link align-center" href="#main-content" 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
<a href="/accessibility" title="Accessibility Options Page, accesskey 0" class="skip_content" accesskey="0" tabindex="2">Accessibility Options</a>
XPath: li:nth-of-type(2) > a[href="/accessibility"]
Example 3 View on Page
Element has tabindex="104" which disrupts tab order.
Mode: light
<input type="text" class="FormField ui-autocomplete-input" tabindex="104" name="addresssearch" id="addresssearch" title="addresssearch" size="30" maxlength="50" autocomplete="off" placeholder="e.g. DE...
XPath: #addresssearch
Example 4 View on Page
Element has tabindex="1" which disrupts tab order.
Mode: light
<a href="#main-content" class="pcg-skip-content pcg-contrast__link pcg-contrast__bg-main pcg-contrast__border-main" id="skip_to_main_content" tabindex="1">Skip to content</a>
XPath: #skip_to_main_content
Example 5 View on Page
Element has tabindex="1" which disrupts tab order.
Mode: light
<a role="button" id="btnContinue" aria-label="Accept and continue browsing website" class="btn btn-outline-success text-white btn-sm initialOptions" href="javascript:NaDevAcceptCookies(true,true);" ta...
XPath: #btnContinue
6 Moderate accesslint labels-and-names/multiple-labels
6 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 placeholder="Search" data-drupal-selector="edit-s" type="text" id="edit-s" name="s" value="" size="30" maxlength="128" class="form-text required" required="required" aria-required="true">
XPath: #edit-s
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 autocomplete="off" data-drupal-selector="edit-search-keys" type="text" id="edit-search-keys" name="search_keys" value="" size="60" maxlength="128" placeholder="Search" class="form-text">
XPath: #edit-search-keys
Example 4 View on Page
Form field has 2 labels. Use a single label element.
Mode: light
<input type="text" id="s" name="s" placeholder="Search Somerset Council">
XPath: #s
Example 5 View on Page
Form field has 2 labels. Use a single label element.
Mode: light
<input data-drupal-selector="edit-s" data-search-api-autocomplete-search="localgov_sitewide_search" class="form-autocomplete form-text required ui-autocomplete-input" data-autocomplete-path="/search_a...
XPath: #edit-s
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)
5 Moderate accesslint landmarks/no-duplicate-contentinfo
5 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Page has multiple contentinfo landmarks.
Mode: light
<div class="eu-cookie-compliance-banner eu-cookie-compliance-banner-info eu-cookie-compliance-banner--opt-in cookies-notice" role="contentinfo" aria-label="cookienotice" aria-hidden="false"> <div clas...
XPath: #sliding-popup > div[aria-label="cookienotice"]
Example 2 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 3 View on Page
Page has multiple contentinfo landmarks.
Mode: light
<div id="cookiescript_reportdate" role="contentinfo">Cookie <a id="cookiescript_reportlink" href="https://cookie-script.com/cookie-report?identifier=477d9825c3bd983c31c81f8a865d8dba" target="_blank" a...
XPath: #cookiescript_reportdate
Example 4 View on Page
Page has multiple contentinfo landmarks.
Mode: light
<footer id="bottom-footer"> <div class="container"> <div class="row justify-content-between"> <div class="col-12"> <p>© 2026 South Oxfordshire District Council</p> </div> ...
XPath: #bottom-footer
Example 5 View on Page
Page has multiple contentinfo landmarks.
Mode: light
<footer class="lgd-footer"> <div class="lgd-footer__pre-footer"> <div class="lgd-container"> <div class="lgd-row"> <div class...
XPath: div:nth-of-type(2) > footer
5 Moderate accesslint labels-and-names/frame-title
5 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Frame is missing an accessible name. Add a title attribute.
Mode: light
<iframe src="https://home-e33.niceincontact.com/inContact/ChatClient/chatButton.html" id="icChatButton" name="icChatButton" scrolling="no" height="80" width="180" class="ie-chat-button-iframe-fixed-cu...
XPath: #icChatButton
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 id="chatbox" src="https://chat.lbbd.gov.uk/" style="width: 100%; height: 0px; border: none; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px; background-color: white; transition: height 0.3s ease-ou...
XPath: #chatbox
Example 5 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"]
5 Moderate accesslint adaptable/aria-required-parent
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Role "listitem" must be contained within: list, group.
Mode: light
<div class="social-icons d-flex align-items-center justify-content-lg-start justify-content-center pb-lg-0 pb-3" role="listitem"> <a href="https://www.facebook.com/Tandridge-Counci...
XPath: #footer > div > div > div:nth-of-type(1) > div:nth-of-type(1)
Example 2 View on Page
Role "listitem" must be contained within: list, group.
Mode: light
<a href="https://www.facebook.com/Tandridge-Council-315394932190994/" target="_blank" class="pe-2" role="listitem" aria-label=" - opens in new tab"> <i...
XPath: div:nth-of-type(1) > a[href="https://www.facebook.com/Tandridge-Council-315394932190994/"]
Example 3 View on Page
Role "listitem" must be contained within: list, group.
Mode: light
<a href="https://www.linkedin.com/company/tandridge-district-council" target="_blank" class="pe-2" role="listitem" aria-label=" - opens in new tab"> <i...
XPath: div:nth-of-type(1) > a[href="https://www.linkedin.com/company/tandridge-district-council"]
Example 4 View on Page
Role "listitem" must be contained within: list, group.
Mode: light
<a href="https://nextdoor.co.uk/agency-detail/england/tandridge/tandridge-council/" target="_blank" role="listitem" aria-label=" - opens in new tab"> <...
XPath: div:nth-of-type(1) > a[href="https://nextdoor.co.uk/agency-detail/england/tandridge/tandridge-council/"]
Example 5 View on Page
Role "listitem" must be contained within: list, group.
Mode: light
<a href="https://twitter.com/TandridgeDC" target="_blank" class="ps-2 pe-2" role="listitem" aria-label=" - opens in new tab"> <img src="/Portals/_defau...
XPath: div:nth-of-type(1) > a[href="https://twitter.com/TandridgeDC"]
4 Moderate accesslint navigable/bypass
4 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
Example 3 View on Page
Page has no mechanism to bypass repeated content. Add a <main> landmark or skip link.
Mode: light
<html>
XPath: html
Example 4 View on Page
Page has no mechanism to bypass repeated content. Add a <main> landmark or skip link.
Mode: light
<html>
XPath: html
4 Moderate accesslint adaptable/aria-required-children
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Role "menu" requires children with role: menuitem or menuitemcheckbox or menuitemradio or group or menu or separator.
Mode: light
<div class="dropdown-menu megamenu" role="menu"> <div class="column-container"> <ul class="bullet-list"> ...
XPath: li:nth-of-type(1) > div
Example 2 View on Page
Role "menu" requires children with role: menuitem or menuitemcheckbox or menuitemradio or group or menu or separator.
Mode: light
<div class="dropdown-menu megamenu" role="menu"> <div class="column-container"> <ul class="bullet-list"> ...
XPath: li:nth-of-type(2) > div
Example 3 View on Page
Role "menu" requires children with role: menuitem or menuitemcheckbox or menuitemradio or group or menu or separator.
Mode: light
<div class="dropdown-menu megamenu" role="menu"> <div class="column-container"> <ul class="bullet-list"> ...
XPath: li:nth-of-type(3) > div
Example 4 View on Page
Role "menu" requires children with role: menuitem or menuitemcheckbox or menuitemradio or group or menu or separator.
Mode: light
<div class="dropdown-menu megamenu" role="menu"> <div class="column-container"> <ul class="bullet-list"> ...
XPath: li:nth-of-type(4) > div
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/3_2_landscape_465x310/public/media-uploads/Gibbet%20Hill%2C%20Weston%20Hills.jpeg?itok=PAWB2A7A" width="465" height="310" typeof="foaf:Image">
XPath: a[href="/news/spring-action-community-volunteers-help-biodiversity-projects-flourish-across-north-herts"] > img
Example 2 View on Page
Image element missing alt attribute.
Mode: light
<img style="width: 100%" src="/media/cwhcts2v/adventuresmainwebsitebanner.jpg?width=1136">
XPath: picture > img
Example 3 View on Page
Image element missing alt attribute.
Mode: light
<img src="/media/1jtcxpq1/new-unitary-councils.jpg?width=600&amp;height=300&amp;v=1dcbd12c020ac60">
XPath: div[aria-label="slide 1"] > div > div > div:nth-of-type(1) > img
3 Moderate accesslint aria/aria-valid-attr-value
2 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
aria-level must be an integer, got "h2".
Mode: light
<h2 class="lgd-card__title" role="heading" aria-level="h2"> <span>Almost all&nbsp;families&nbsp;offered place at preferred&nbsp;primary school&nbsp;for 2026 </span> </h2>
XPath: article:nth-of-type(1) > div > div:nth-of-type(2) > h2
Example 2 View on Page
aria-level must be an integer, got "h2".
Mode: light
<h2 class="lgd-card__title" role="heading" aria-level="h2"> <span> Thursday 7 May local election: Get ready to vote</span> </h2>
XPath: article:nth-of-type(2) > div > div:nth-of-type(2) > h2
Example 3 View on Page
Invalid value "aria-current" for aria-current.
Mode: light
<button type="button" data-bs-target="#carousel-93bbc525-2e8e-4865-8160-77fc8947b529" data-bs-slide-to="0" class="active" aria-current="aria-current" aria-label="Slide 1"></button>
XPath: div:nth-of-type(1) > button[aria-label="Slide 1"]
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 class="cludo-input-form__input" title="Search the page" name="searchrequest" type="search" autocomplete="off" placeholder="Search for..." aria-autocomplete="list" aria-haspopup="true">
XPath: #cludo-search-input > input[name="searchrequest"]
Example 2 View on Page
Form element uses title attribute as only label. Use <label>, aria-label, or aria-labelledby instead.
Mode: light
<input aria-autocomplete="list" aria-haspopup="true" autocomplete="off" id="cludo-search-form-input--mobile" name="searchrequest" placeholder="Search" title="Type search term" type="search" value="">
XPath: #cludo-search-form-input--mobile
Example 3 View on Page
Form element uses title attribute as only label. Use <label>, aria-label, or aria-labelledby instead.
Mode: light
<input aria-autocomplete="list" aria-haspopup="true" autocomplete="off" id="cludo-search-form-input-mobile" name="searchrequest" placeholder="Search" title="Type search term" type="search" value="">
XPath: #cludo-search-form-input-mobile
2 Moderate accesslint landmarks/no-duplicate-main
2 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Page has multiple main landmarks.
Mode: light
<div id="webchat" role="main" data-once="init"></div>
XPath: #webchat
Example 2 View on Page
Page has multiple main landmarks.
Mode: light
<section class="flxb-body" role="main"> </section>
XPath: div:nth-of-type(3) > section
2 Moderate accesslint readable/valid-lang
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Invalid lang attribute value "iw".
Mode: light
<option value="en|iw" data-gt-href="#" lang="iw">עִבְרִית</option>
XPath: #bbd-translation > option:nth-of-type(28)
Example 2 View on Page
Invalid lang attribute value "jw".
Mode: light
<option value="en|jw" data-gt-href="#" lang="jw">Basa Jawa</option>
XPath: #bbd-translation > option:nth-of-type(68)
1 Moderate accesslint landmarks/banner-is-top-level
1 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="announcement" role="banner" aria-hidden="false" aria-label="Important Announcement" data-page-id="1064"> <div class="container"> <div class="announcement-text"> ...
XPath: #content > div[aria-label="Important Announcement"]
1 Moderate accesslint landmarks/main-is-top-level
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Main landmark is nested within another landmark.
Mode: light
<div id="webchat" role="main" data-once="init"></div>
XPath: #webchat
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
<i class="icon-li icon-sc-housing" role="menuitem"></i>
XPath: a[href="/housing"] > i
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 distinguishable/meta-viewport
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Viewport disables user scaling (user-scalable=no). Remove this restriction.
Mode: light
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
XPath: head > meta[name="viewport"]
1 Moderate accesslint labels-and-names/frame-title-unique
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Frame title is not unique. Use a distinct title for each frame.
Mode: light
<iframe id="youtubechannel-frame" title="Youtube Video Player" width="570px" height="600px;" src="https://www.youtube.com/embed/9PNw5F_itDc" frameborder="0" allowfullscreen=""></iframe>
XPath: #youtubechannel-frame
1 Moderate accesslint navigable/document-title
1 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

🔧 Most Common Issues (QualWeb)

22 rules
67 Moderate qualweb QW-ACT-R76: Element has contrast ratio lower than minimum.
67 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
33 Moderate qualweb QW-ACT-R30: The complete visible text content of the test target neither matches or is contained within its accessible name.
33 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
32 Moderate qualweb QW-ACT-R37: Element has contrast ratio lower than minimum.
32 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
27 Moderate qualweb QW-ACT-R2: The `lang` attribute doesn't exist or is empty ('').
27 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

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
21 Moderate qualweb QW-ACT-R25: The `aria-label` property is neither inherited nor supported by the `role` generic.
21 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

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-labelledby` property is neither inherited nor supported by the `role` generic.
Mode: light
Example 4 View on Page
The `aria-labelledby` property is neither inherited nor supported by the `role` generic.
Mode: light
Example 5 View on Page
The `aria-label` property is neither inherited nor supported by the `role` generic.
Mode: light
6 Moderate qualweb QW-ACT-R38: The test target owns elements that doesn't have the correct role.
6 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

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
Example 5 View on Page
The test target owns elements that doesn't have the correct role.
Mode: light
6 Moderate qualweb QW-ACT-R33: The test target parent doesn't have the required context `role`.
6 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

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
Example 3 View on Page
The test target parent doesn't have the required context `role`.
Mode: light
Example 4 View on Page
The test target parent doesn't have the required context `role`.
Mode: light
Example 5 View on Page
The test target parent doesn't have the required context `role`.
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
5 Moderate qualweb QW-ACT-R12: The test target doesn't have an accessible name, or it's empty ('').
5 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
5 Moderate qualweb QW-ACT-R28: The test target has unlisted required states or properties.
5 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
Example 5 View on Page
The test target has unlisted required states or properties.
Mode: light
4 Moderate qualweb QW-ACT-R16: The test target accessible name doesn't exist or it's empty ('').
4 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
Example 4 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
4 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.
4 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
Example 4 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
3 Moderate qualweb QW-ACT-R11: The test target doesn't have an accessible name, 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 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
3 Moderate qualweb QW-ACT-R19: 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
2 Moderate qualweb QW-ACT-R34: The test target `aria-level` attribute has an invalid value.
2 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target `aria-level` attribute has an invalid value.
Mode: light
Example 2 View on Page
The test target `aria-current` attribute has an invalid value.
Mode: light
2 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.
2 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
Example 2 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
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-R17: The test target doesn't have an accessible name.
1 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
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-R1: The `title` element is not in the same context.
1 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The `title` element is not in the same context.
Mode: light
1 Moderate qualweb QW-ACT-R20: The test target has an invalid `role` attribute.
1 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target has an invalid `role` attribute.
Mode: light