Accessibility Scan Report

Title: LocalGov Drupal Issue: #38 Date: 3/16/2026, 1:12:08 AM Duration: 12.8m URLs: 70 / 70 🌙 Dark Mode: 7 / 70 URLs⚡ Reduced Motion: 52 / 70 URLs🔍 High Contrast: 4 / 70 URLs🖥️ Forced Colors: 5 / 70 URLs

Summary

Issues

  • By Level: A (43), AA (41)
  • By Version (A & AA): WCAG 2.0 (84)
  • By Category: axe-strict (280) & Others (153)
  • Total: 433 across 46 unique rules & 2 accessibility engines

By Severity

Critical
Serious
Moderate
Minor

By Role

UX Designer
Visual Designer
Content Author
Front-End Developer

Issues

🎯 Pages with Most Errors

Focus your efforts on these pages to make the biggest impact. Click any error count to filter the rule list below.

Page axe UniqueQualWeb Unique Total Unique
View Page Homepage | Royal Borough of Kingston upon Thames 159
View Page Welcome to South Kesteven District Council - Homepage | South Kesteven District Council 133
View Page Milton Keynes City Council 86
View Page Welcome to Leeds | Leeds.gov.uk 0 78
View Page Brighton & Hove City Council 66
View Page Homepage | Laois County Council 61
View Page Homepage | Clare County Council 52
View Page Homepage | Havant Borough Council 43
View Page Homepage | Westminster City Council 39
View Page Hello, welcome to Southwark | Southwark Council 38

🔧 Most Common Issues (axe)

29 rules
126 Moderate axe region:
47 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
All page content should be contained by landmarks
Mode: light
<a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a>
XPath: .focusable
Example 2 View on Page
All page content should be contained by landmarks
Mode: light
<h1>Welcome to Staffordshire</h1>
XPath: h1
Example 3 View on Page
All page content should be contained by landmarks
Mode: light
<div class="js-form-item form-item js-form-type-search-api-autocomplete form-item-s js-form-item-s">
XPath: form[data-drupal-form-fields="edit-s--6,edit-type--6"] > .js-form-type-search-api-autocomplete.form-item-s.js-form-item-s
Example 4 View on Page
All page content should be contained by landmarks
Mode: light
<div class="field field--name-localgov-image field--type-entity-reference field--label-hidden field__item">
XPath: .field--name-localgov-image
Example 5 View on Page
All page content should be contained by landmarks
Mode: light
<div class="fourpledges">
XPath: .fourpledges
41 Serious axe SC 1.4.3 AA Visual color-contrast:
11 pages affected

Rule Information

Engine: axe

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

Disabilities affected:
Visual

Affected Pages

Examples

Example 1 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<h2>Clare County Council</h2>
XPath: #block-bbd-localgov-clarecountycouncil > h2
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<h2 id="block-bbd-localgov-quicklinks-menu">Quicklinks</h2>
XPath: #block-bbd-localgov-quicklinks-menu
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<h2 id="block-bbd-localgov-help-menu">Help</h2>
XPath: #block-bbd-localgov-help-menu
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<h2 id="block-bbd-localgov-terms-menu">Terms</h2>
XPath: #block-bbd-localgov-terms-menu
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<h2>Google translate</h2>
XPath: #block-bbd-localgov-gtranslate-block--2 > h2
11 Moderate axe landmark-unique:
9 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<footer class="lgd-footer">
XPath: footer
Example 2 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<div class="search-block-form block block-search block-search-form-block" data-drupal-selector="search-block-form" id="block-searchform" role="search">
XPath: #block-searchform
Example 3 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<div data-parent-id="our-services-id" class="lgd-header__nav lbhf-header-drawer-item lbhf-header-drawer-item__sm" id="our-services-drawer" tabindex="-1" aria-labelledby="our-services-id" role="region">
XPath: #our-services-drawer
Example 4 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<div class="search-block-form block block-search block-search-form-block" data-drupal-selector="search-block-form" id="block-localgov-wandf-searchform" role="search">
XPath: .lgd-region__inner--search > .search-block-form.block-search.block-search-form-block
Example 5 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: dark
<div class="search-block-form block block-search block-search-form-block" data-drupal-selector="search-block-form" id="block-localgov-wandf-searchform" role="search">
XPath: .lgd-region__inner--search > .search-block-form.block-search.block-search-form-block
9 Moderate axe landmark-no-duplicate-contentinfo:
9 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

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
<footer class="lgd-footer">
XPath: footer
Example 3 View on Page
Document should not have more than one contentinfo landmark
Mode: light
<div class="eu-cookie-compliance-banner eu-cookie-compliance-banner-info eu-cookie-compliance-banner--categories cookies-notice" role="contentinfo" aria-label="cookienotice" aria-hidden="false">
XPath: .eu-cookie-compliance-banner
Example 4 View on Page
Document should not have more than one contentinfo landmark
Mode: light
<div 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 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
8 Critical axe SC 4.1.2 A Visual Motor Cognitive button-name:
2 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

