Accessibility Scan Report

Title: London Issue: #68 Date: 3/21/2026, 1:51:59 AM Duration: 17.3m URLs: 100 / 100 🌙 Dark Mode: 26 / 100 URLs⚡ Reduced Motion: 70 / 100 URLs🔍 High Contrast: 1 / 100 URLs🖥️ Forced Colors: 2 / 100 URLs

Summary

Issues

  • By Level: A (121), AA (7)
  • By Version (A & AA): WCAG 2.0 (128)
  • By Category: axe-strict (172) & Others (7361)
  • Total: 7533 across 59 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.
Festival of Ideas Workshop Findings | London City Hall 119
Old Oak and Park Royal Development Corporation | London 117
Home - Homes for Londoners 93
Error - Transport for London 12
Defending London's Postal Service | London City Hall 117
Media centre | London City Hall 113
Where can I find out more about the different kinds of improvements? | London City Hall 108
I received support under the first phase of Warmer Homes. Can I re-apply for this phase of Warmer Homes? | London City Hall 103
Could you please confirm if we need to apply for a MAP Quality Mark for Construction provision if it is already under the Mayor’s Construction Academy? Or does the Mayor’s Construction Academy provide the same status as the MAP Quality Mark? | London City Hall 102
What is an affordable home and how can I find one? | London City Hall 101

🔧 Most Common Issues (axe)

13 rules
67 Moderate axe SC 1.1.1 A Visual svg-img-alt
67 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.1.1 A

Disabilities affected:
Visual

Affected Pages

Who Is Affected

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

Examples

Example 1 View on Page
<svg> elements with an img role must have alternative text
Mode: light
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="simple-icons-icon simple-icons-icon__linkedin" focusable="false">
XPath: .simple-icons-icon__linkedin
Example 2 View on Page
<svg> elements with an img role must have alternative text
Mode: light
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="simple-icons-icon simple-icons-icon__linkedin" focusable="false">
XPath: .simple-icons-icon__linkedin
Example 3 View on Page
<svg> elements with an img role must have alternative text
Mode: light
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="simple-icons-icon simple-icons-icon__linkedin" focusable="false">
XPath: .simple-icons-icon__linkedin
Example 4 View on Page
<svg> elements with an img role must have alternative text
Mode: light
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="simple-icons-icon simple-icons-icon__linkedin" focusable="false">
XPath: .simple-icons-icon__linkedin
Example 5 View on Page
<svg> elements with an img role must have alternative text
Mode: light
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="simple-icons-icon simple-icons-icon__linkedin" focusable="false">
XPath: .simple-icons-icon__linkedin
50 Moderate axe SC 2.2.1 A Motor Cognitive meta-refresh
25 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"]
11 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.
7 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: No

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="h3"> Related questions </h3>
XPath: .u-space-y-4 > h3
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<h5 class="h5"> Eligibility </h5>
XPath: .u-mb-10:nth-child(1) > .u-bg-off-white.u-p-6.sm\:u-px-12 > h5
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="h3"> Related questions </h3>
XPath: .u-space-y-4 > h3
Example 4 View on Page
Heading levels should only increase by one
Mode: light
<h5 class="h5"> General </h5>
XPath: h5
Example 5 View on Page
Heading levels should only increase by one
Mode: light
<h4 id="by-karen-lawrence-commissioner-on-the-london-sustainable-development-commission">
XPath: #by-karen-lawrence-commissioner-on-the-london-sustainable-development-commission
10 Moderate axe landmark-unique
9 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<section class="u-space-y-6 u-p-6 sm:u-p-12 md:u-p-7 lg:u-p-8 xl:u-p-12 xl:u-p-11 xxl:u-p-10 u-bg-off-white has-light-bg" aria-labelledby="key-info-heading">
XPath: .layout__region--first > .u-items-baseline.u-h-full > .layout__region.u-space-y-1.u-w-full > section
Example 2 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<nav>
XPath: .layout__region--first > .u-items-baseline.u-h-full > .layout__region.u-space-y-1.u-w-full > section > nav
Example 3 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<section class="u-space-y-6 u-p-6 sm:u-p-12 md:u-p-7 lg:u-p-8 xl:u-p-12 xl:u-p-11 xxl:u-p-10 u-bg-off-white has-light-bg" aria-labelledby="key-info-heading">
XPath: .lg\:u-col-span-8 > section
Example 4 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<section class="u-space-y-6 u-p-6 sm:u-p-12 md:u-p-7 lg:u-p-8 xl:u-p-12 xl:u-p-11 xxl:u-p-10 u-bg-off-white has-light-bg" aria-labelledby="key-info-heading">
XPath: .lg\:u-col-span-8 > section
Example 5 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<section class="u-space-y-6 u-p-6 sm:u-p-12 md:u-p-7 lg:u-p-8 xl:u-p-12 xl:u-p-11 xxl:u-p-10 u-bg-off-white has-light-bg" aria-labelledby="key-info-heading">
XPath: .lg\:u-col-span-8 > section
9 Moderate axe region: Ensures all page content is contained within landmark regions. Content outside landmarks cannot be found by screen reader users navigating by landmarks.
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Examples

Example 1 View on Page
All page content should be contained by landmarks
Mode: light
<div class="footer-locations-grid slide-toggle__child">
XPath: .footer-locations-grid
Example 2 View on Page
All page content should be contained by landmarks
Mode: light
<a href="https://www.sharetobuy.com/" aria-label="Share to Buy">
XPath: a[aria-label="Share to Buy"]
Example 3 View on Page
All page content should be contained by landmarks
Mode: light
<div class="footer-inline-nav inline-nav">
XPath: .footer-inline-nav
Example 4 View on Page
All page content should be contained by landmarks
Mode: light
<a data-module="govuk-skip-link" class="gem-c-skip-link govuk-skip-link govuk-!-display-none-print" href="#content" data-govuk-skip-link-init="" data-govuk-skip-link-module-started="true">Skip to main content</a>
XPath: body > .gem-c-skip-link.govuk-skip-link[data-module="govuk-skip-link"]
Example 5 View on Page
All page content should be contained by landmarks
Mode: light
<div data-module="ga4-link-tracker" class="gem-c-step-nav-header" title="Stay in the UK ('settled status'): step by step" data-ga4-link-tracker-module-started="true">
XPath: .gem-c-step-nav-header
9 Moderate axe empty-table-header
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Table header text should not be empty
Mode: light
<th>&nbsp;</th>
XPath: tr:nth-child(2) > th
Example 2 View on Page
Table header text should not be empty
Mode: light
<th>&nbsp;</th>
XPath: tr:nth-child(3) > th
Example 3 View on Page
Table header text should not be empty
Mode: light
<th>&nbsp;</th>
XPath: tr:nth-child(5) > th
Example 4 View on Page
Table header text should not be empty
Mode: light
<th>&nbsp;</th>
XPath: tr:nth-child(6) > th
Example 5 View on Page
Table header text should not be empty
Mode: light
<th>&nbsp;</th>
XPath: tr:nth-child(7) > th
6 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.
3 pages affected