Examples

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

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

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

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Form elements should have a visible label
Mode: light
<input title="Search" autocomplete="off" data-drupal-selector="edit-search-query" type="text" id="edit-search-query--5" name="search_query" value="" size="60" maxlength="128" placeholder="Search" class="form-text required" required="required" aria-required="true">
XPath: #edit-search-query--5
Example 2 View on Page
Form elements should have a visible label
Mode: light
<input title="Search" autocomplete="off" data-drupal-selector="edit-search-query" type="text" id="edit-search-query--6" name="search_query" value="" size="60" maxlength="128" placeholder="Search" class="form-text required" required="required" aria-required="true">
XPath: #edit-search-query--6
Example 3 View on Page
Form elements should have a visible label
Mode: light
<input title="Enter the terms you ..." autocomplete="off" placeholder="Search Essex County ..." onfocus="this.placeholder = '..." onblur="this.placeholder = '..." data-drupal-selector="edit-search-keys" type="text" id="edit-search-keys" name="search_keys" value="" size="60" maxlength="128" class="fo ...>
XPath: #edit-search-keys
Example 4 View on Page
Form elements should have a visible label
Mode: light
<input placeholder="Enter your email address" name="e" type="email" required="" id="prefix-emailInput" title="Enter your email address">
XPath: #prefix-emailInput
Example 5 View on Page
Form elements should have a visible label
Mode: light
<input title="Search" data-drupal-selector="edit-keys" placeholder="Search our website" id="edit-keys--q-Bol_PXxQQ" type="search" name="keys" value="" size="15" maxlength="128" class="form-search">
XPath: #edit-keys--q-Bol_PXxQQ
6 Moderate axe SC 2.2.1 A Motor Cognitive meta-refresh:
3 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 2.2.1 A

Disabilities affected:
Motor Cognitive

Affected Pages

Examples

Example 1 View on Page
Delayed refresh under 20 hours must not be used
Mode: light
<meta http-equiv="refresh" content="360">
XPath: meta[http-equiv="refresh"]
Example 2 View on Page
Delayed refresh under 20 hours must not be used
Mode: dark
<meta http-equiv="refresh" content="360">
XPath: meta[http-equiv="refresh"]
Example 3 View on Page
Delayed refresh under 20 hours must not be used
Mode: light
<meta http-equiv="refresh" content="360">
XPath: meta[http-equiv="refresh"]
Example 4 View on Page
Delayed refresh under 20 hours must not be used
Mode: dark
<meta http-equiv="refresh" content="360">
XPath: meta[http-equiv="refresh"]
Example 5 View on Page
Delayed refresh under 20 hours must not be used
Mode: light
<meta http-equiv="refresh" content="360">
XPath: meta[http-equiv="refresh"]
6 Moderate axe landmark-banner-is-top-level:
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Banner landmark should not be contained in another landmark
Mode: light
<div class="lgd-region lgd-region--header region region-header" role="banner">
XPath: .lgd-region--header
Example 2 View on Page
Banner landmark should not be contained in another landmark
Mode: light
<div class="lgd-region lgd-region--content region region-content" role="banner">
XPath: .lgd-region--content
Example 3 View on Page
Banner landmark should not be contained in another landmark
Mode: light
<div class="lgd-region lgd-region--content-bottom region region-content-bottom" role="banner">
XPath: .lgd-region--content-bottom
Example 4 View on Page
Banner landmark should not be contained in another landmark
Mode: light
<div class="lgd-region lgd-region--footer-first region region-footer-first" role="banner">
XPath: .lgd-region--footer-first
Example 5 View on Page
Banner landmark should not be contained in another landmark
Mode: light
<div class="lgd-region lgd-region--footer-second region region-footer-second" role="banner">
XPath: .lgd-region--footer-second
5 Moderate axe heading-order:
5 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: No

Affected Pages