Rule Information

Engine: axe

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

Disabilities affected:
Visual

Who Is Affected

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

Examples

Example 1 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<span class="x1lliihq x6ikm8r x10wlt62 x1n2onr6 xlyipyv xuxw1ft">Create new account</span>
XPath: .xp48ta0 > .x14ayic.xwyz465.x1e0frkt > .xsqbvy7.xb9jzoj[role="none"] > .x1lkfr7t.x1lbecb7.xtk6v10 > .xlyipyv.xuxw1ft.x6ikm8r
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: dark
<span class="x1lliihq x6ikm8r x10wlt62 x1n2onr6 xlyipyv xuxw1ft">Create new account</span>
XPath: .xp48ta0 > .x14ayic.xwyz465.x1e0frkt > .xsqbvy7.xb9jzoj[role="none"] > .x1lkfr7t.x1lbecb7.xtk6v10 > .xlyipyv.xuxw1ft.x6ikm8r
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<p>We use some essential cookies to make this website work.</p>
XPath: p:nth-child(1)
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<p>We also use cookies set by other sites to help us deliver content from their services.</p>
XPath: p > p:nth-child(3)
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<p>We use some essential cookies to make this website work.</p>
XPath: p > p:nth-child(1)
3 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

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="https://www.london.g..." name="_ftnref3" style="margin: 0px; padding..." title="">
XPath: a[name="_ftnref3"]
Example 2 View on Page
Links must be distinguishable without relying on color
Mode: light
<a href="https://www.london.g..." name="_ftnref4" style="margin: 0px; padding..." title="">
XPath: a[name="_ftnref4"]
Example 3 View on Page
Links must be distinguishable without relying on color
Mode: light
<a href="https://www.london.g..." name="_ftn4" style="margin: 0px; padding..." title="">
XPath: a[name="_ftn4"]
2 Moderate axe aria-dialog-name
1 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 role="dialog" class="x1n2onr6 x1ja2u2z x1afcbsf x78zum5 xdt5ytf x1a2a7pz x6ikm8r x10wlt62 x71s49j x1jx94hy xw5cjc7 x1dmpuos x1vsv7so xau1kf4 x104qc98 x15o3w11 xogydr4 x1vmz7ll x1yyrj1m x193iq5w">
XPath: .x1afcbsf
Example 2 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: dark
<div role="dialog" class="x1n2onr6 x1ja2u2z x1afcbsf x78zum5 xdt5ytf x1a2a7pz x6ikm8r x10wlt62 x71s49j x1jx94hy xw5cjc7 x1dmpuos x1vsv7so xau1kf4 x104qc98 x15o3w11 xogydr4 x1vmz7ll x1yyrj1m x193iq5w">
XPath: .x1afcbsf
2 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,shrink-to-fit=no">
XPath: meta[name="viewport"]
Example 2 View on Page
Users should be able to zoom and scale the text up to 500%
Mode: dark
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2,shrink-to-fit=no">
XPath: meta[name="viewport"]
1 Critical axe SC 1.1.1 A Visual image-alt: Ensures every <img> element has alternative text. Without alt text, blind users receive no information about the image's meaning or purpose.
1 pages affected

Rule Information

Engine: axe

Roles: Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 1.1.1 A

Disabilities affected:
Visual

Affected Pages

Who Is Affected

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

Examples

Example 1 View on Page
Images must have alternative text
Mode: light
<img height="40" src="data:image/svg+xml;b...">
XPath: img
1 Moderate axe landmark-one-main: Ensures the page has exactly one main landmark. Screen reader users rely on the main landmark to skip navigation and jump directly to page content.
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Document should have one main landmark
Mode: light
<html lang="en" class="">
XPath: html
1 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"]

🔧 Most Common Issues (Equal Access)