Examples

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

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Page should contain a level-one heading
Mode: light
<html lang="en-gb" dir="ltr" class="sticky-header-html js" data-once="euccRelocateInit" style="--lgd-sticky-header-position: 0px; --lgd-sticky-header-height: 103px;">
XPath: html
Example 2 View on Page
Page should contain a level-one heading
Mode: light
<html lang="en" dir="ltr" class="sticky-header-html js" style="--lgd-sticky-header-position: 0px; --lgd-sticky-header-height: 116px;">
XPath: html
Example 3 View on Page
Page should contain a level-one heading
Mode: light
<html lang="en" dir="ltr" class="sticky-header-html js" style="--lgd-sticky-header-position: 0px; --lgd-sticky-header-height: 93px;">
XPath: html
Example 4 View on Page
Page should contain a level-one heading
Mode: light
<html lang="en" dir="ltr" class="sticky-header-html js" style="--lgd-sticky-header-position: 0px; --lgd-sticky-header-height: 121px;">
XPath: html
Example 5 View on Page
Page should contain a level-one heading
Mode: light
<html>
XPath: html
4 Moderate axe aria-allowed-role:
2 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
ARIA role should be appropriate for the element
Mode: light
<article class="js-localgov-alert-ba..." data-dismiss-alert-t...="alert-51--5fa766c687..." role="alert" data-once="allAlertBanners">
XPath: .js-localgov-alert-banner
Example 2 View on Page
ARIA role should be appropriate for the element
Mode: light
<button role="listitem" class="qc-cmp2-list-item-header" aria-label="Opt-Outs" aria-live="polite">
XPath: button[aria-label="Opt-Outs"]
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-label="Google consents" aria-live="polite">
XPath: button[aria-label="Google consents"]
4 Moderate axe image-redundant-alt:
3 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img loading="lazy" src="/sites/default/files/styles/footer_icons/public/2022-09/group_21.png?itok=2sAiHH2g" width="66" height="66" alt="Email" data-once="allImages">
XPath: img[alt="Email"]
Example 2 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img loading="lazy" src="/sites/default/files/styles/footer_icons/public/2022-09/group_19.png?itok=caeYrV6F" width="66" height="66" alt="Customer feedback" data-once="allImages">
XPath: img[alt="Customer feedback"]
Example 3 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img src="data:image/svg+xml;b..." alt="begin" style="margin-left: 5px;">
XPath: img[alt="begin"]
Example 4 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img src="data:image/svg+xml;b..." alt="begin" style="margin-left: 5px;">
XPath: img[alt="begin"]
4 Moderate axe landmark-no-duplicate-banner:
3 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Document should not have more than one banner landmark
Mode: light
<header class="lgd-header" aria-label="Navigation" data-once="allStickyHeaders">
XPath: header
Example 2 View on Page
Document should not have more than one banner landmark
Mode: dark
<header class="lgd-header" aria-label="Navigation" data-once="allStickyHeaders">
XPath: header
Example 3 View on Page
Document should not have more than one banner landmark
Mode: light
<header> <h1 class="visually-hidden">Welcome to Elmbridge.gov.uk</h1> </header>
XPath: body > header
Example 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
4 Moderate axe SC 1.1.1 A Visual role-img-alt:
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.1.1 A

Disabilities affected:
Visual

Affected Pages

Examples

Example 1 View on Page
[role="img"] elements must have alternative text
Mode: light
<span class="fa-ext extlink" role="img" aria-hidden="false"><span class="fa fa-external-link" data-extlink-placement="append"></span></span>
XPath: .call-to-action.paragraph--type--call-to-action.paragraph--view-mode--default > .ext[data-extlink=""][aria-label="(link is external)"] > .fa-ext.extlink[role="img"]
Example 2 View on Page
[role="img"] elements must have alternative text
Mode: light
<span class="fa-ext extlink" role="img" aria-hidden="false"><span class="fa fa-external-link" data-extlink-placement="append"></span></span>
XPath: a[href$="foster4.co.uk/"] > .fa-ext.extlink[role="img"]
Example 3 View on Page
[role="img"] elements must have alternative text
Mode: light
<span class="fa-ext extlink" role="img" aria-hidden="false"><span class="fa fa-external-link" data-extlink-placement="append"></span></span>
XPath: .menu-item:nth-child(9) > .ext[data-extlink=""][aria-label="(link is external)"] > .fa-ext.extlink[role="img"]
Example 4 View on Page
[role="img"] elements must have alternative text
Mode: light
<span class="fa-ext extlink" role="img" aria-hidden="false"><span class="fa fa-external-link" data-extlink-placement="append"></span></span>
XPath: .menu-item:nth-child(12) > .ext[data-extlink=""][aria-label="(link is external)"] > .fa-ext.extlink[role="img"]
3 Moderate axe landmark-one-main:
3 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Document should have one main landmark
Mode: light
<html lang="en">
XPath: html
Example 2 View on Page
Document should have one main landmark
Mode: light
<html lang="en">
XPath: html
Example 3 View on Page
Document should have one main landmark
Mode: light
<html>
XPath: html
3 Serious axe tabindex:
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: ⚠️ Yes (Task-Blocking)

Affected Pages

Examples

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

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Affected Pages

Examples

Example 1 View on Page
Certain ARIA roles must be contained by particular parents
Mode: light
<button role="listitem" class="qc-cmp2-list-item-header" aria-label="Opt-Outs" aria-live="polite">
XPath: button[aria-label="Opt-Outs"]
Example 2 View on Page
Certain ARIA roles must be contained by particular parents
Mode: light
<p class="qc-cmp2-list-item-title" role="listitem"><p>Google consents</p></p>
XPath: .qc-cmp2-list-item-title[role="listitem"]
2 Serious axe SC 1.3.1 A Visual Cognitive list:
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

Examples

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

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 2.1.1, SC 2.1.3 A

Disabilities affected:
Motor

Affected Pages

Examples

Example 1 View on Page
Scrollable region must have keyboard access
Mode: light
<div id="uc-cmp-description" class="overflow">
XPath: #usercentrics-cmp-ui,#uc-cmp-description
1 Moderate axe meta-viewport-large:
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Users should be able to zoom and scale the text up to 500%
Mode: light
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2.0, user-scalable=yes">
XPath: meta[name="viewport"]:nth-child(28)
1 Moderate axe empty-heading:
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Headings should not be empty
Mode: light
<h2 class="call-to-action-links-listing__title"></h2>
XPath: .call-to-action-links-listing__title
1 Serious axe SC 3.1.1 A Cognitive html-has-lang:
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 3.1.1 A

Disabilities affected:
Cognitive

Affected Pages

Examples

Example 1 View on Page
<html> element must have a lang attribute
Mode: light
<html>
XPath: html
1 Critical axe SC 1.1.1 A Visual image-alt:
1 pages affected

Rule Information

Engine: axe

Roles: Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 1.1.1 A

Disabilities affected:
Visual

Affected Pages

Examples

Example 1 View on Page
Images must have alternative text
Mode: light
<img id="logo" src="">
XPath: #logo
1 Moderate axe SC 4.1.2 A Visual Motor Cognitive aria-prohibited-attr:
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

Examples

Example 1 View on Page
Elements must only use permitted ARIA attributes
Mode: light
<a class="ytp-shorts-title-channel-logo" target="_blank" aria-label="Photo image of Barking and Dagenham Council" style="background-image: url(&quot;https://yt3.ggpht.com/ytc/AIdro_lrPNzDYoZXbmNIM8zbIzacSZbXvX1drW8UFnMcRKzWj9U=s68-c-k-c0x00ffffff-no-rj&quot;);"></a>
XPath: li:nth-child(3) > iframe[title="Youtube Video Player"][width="570px"][height="600px;"]
1 Serious axe SC 4.1.2 A Visual Motor Cognitive frame-title:
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, Content Author

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

Examples

Example 1 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
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

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.3.1 A Visual Cognitive aria-required-children:
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Affected Pages

Examples

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

🔧 Most Common Issues (QualWeb)

17 rules
54 Moderate qualweb QW-ACT-R76:
54 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
26 Moderate qualweb QW-ACT-R25:
26 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The `aria-labelledby` 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
24 Moderate qualweb QW-ACT-R30:
24 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
21 Moderate qualweb QW-ACT-R37:
21 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 2 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 3 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 4 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 5 View on Page
Element has contrast ratio lower than minimum.
Mode: light
7 Moderate qualweb QW-ACT-R12:
7 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
3 Moderate qualweb QW-ACT-R4:
3 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
3 Moderate qualweb QW-ACT-R71:
3 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
3 Moderate qualweb QW-ACT-R16:
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-R17:
2 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target doesn't have an accessible name.
Mode: light
Example 2 View on Page
The test target doesn't have an accessible name.
Mode: light
2 Moderate qualweb QW-ACT-R38:
2 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target owns elements that doesn't have the correct role.
Mode: light
Example 2 View on Page
The test target owns elements that doesn't have the correct role.
Mode: light
2 Moderate qualweb QW-ACT-R33:
2 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

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

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
1 Moderate qualweb QW-ACT-R14:
1 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
1 Moderate qualweb QW-ACT-R2:
1 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
1 Moderate qualweb QW-ACT-R43:
1 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

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

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
1 Moderate qualweb QW-ACT-R11:
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, or it's empty ('').
Mode: light