46 rules
4561 Moderate equalAccess text_contrast_sufficient
68 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 16px and weight of 400
Mode: light
<option value="">
Example 2 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 16px and weight of 400
Mode: light
<option selected="" data-gt-href="#" value="en|en">
Example 3 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 16px and weight of 400
Mode: light
<option data-gt-href="#" value="en|zh-CN">
Example 4 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 16px and weight of 400
Mode: light
<option data-gt-href="#" value="en|zh-TW">
Example 5 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 16px and weight of 400
Mode: light
<option data-gt-href="#" value="en|hr">
919 Moderate equalAccess element_tabbable_unobscured
70 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
<button class="ccc-notify-button ccc-link ccc-tabbable ccc-accept-button" id="ccc-notify-accept">
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 class="ccc-notify-button ccc-link ccc-tabbable ccc-reject-button" id="ccc-notify-reject">
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
<button class="ccc-notify-button ccc-link ccc-tabbable ccc-notify-link">
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
<a class="visually-hidden focusable" href="#main-content">
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
<img class="u-w-auto u-my-2 u-mx-2 sm:u-mx-4 u-h-4" tabindex="0" height="16" width="207" alt="Mayor of London logo" src="https://www.london.gov.uk/themes/custom/gla_lgov/images/logo-mayoral.svg?tbf1sb">
618 Moderate equalAccess style_focus_visible
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
<button class="ccc-notify-button ccc-link ccc-tabbable ccc-accept-button" id="ccc-notify-accept">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button class="ccc-notify-button ccc-link ccc-tabbable ccc-reject-button" id="ccc-notify-reject">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button class="ccc-notify-button ccc-link ccc-tabbable ccc-notify-link">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a href="/who-we-are" class="u-w-full btn btn--outline">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a href="https://www.london.gov.uk/talk-london/topics/arts-and-culture/mayors-strategic-licensing-consultation/surveys/1242?utm_source=london.gov.uk&utm_medium=referral&utm_content=tile&utm_campaign=licensing022026#campaign" class="btn btn--solid">
299 Moderate equalAccess aria_role_redundant
71 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 "navigation" is redundant with the implicit role of the element <nav>
Mode: light
<nav id="block-mainnavigation" role="navigation" @click.outside="open = false; $dispatch('set-menu-status', open)" @keyup.escape.window="open = false" x-trap="open" aria-label="Main navigation" x-data="primaryNavigation">
Example 2 View on Page
The explicitly-assigned ARIA role "contentinfo" is redundant with the implicit role of the element <footer>
Mode: light
<footer role="contentinfo">
Example 3 View on Page
The explicitly-assigned ARIA role "navigation" is redundant with the implicit role of the element <nav>
Mode: light
<nav aria-labelledby="block-gla-footer-menu-menu" role="navigation">
Example 4 View on Page
The explicitly-assigned ARIA role "link" is redundant with the implicit role of the element <a>
Mode: light
<a tabindex="0" role="link" href="https://www.facebook.com/login/device-based/regular/login/?login_attempt=1&next=https%3A%2F%2Fwww.facebook.com%2FOldOakParkRoyal%2F" class="x1i10hfl x1qjc9v5 xjqpnuy xc5r6h4 xqeqjp1 x1phubyo x13fuv20 x18b5jzi x1q0q8m5 x1t7ytsu x972fbf x10w94by x1qhh985 x14e42zd x9f619 x1ypdohk xdl72j9 x2lah0s x3ct3a4 xdj266r x14z9mp xat24cr x1lziwak x2lwn1j xeuugli x1n2onr6 x16tdsg8 x1hl2dhg xggy1nq x1ja2u2z x1t137rt x1q0g3np x87ps6o x1lku1pv x1a2a7pz xtvsq51 x1i5p2am x1whfx0g xr2y4jy x1ihp6rs x1vqgdyp x6ikm8r x10wlt62 xexx8yu xpdmqnj x1120s5i x1g0dm76 x78zum5 x1vf8swu" aria-label="Log In">
Example 5 View on Page
The explicitly-assigned ARIA role "link" is redundant with the implicit role of the element <a>
Mode: light
<a tabindex="0" role="link" href="https://www.facebook.com/photo/?fbid=878064184318166&set=a.592919246165996" class="x1i10hfl xjbqb8w x1ejq31n x18oe1m7 x1sy0etr xstzfhl x972fbf x10w94by x1qhh985 x14e42zd x9f619 x1ypdohk x3ct3a4 xdj266r x14z9mp xat24cr x1lziwak xexx8yu xyri2b x18d9i69 x1c1uobl x16tdsg8 x1hl2dhg xggy1nq x1fmog5m xu25z0z x140muxe xo1y3bh x1n2onr6 x87ps6o x1lku1pv x1a2a7pz x1lliihq" aria-label="View profile cover photo">
155 Moderate equalAccess element_attribute_deprecated
97 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="A7vZI3v+Gz7JfuRolKNM4Aff6zaGuT7X0mf3wtoZTnKv6497cVMnhy03KDqX7kBz/q/iidW7srW31oQbBt4VhgoAAACUeyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGUuY29tOjQ0MyIsImZlYXR1cmUiOiJEaXNhYmxlVGhpcmRQYXJ0eVN0b3JhZ2VQYXJ0aXRpb25pbmczIiwiZXhwaXJ5IjoxNzU3OTgwODAwLCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==" http-equiv="origin-trial">
Example 2 View on Page
The HTML attribute(s) "color" is deprecated in HTML 5
Mode: light
<link href="/themes/custom/gla_lgov/dist/img/favicons/safari-pinned-tab.svg" color="#5bbad5" rel="mask-icon">
Example 3 View on Page
The HTML attribute(s) "frameborder, scrolling" is deprecated for the <iframe> element in HTML 5
Mode: light
<iframe src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Ld5PzEUAAAAAG34guiPpNoqPmNKMdrvJaeJO5Zl&co=aHR0cHM6Ly93d3cubG9uZG9uLmdvdi51azo0NDM.&hl=en&type=image&v=QvLuXwupqtKCyjBw2xIzFLIf&theme=light&size=normal&anchor-ms=20000&execute-ms=30000&cb=8g0cnoitb55f" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" scrolling="no" frameborder="0" name="a-zdc5d77ixgq" role="presentation" height="78" width="304" title="reCAPTCHA">
Example 4 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 5 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="IE=Edge" http-equiv="X-UA-Compatible">
138 Moderate equalAccess element_tabbable_role_valid
69 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The tabbable element's role 'img' is not a widget role
Mode: light
<img class="u-w-auto u-my-2 u-mx-2 sm:u-mx-4 u-h-4" tabindex="0" height="16" width="207" alt="Mayor of London logo" src="https://www.london.gov.uk/themes/custom/gla_lgov/images/logo-mayoral.svg?tbf1sb">
Example 2 View on Page
The tabbable element's role 'img' is not a widget role
Mode: light
<img class="u-w-auto u-my-2 u-mx-2 sm:u-mx-4 u-h-4" tabindex="0" height="16" width="194" alt="London Assembly logo" src="https://www.london.gov.uk/themes/custom/gla_lgov/images/logo-assembly.svg?tbf1sb">
Example 3 View on Page
The tabbable element's role 'img' is not a widget role
Mode: light
<img class="u-w-auto u-my-2 u-mx-2 sm:u-mx-4 u-h-4" tabindex="0" height="16" width="207" alt="Mayor of London logo" src="https://www.london.gov.uk/themes/custom/gla_lgov/images/logo-mayoral.svg?tbf1sb">
Example 4 View on Page
The tabbable element's role 'img' is not a widget role
Mode: light
<img class="u-w-auto u-my-2 u-mx-2 sm:u-mx-4 u-h-4" tabindex="0" height="16" width="194" alt="London Assembly logo" src="https://www.london.gov.uk/themes/custom/gla_lgov/images/logo-assembly.svg?tbf1sb">
Example 5 View on Page
The tabbable element's role 'img' is not a widget role
Mode: light
<img class="u-w-auto u-my-2 u-mx-2 sm:u-mx-4 u-h-4" tabindex="0" height="16" width="207" alt="Mayor of London logo" src="https://homes.london.gov.uk/app/themes/sharetobuy/resources/images/logo-mayoral.svg">
99 Moderate equalAccess style_color_misuse
99 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
<link href="/themes/custom/gla_lgov/dist/img/favicons/safari-pinned-tab.svg" color="#5bbad5" rel="mask-icon">
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style nonce="">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style>
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/themes/custom/gla_lgov/dist/img/favicons/safari-pinned-tab.svg" color="#5bbad5" rel="mask-icon">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style>
99 Moderate equalAccess style_highcontrast_visible
99 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
<link href="/sites/default/files/css/css_km7oFKYVOAnzQ5dNLBu2y0hZAatelLNQgpYu2OX6Rvs.css?delta=0&language=en&theme=gla_lgov&include=eJx1UEluwzAM_JAgPUkYS6wsgDYFknba39du0wVJfCExC4ZLwfAyI00wCkWUUtVtgGPtYGmhMTKZwym7YjWGd1nTa_rLzU32Q5cJ_ItzKSX9B1F2Uu2VLAwommLM9jP6j4nbOraJu81UgxG0zBmjZ2wuRZbB5JQu-GAf5rR8X7Z3ulmu8GPt9yHq6YkJN5reRJd07_EMEutH0qNCTAutHis5Olt0aY2vbQuZoV3rMs7n2ZN-lk9rbqPX" media="all" rel="stylesheet">
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
<style nonce="">
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
<style>
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
<link href="/sites/default/files/css/css_Xrm-8DFelqi4g4Mz8qPKzbTrUPHRDEAimBDvEcpFkwU.css?delta=0&language=en&theme=gla_lgov&include=eJx1z-sKwzAIBeAXCs0jhdNE0oCtQU23vf1K2Q22_RHOdwQxi1IsOjp4Kg0sNVRGInM4JVdsxvAmW_zN5zZX2Y9eZvArp5xz_AyT7KTaClnoUFRFX-x5-i3T2PqYudlCJRhB85LQW8JwybJ2Jqf4x4PdzGmNM4zC3uhi8ZzTKmXwg1KBH59cu6jHL7kDS3hsAQ" media="all" rel="stylesheet">
Example 5 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style>
79 Moderate equalAccess aria_content_in_landmark
71 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" href="#main-content">
Example 2 View on Page
Content is not within a landmark element
Mode: light
<a class="visually-hidden focusable" href="#main-content">
Example 3 View on Page
Content is not within a landmark element
Mode: light
<a href="#main" class="sr-only focus:not-sr-only">
Example 4 View on Page
Content is not within a landmark element
Mode: light
<h2>
Example 5 View on Page
Content is not within a landmark element
Mode: light
<ul class="footer-locations-list">
72 Moderate equalAccess svg_graphics_labelled
69 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 focusable="false" class="simple-icons-icon simple-icons-icon__linkedin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img">
Example 2 View on Page
The SVG element has no accessible name
Mode: light
<svg focusable="false" class="simple-icons-icon simple-icons-icon__linkedin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img">
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 17 18" height="18" width="17" class="w-6">
Example 4 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 24 24" height="24" width="24" class="w-6 h-6">
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 698 138" height="138" width="698" class="wp-block-sharetobuy-c-t-a__bg">
67 Moderate equalAccess label_ref_valid
67 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The value "gla-select-translation" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label for="gla-select-translation" class="h4 gla-select-translation--label">
Example 2 View on Page
The value "gla-select-translation" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label for="gla-select-translation" class="h4 gla-select-translation--label">
Example 3 View on Page
The value "gla-select-translation" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label for="gla-select-translation" class="h4 gla-select-translation--label">
Example 4 View on Page
The value "gla-select-translation" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label for="gla-select-translation" class="h4 gla-select-translation--label">
Example 5 View on Page
The value "gla-select-translation" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label for="gla-select-translation" class="h4 gla-select-translation--label">
49 Moderate equalAccess text_block_heading
26 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text 'Take part now Take part now' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p class="lead">
Example 2 View on Page
Confirm this text 'Log In' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="x9f619 x1ja2u2z x78zum5 x1n2onr6 x1r8uery x1iyjqo2 xs83m0k xeuugli x1qughib x6s0dn4 xozqiw3 x1q0g3np xyri2b x1c1uobl x18d9i69 xexx8yu x1ws5yxj xw01apr x4cne27 xifccgj">
Example 3 View on Page
Confirm this text 'Log In' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="x9f619 x1n2onr6 x1ja2u2z x78zum5 xdt5ytf x193iq5w xeuugli x1r8uery x1iyjqo2 xs83m0k x1icxu4v x25sj25 x10b6aqq x1yrsyyn x6s0dn4">
Example 4 View on Page
Confirm this text 'More' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="x1n2onr6 x16dsc37 x192njpj x1x4j4od xyhpeqk x2lwn1j x6ikm8r x10wlt62 x3nfvp2" aria-hidden="true">
Example 5 View on Page
Confirm this text 'More' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="html-div xdj266r x14z9mp xat24cr x1lziwak xexx8yu x18d9i69 x6s0dn4 x9f619 x78zum5 x2lah0s x1hshjfz x1n2onr6 xng8ra xf7dkkf xv54qhq">
31 Moderate equalAccess text_sensory_misuse
29 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the user instruction is still understandable without the word(s) 'shape'
Mode: light
<p>
Example 2 View on Page
Confirm the user instruction is still understandable without the word(s) 'Large'
Mode: light
<p>
Example 3 View on Page
Confirm the user instruction is still understandable without the word(s) 'largest'
Mode: light
<p>
Example 4 View on Page
Confirm the word(s) 'right' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
Example 5 View on Page
Confirm the word(s) 'corner' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
25 Moderate equalAccess meta_refresh_delay
25 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">
22 Moderate equalAccess aria_hidden_nontabbable
1 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 tabindex="0" role="link" href="https://www.facebook.com/photo/?fbid=878064184318166&set=a.592919246165996" class="x1i10hfl xjbqb8w x1ejq31n x18oe1m7 x1sy0etr xstzfhl x972fbf x10w94by x1qhh985 x14e42zd x9f619 x1ypdohk x3ct3a4 xdj266r x14z9mp xat24cr x1lziwak xexx8yu xyri2b x18d9i69 x1c1uobl x16tdsg8 x1hl2dhg xggy1nq x1fmog5m xu25z0z x140muxe xo1y3bh x1n2onr6 x87ps6o x1lku1pv x1a2a7pz x1lliihq" aria-label="View profile cover photo">
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 tabindex="0" role="link" href="https://www.facebook.com/photo/?fbid=592919276165993&set=a.592919252832662&__tn__=%3C" class="x1i10hfl x1qjc9v5 xjbqb8w xjqpnuy xc5r6h4 xqeqjp1 x1phubyo x13fuv20 x18b5jzi x1q0q8m5 x1t7ytsu x972fbf x10w94by x1qhh985 x14e42zd x9f619 x1ypdohk xdl72j9 x2lah0s x3ct3a4 xdj266r x14z9mp xat24cr x1lziwak x2lwn1j xeuugli xexx8yu xyri2b x18d9i69 x1c1uobl x1n2onr6 x16tdsg8 x1hl2dhg xggy1nq x1ja2u2z x1t137rt x1fmog5m xu25z0z x140muxe xo1y3bh x1q0g3np x87ps6o x1lku1pv x1a2a7pz xzsf02u x1rg5ohu" aria-label="Old Oak and Park Royal Development Corporation" aria-expanded="false">
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 tabindex="0" role="link" href="https://www.facebook.com/OldOakParkRoyal/followers/" class="x1i10hfl xjbqb8w x1ejq31n x18oe1m7 x1sy0etr xstzfhl x972fbf x10w94by x1qhh985 x14e42zd x9f619 x1ypdohk xt0psk2 x3ct3a4 xdj266r x14z9mp xat24cr x1lziwak xexx8yu xyri2b x18d9i69 x1c1uobl x16tdsg8 x1hl2dhg xggy1nq x1a2a7pz xkrqix3 x1sur9pj xi81zsa x1s688f">
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 tabindex="0" role="link" href="https://www.facebook.com/OldOakParkRoyal/following/" class="x1i10hfl xjbqb8w x1ejq31n x18oe1m7 x1sy0etr xstzfhl x972fbf x10w94by x1qhh985 x14e42zd x9f619 x1ypdohk xt0psk2 x3ct3a4 xdj266r x14z9mp xat24cr x1lziwak xexx8yu xyri2b x18d9i69 x1c1uobl x16tdsg8 x1hl2dhg xggy1nq x1a2a7pz xkrqix3 x1sur9pj xi81zsa x1s688f">
Example 5 View on Page
Element "div" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light
<div tabindex="0" role="button" class="x1i10hfl xjbqb8w x1ejq31n x18oe1m7 x1sy0etr xstzfhl x972fbf x10w94by x1qhh985 x14e42zd x1ypdohk x3ct3a4 xdj266r x14z9mp xat24cr x1lziwak xexx8yu xyri2b x18d9i69 x1c1uobl x16tdsg8 x1hl2dhg xggy1nq x1fmog5m xu25z0z x140muxe xo1y3bh x87ps6o x1lku1pv x1a2a7pz x9f619 x3nfvp2 xdt5ytf xl56j7k x1n2onr6 xh8yej3" aria-label="Profile settings see more options" aria-haspopup="menu" aria-expanded="false">
12 Moderate equalAccess aria_landmark_name_unique
9 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

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 "mayor's press office" label
Mode: light
<section aria-labelledby="key-info-heading" class="u-space-y-6 u-p-6 sm:u-p-12 md:u-p-7 lg:u-p-8 xl:u-p-12 xl:u-p-11 xxl:u-p-10 u-bg-off-white has-light-bg">
Example 2 View on Page
Multiple elements with "region" landmarks within the same parent region are not distinguished from one another because they have the same "key information" label
Mode: light
<section aria-labelledby="key-info-heading" class="u-space-y-6 u-p-6 sm:u-p-12 md:u-p-7 lg:u-p-8 xl:u-p-12 xl:u-p-11 xxl:u-p-10 u-bg-off-white has-light-bg">
Example 3 View on Page
Multiple elements with "region" landmarks within the same parent region are not distinguished from one another because they have the same "key information" label
Mode: light
<section aria-labelledby="key-info-heading" class="u-space-y-6 u-p-6 sm:u-p-12 md:u-p-7 lg:u-p-8 xl:u-p-12 xl:u-p-11 xxl:u-p-10 u-bg-off-white has-light-bg">
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 "key information" label
Mode: light
<section aria-labelledby="key-info-heading" class="node--event u-space-y-6 u-p-6 sm:u-p-12 md:u-p-7 lg:u-p-8 xl:u-p-12 xl:u-p-11 xxl:u-p-10 u-bg-off-white has-light-bg">
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 "key information" label
Mode: light
<section aria-labelledby="key-info-heading" class="u-space-y-6 u-p-6 sm:u-p-12 md:u-p-7 lg:u-p-8 xl:u-p-12 xl:u-p-11 xxl:u-p-10 u-bg-off-white has-light-bg">
12 Moderate equalAccess aria_region_label_unique
9 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light
<section aria-labelledby="key-info-heading" class="u-space-y-6 u-p-6 sm:u-p-12 md:u-p-7 lg:u-p-8 xl:u-p-12 xl:u-p-11 xxl:u-p-10 u-bg-off-white has-light-bg">
Example 2 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light
<section aria-labelledby="key-info-heading" class="u-space-y-6 u-p-6 sm:u-p-12 md:u-p-7 lg:u-p-8 xl:u-p-12 xl:u-p-11 xxl:u-p-10 u-bg-off-white has-light-bg">
Example 3 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light
<section aria-labelledby="key-info-heading" class="u-space-y-6 u-p-6 sm:u-p-12 md:u-p-7 lg:u-p-8 xl:u-p-12 xl:u-p-11 xxl:u-p-10 u-bg-off-white has-light-bg">
Example 4 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light
<section aria-labelledby="key-info-heading" class="node--event u-space-y-6 u-p-6 sm:u-p-12 md:u-p-7 lg:u-p-8 xl:u-p-12 xl:u-p-11 xxl:u-p-10 u-bg-off-white has-light-bg">
Example 5 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light
<section aria-labelledby="key-info-heading" class="u-space-y-6 u-p-6 sm:u-p-12 md:u-p-7 lg:u-p-8 xl:u-p-12 xl:u-p-11 xxl:u-p-10 u-bg-off-white has-light-bg">
11 Moderate equalAccess label_name_visible
1 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 tabindex="0" aria-label="View property details for 'Available' property at Henley Cross, Kidbrooke, SE3 9FY" href="/properties/358111/">
Example 2 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a tabindex="-1" aria-label="View property details for 'Available' property at Stafford Road, CR0 4GB" href="/properties/414568/">
Example 3 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a aria-label="View property details for 'Available' property at Flat 408 Sonic House, 6 Monier Road, E3 2NP" href="/properties/628199/">
Example 4 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a aria-label="View property details for 'Under Offer' property at Wimbourne Street, N1 7UQ" href="/properties/569533/">
Example 5 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a aria-label="View property details for 'Under Offer' property at Wimbourne Street, N1 7UQ" href="/properties/569532/">
10 Moderate equalAccess widget_tabbable_exists
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Component with "link" role does not have a tabbable element
Mode: light
<a tabindex="-1" href="/properties/358111/">
Example 2 View on Page
Component with "link" role does not have a tabbable element
Mode: light
<a tabindex="-1" href="/properties/628199/">
Example 3 View on Page
Component with "link" role does not have a tabbable element
Mode: light
<a tabindex="-1" href="/properties/569533/">
Example 4 View on Page
Component with "link" role does not have a tabbable element
Mode: light
<a tabindex="-1" href="/properties/569532/">
Example 5 View on Page
Component with "link" role does not have a tabbable element
Mode: light
<a tabindex="-1" href="/properties/569531/">
10 Moderate equalAccess list_markup_review
5 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h2 class="h2" id="context-147013-title">
Example 2 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h2 class="h2" id="participatory-workshops-147015-title">
Example 3 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h2 class="h2" id="stronger-community-themes-147017-title">
Example 4 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h2 class="h2" id="what-are-strong-communities-147061-title">
Example 5 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h2 class="h2" id="the-london-civic-strength-index-147063-title">
10 Moderate equalAccess element_id_unique
10 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The <h2> element has the id "key-info-heading" that is already in use
Mode: light
<h2 class="h3" id="key-info-heading">
Example 2 View on Page
The <li> element has the id "apply" that is already in use
Mode: light
<li data-track-count="stepNavSection" id="apply" data-show="" aria-current="step" class="gem-c-step-nav__step js-step gem-c-step-nav__step--active step-is-shown">
Example 3 View on Page
The <h2> element has the id "key-info-heading" that is already in use
Mode: light
<h2 class="h3" id="key-info-heading">
Example 4 View on Page
The <h2> element has the id "key-info-heading" that is already in use
Mode: light
<h2 class="h3" id="key-info-heading">
Example 5 View on Page
The <h2> element has the id "key-info-heading" that is already in use
Mode: light
<h2 class="h3" id="key-info-heading">
8 Moderate equalAccess text_quoted_correctly
8 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: 'Create new record'
Mode: light
<li>
Example 2 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "How can I convince the organisa ... ork across internal boundaries?"
Mode: light
<p>
Example 3 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: 'Watch the carol service online'
Mode: light
<span x-show="!playing" class="u-sr-only">
Example 4 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: 'Carol service 2024'
Mode: light
<span x-show="!playing" class="u-sr-only">
Example 5 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: 'The Mayors Christmas Carol Service 2025'
Mode: light
<span x-show="!playing" class="u-sr-only">
7 Moderate equalAccess figure_label_exists
7 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="u-max-w-rich-text-px">
Example 2 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="u-max-w-rich-text-px">
Example 3 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="u-max-w-rich-text-px">
Example 4 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="u-max-w-rich-text-px">
Example 5 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="u-max-w-rich-text-px">
7 Moderate equalAccess input_label_visible
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The input element does not have an associated visible label
Mode: light
<input value="Submit" name="op" id="edit-submit" type="submit" data-drupal-selector="edit-submit" class="webform-button--submit button button--primary js-form-submit form-submit form-input u-border-2 btn btn--solid hover:u-bg-white hover:u-text-black hover:u-no-underline hover:u-border-primary">
Example 2 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-disabled="false" style="" aria-label="Next slide" name="Next slide" id="slider-arrow-156640719" class="slider-next-arrow slick-arrow">
Example 3 View on Page
The input element does not have an associated visible label
Mode: light
<input value="Submit" name="op" id="edit-submit--3" type="submit" data-drupal-selector="edit-submit" class="webform-button--submit button button--primary js-form-submit form-submit form-input u-border-2 btn btn--solid hover:u-bg-white hover:u-text-black hover:u-no-underline hover:u-border-primary">
Example 4 View on Page
The input element does not have an associated visible label
Mode: light
<button type="button" data-ga4-event="{"event_name":"select_content","type":"header menu bar","text":"Search","index_section":2,"index_section_count":2,"section":"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" aria-label="Show search menu" aria-expanded="false" aria-controls="super-search-menu" class="gem-c-layout-super-navigation-header__search-toggle-button" id="super-search-menu-toggle">
Example 5 View on Page
The input element does not have an associated visible label
Mode: light
<input value="Search Results" id="edit-submit-resource-listing--2" type="submit" data-drupal-selector="edit-submit-resource-listing-2" class="u-w-full button js-form-submit form-submit form-input u-border-2 btn btn--outline">
6 Moderate equalAccess aria_form_label_unique
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<form data-drupal-form-fields="edit-first-name,edit-email-address,edit-borough,edit-checkbox-mailchimp-mayor-of-london-masterlist,edit-checkbox-mailchimp-londonassembly-masterlist,edit-submit" data-once="webform-details-toggle form-updated" accept-charset="UTF-8" id="webform-submission-keep-up-to-date-paragraph-156262-add-form" method="post" action="/" novalidate="novalidate" data-drupal-selector="webform-submission-keep-up-to-date-paragraph-156262-add-form" class="webform-submission-form webform-submission-add-form webform-submission-keep-up-to-date-form webform-submission-keep-up-to-date-add-form webform-submission-keep-up-to-date-paragraph-156262-form webform-submission-keep-up-to-date-paragraph-156262-add-form js-webform-details-toggle webform-details-toggle u-space-y-6">
Example 2 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<form data-drupal-form-fields="" data-once="form-updated" id="gla-estate-translation-form">
Example 3 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<form data-drupal-form-fields="edit-first-name,edit-last-name,edit-organisation,edit-email-address,edit-checkbox-mailchimp-option-mailchimp-key,edit-submit--3" data-once="webform-details-toggle form-updated" accept-charset="UTF-8" id="webform-submission-webform-15606-paragraph-73274-add-form" method="post" action="/city-hall-blog/where-find-best-londons-culture-online" novalidate="novalidate" data-drupal-selector="webform-submission-webform-15606-paragraph-73274-add-form" class="webform-submission-form webform-submission-add-form webform-submission-webform-15606-form webform-submission-webform-15606-add-form webform-submission-webform-15606-paragraph-73274-form webform-submission-webform-15606-paragraph-73274-add-form js-webform-details-toggle webform-details-toggle u-space-y-6">
Example 4 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<form data-drupal-form-fields="" data-once="form-updated" id="gla-estate-translation-form">
Example 5 View on Page
Multiple elements with "form" role do not have unique labels
Mode: light
<form accept-charset="UTF-8" id="views-exposed-form-resource-listing-listing-block" method="get" action="/covid-19-resources-and-services-your-language" data-drupal-selector="views-exposed-form-resource-listing-listing-block" novalidate="novalidate" class="views-exposed-form bef-exposed-form u-space-y-4 container u-mb-7">
5 Moderate equalAccess frame_src_valid
5 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify <frame> content is accessible
Mode: light
<iframe src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Ld5PzEUAAAAAG34guiPpNoqPmNKMdrvJaeJO5Zl&co=aHR0cHM6Ly93d3cubG9uZG9uLmdvdi51azo0NDM.&hl=en&type=image&v=QvLuXwupqtKCyjBw2xIzFLIf&theme=light&size=normal&anchor-ms=20000&execute-ms=30000&cb=8g0cnoitb55f" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" scrolling="no" frameborder="0" name="a-zdc5d77ixgq" role="presentation" height="78" width="304" title="reCAPTCHA">
Example 2 View on Page
Verify <frame> content is accessible
Mode: light
<iframe src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Ld5PzEUAAAAAG34guiPpNoqPmNKMdrvJaeJO5Zl&co=aHR0cHM6Ly93d3cubG9uZG9uLmdvdi51azo0NDM.&hl=en&type=image&v=QvLuXwupqtKCyjBw2xIzFLIf&theme=light&size=normal&anchor-ms=20000&execute-ms=30000&cb=rht9og8rk8y2" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" scrolling="no" frameborder="0" name="a-zh3njfe14yzl" role="presentation" height="78" width="304" title="reCAPTCHA">
Example 3 View on Page
Verify <frame> content is accessible
Mode: light
<iframe src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Lea-hMdAAAAALUazO6aUqtEHXg_dWCVG8TFAXUL&co=aHR0cHM6Ly93d3cubG9uZG9uLmdvdi51azo0NDM.&hl=en&v=QvLuXwupqtKCyjBw2xIzFLIf&size=invisible&anchor-ms=20000&execute-ms=30000&cb=cncblym4gmw" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" scrolling="no" frameborder="0" name="a-855w4upzoj7e" role="presentation" height="60" width="256" title="reCAPTCHA">
Example 4 View on Page
Verify <frame> content is accessible
Mode: light
<iframe data-gtm-yt-inspected-8675592_402="true" allowfullscreen="" title="Civil engineer: Voirrey's story" src="https://www.youtube-nocookie.com/embed/Sxfi9G2ag_k?si=pB1dsftLRbDs2O0i&enablejsapi=1" height="315" class="home-page-video-frame" id="homepagevideo">
Example 5 View on Page
Verify <frame> content is accessible
Mode: light
<iframe style="overflow: auto;" data-once="gla-iframe-resizer" data-src="https://www.google.com/maps/embed?pb=%211m14%211m8%211m3%211d9933.287212098256%212d0.0162552%213d51.5073119%213m2%211i1024%212i768%214f13.1%213m3%211m2%211s0x0%3A0x35091b13ca2939b3%212sCity%20Hall%215e0%213m2%211sen%212suk%214v1666193797211%215m2%211sen%212suk" allowfullscreen="allowfullscreen" title="Where is City Hall" class="lazyload" id="iframe-field_p_if_iframe-156225" name="iframe-field_p_if_iframe-156225" height="450" width="100%">
5 Moderate equalAccess element_tabbable_visible
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

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 href="#main" class="sr-only focus:not-sr-only">
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 href="https://www.facebook.com/NationalCareersService/" class="gem-c-share-links__link brand__color" data-track-action="facebook" data-track-category="social media" id="link-social-facebook" rel="noopener noreferrer external">
Example 3 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a href="https://www.linkedin.com/company/national-careers/" class="gem-c-share-links__link brand__color" data-track-action="linkedin" id="link-social-linkedin" data-track-category="social media" rel="noopener noreferrer external">
Example 4 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a href="https://www.instagram.com/national_careers_service/" class="gem-c-share-links__link brand__color" data-track-action="instagram" id="link-social-instagram" data-track-category="social media" rel="noopener noreferrer external">
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="https://www.youtube.com/channel/UCX6LhqOoog4lf9RKFASeVrg/featured" class="gem-c-share-links__link brand__color" data-track-action="youtube" id="link-social-youtube" data-track-category="social media" rel="noopener noreferrer external">
2 Moderate equalAccess aria_id_unique
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The 'id' "edit-checkbox-mailchimp--wrapper--description" specified for the ARIA property 'aria-describedby' value is not valid
Mode: light
<fieldset aria-describedby="edit-checkbox-mailchimp--wrapper--description" class="checkboxes--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-checkboxes webform-type-checkboxes js-form-item form-item js-form-wrapper form-wrapper" id="edit-checkbox-mailchimp--wrapper" data-drupal-selector="edit-checkbox-mailchimp">
Example 2 View on Page
The 'id' "edit-checkbox-mailchimp--wrapper--description" specified for the ARIA property 'aria-describedby' value is not valid
Mode: light
<fieldset data-once="webform-checkboxes-required" aria-describedby="edit-checkbox-mailchimp--wrapper--description" class="checkboxes--wrapper fieldgroup form-composite webform-composite-visible-title required js-webform-type-checkboxes webform-type-checkboxes js-form-item form-item js-form-wrapper form-wrapper" id="edit-checkbox-mailchimp--wrapper" data-drupal-selector="edit-checkbox-mailchimp">
2 Moderate equalAccess heading_content_exists
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Heading element has no descriptive content
Mode: light
<h2 class="html-h2 xdj266r x14z9mp xat24cr x1lziwak xexx8yu xyri2b x18d9i69 x1c1uobl x1vvkbs x1heor9g x1qlqyl8 x1pd3egz x1a2a7pz x193iq5w xeuugli">
Example 2 View on Page
Heading element has no descriptive content
Mode: light
<h2 class="html-h2 x14z9mp xat24cr x1lziwak xexx8yu xyri2b x18d9i69 x1c1uobl x1vvkbs x1heor9g x1qlqyl8 x1pd3egz x1a2a7pz x1gslohp x1yc453h">
2 Moderate equalAccess aria_widget_labelled
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Interactive component with ARIA role 'tabpanel' does not have a programmatically associated name
Mode: light
<div aria-hidden="false" data-slick-index="0" aria-describedby="slick-slide-control00" role="tabpanel" tabindex="0" style="width: 540px;" id="slick-slide00" class="property-card bg-brand-white flex-col md:mb-6 mb-3 slick-slide slick-current slick-active">
Example 2 View on Page
Interactive component with ARIA role 'tabpanel' does not have a programmatically associated name
Mode: light
<div aria-hidden="true" data-slick-index="1" aria-describedby="slick-slide-control01" role="tabpanel" tabindex="-1" style="width: 540px;" id="slick-slide01" class="property-card bg-brand-white flex-col md:mb-6 mb-3 slick-slide">
2 Moderate equalAccess aria_complementary_labelled
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside role="complementary" class="u-mb-0 u-py-9 lg:u-col-span-4 lg:u-absolute lg:u-right-0 lg:u-w-jump-links u-z-10">
Example 2 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside role="complementary" class="part-navigation-container">
2 Moderate equalAccess skip_main_exists
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The page does not provide a way to quickly navigate to the main content (ARIA "main" landmark or a skip link)
Mode: light
<body>
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>
2 Moderate equalAccess html_skipnav_exists
2 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 lang="en-GB">
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>
1 Moderate equalAccess fieldset_legend_valid
1 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 aria-describedby="edit-checkbox-mailchimp--wrapper--description" class="checkboxes--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-checkboxes webform-type-checkboxes js-form-item form-item js-form-wrapper form-wrapper" id="edit-checkbox-mailchimp--wrapper" data-drupal-selector="edit-checkbox-mailchimp">
1 Moderate equalAccess style_viewport_resizable
1 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 data-c="1" data-p=":13,58,11,35,36,37,17,22" crossorigin="anonymous" data-bootloader-hash="MipcPPV" href="https://static.xx.fbcdn.net/rsrc.php/v5/yq/l/0,cross/OFEc_-aEP16-XuE-PY9d357JN9aURAOt-fgQe914iiBfONMKn3YhINqU49pVNahkCkvOJ4AbSr5wEvx2I9b7Pb8K.css" rel="stylesheet" type="text/css">
1 Moderate equalAccess table_caption_empty
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The <table> element has an empty <caption> element
Mode: light
<caption>
1 Moderate equalAccess aria_accessiblename_exists
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element <th> with "rowheader" role has no accessible name
Mode: light
<th>
1 Moderate equalAccess table_headers_exists
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Table has no headers identified
Mode: light
<table style="width: 500px;" cellspacing="1" cellpadding="1" border="1">
1 Moderate equalAccess aria_navigation_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 "navigation" role do not have unique labels
Mode: light
<nav>
1 Moderate equalAccess img_alt_valid
1 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 src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQwIiBoZWlnaHQ9IjUyMCI+DQogPHRpdGxlPlRmTCB3aGl0ZSByb3VuZGVsPC90aXRsZT4NCiA8ZyBmaWxsPSJub25lIj4NCiAgPGNpcmNsZSBzdHJva2U9IndoaXRlIiBjeD0iMzIwIiBjeT0iMjYwIiByPSIyMTUiIHN0cm9rZS13aWR0aD0iOTAiLz4NCiAgPHBhdGggc3Ryb2tlPSJ3aGl0ZSIgZD0iTSAwLDI2MCBIIDY0MCIgc3Ryb2tlLXdpZHRoPSIxMDAiLz4NCiA8L2c+DQo8L3N2Zz4NCg==" height="40">
1 Moderate equalAccess heading_markup_misuse
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h1 class="h3">
1 Moderate equalAccess aria_descendant_valid
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element with role "button" contains descendants with implicit roles "heading" which are ignored by browsers
Mode: light
<a aria-expanded="false" role="button" :aria-expanded="isExpanded ? 'true' : 'false'" @click.prevent="isExpanded = !isExpanded" class="u-flex u-px-5 u-py-3 u-text-black hocus:u-no-underline u-select-none" href="#">
1 Moderate equalAccess form_submit_button_exists
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify the <form> element has a submit button or an image button
Mode: light
<form enctype="application/x-www-form-urlencoded" method="GET" action="/triagetool">
1 Moderate equalAccess html_lang_exists
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light
<html>
1 Moderate equalAccess blockquote_cite_exists
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify that <blockquote> should have a 'cite' attribute and not be used for indentation only
Mode: light
<blockquote>
1 Moderate equalAccess aria_child_valid
1 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>