@elementor/editor-audits 4.3.3 → 4.3.5

package/src/hooks/use-single-expanded-card.ts

@@ -0,0 +1,11 @@
+import { useState } from 'react';
+
+export function useSingleExpandedCard( initialId: string | null = null ) {
+	const [ expandedId, setExpandedId ] = useState< string | null >( initialId );
+
+	const toggle = ( id: string ) => {
+		setExpandedId( ( current ) => ( current === id ? null : id ) );
+	};
+
+	return { expandedId, toggle };
+}

package/src/init.ts

@@ -5,10 +5,12 @@ import { registerAppBarAuditsToggle } from './editor-app-bar';
 import { auditPanel } from './editor-panel';
 import { registerAllAudits } from './register-audits';
 import { slice } from './store/slice';
+import { syncReportStaleness } from './sync-report-staleness';
 
 export function init(): void {
 	registerSlice( slice );
 	registerAllAudits();
 	registerFloatingPanel( auditPanel.panel );
 	registerAppBarAuditsToggle();
+	syncReportStaleness();
 }

package/src/register-audits.ts

@@ -1,4 +1,6 @@
 import * as accessibilityPolicy from './audits/accessibility-policy';
+import * as accessibilityStatement from './audits/accessibility-statement';
+import * as accessibilityWidget from './audits/accessibility-widget';
 import * as cookiePolicy from './audits/cookie-policy';
 import * as deepNesting from './audits/deep-nesting';
 import * as defaultDesignSystem from './audits/default-design-system';
@@ -7,6 +9,7 @@ import * as googleConsentMode from './audits/google-consent-mode';
 import * as headingStructure from './audits/heading-structure';
 import * as hiddenElements from './audits/hidden-elements';
 import * as imagesAltText from './audits/images-alt-text';
+import * as imagesInefficientFormat from './audits/images-inefficient-format';
 import * as imagesTooLarge from './audits/images-too-large';
 import * as nestedBoxedContainers from './audits/nested-boxed-containers';
 import * as pageExcerpt from './audits/page-excerpt';
@@ -19,7 +22,6 @@ import * as robotsNoindex from './audits/robots-noindex';
 import * as scanForCookies from './audits/scan-for-cookies';
 import * as sectionsAndColumns from './audits/sections-and-columns';
 import * as siteIdentity from './audits/site-identity';
-import * as tooManyWidgets from './audits/too-many-widgets';
 import { registerAudit } from './registry';
 import { type Audit } from './types';
 
@@ -30,7 +32,6 @@ const AUDITS: Audit[] = [
 
 	hiddenElements.audit,
 	deprecatedWidgets.audit,
-	tooManyWidgets.audit,
 	sectionsAndColumns.audit,
 	deepNesting.audit,
 	nestedBoxedContainers.audit,
@@ -43,11 +44,14 @@ const AUDITS: Audit[] = [
 	headingStructure.audit,
 	imagesAltText.audit,
 	imagesTooLarge.audit,
+	imagesInefficientFormat.audit,
 
 	robotsNoindex.audit,
 
 	privacyPolicy.audit,
 	accessibilityPolicy.audit,
+	accessibilityStatement.audit,
+	accessibilityWidget.audit,
 	cookiePolicy.audit,
 	scanForCookies.audit,
 	googleConsentMode.audit,

package/src/runner.ts

@@ -1,4 +1,4 @@
-import { getElements } from '@elementor/editor-elements';
+import { getHostDocumentElements, getHostDocumentId } from '@elementor/editor-elements';
 
 import { fetchPageContext } from './api/page-context-client';
 import { getRegisteredAudits } from './registry';
@@ -12,19 +12,27 @@ import {
 	type PageAuditReport,
 } from './types';
 import { computeReport } from './utils/compute-report';
-import { extractAttachmentIds } from './utils/page-attachments';
+import { fetchRenderedHtml } from './utils/fetch-rendered-html';
+import { extractImageSizeRequests } from './utils/page-attachments';
 import { readKitSnapshot } from './utils/read-kit-snapshot';
 import { buildSnapshotTree } from './utils/v1-snapshot';
 
 export async function runPageAudit( documentId: number ): Promise< PageAuditReport > {
-	const tree = buildSnapshotTree( getElements() );
-	const attachmentIds = extractAttachmentIds( tree );
-	const pageContext = await fetchPageContext( documentId, attachmentIds );
+	if ( documentId !== getHostDocumentId() ) {
+		throw new Error( 'runPageAudit: documentId must match the host document.' );
+	}
+
+	const tree = buildSnapshotTree( getHostDocumentElements() );
+	const imageSizeRequests = extractImageSizeRequests( tree );
+	const pageContext = await fetchPageContext( documentId, imageSizeRequests );
 
 	const elements: ElementsModelSnapshot = { documentId, tree };
-	const kit: KitSnapshot = await readKitSnapshot( pageContext.kit_id );
+	const [ kit, renderedHtml ]: [ KitSnapshot, string | null ] = await Promise.all( [
+		readKitSnapshot( pageContext.kit_id ),
+		fetchRenderedHtml( pageContext.frontend_url ),
+	] );
 
-	const ctx: AuditContext = { documentId, elements, pageContext, kit };
+	const ctx: AuditContext = { documentId, elements, pageContext, kit, renderedHtml };
 	const registered = getRegisteredAudits();
 
 	const auditResults: AuditRun[] = await Promise.all(

package/src/store/selectors.ts

@@ -13,3 +13,7 @@ export function selectReport( state: GlobalState ) {
 export function selectError( state: GlobalState ) {
 	return state.audits.error;
 }
+
+export function selectIsStale( state: GlobalState ) {
+	return state.audits.isStale;
+}

package/src/store/slice.ts

@@ -6,9 +6,10 @@ type SliceState = {
 	status: 'idle' | 'loading' | 'error' | 'ready';
 	report: PageAuditReport | null;
 	error: string | null;
+	isStale: boolean;
 };
 
-const initialState: SliceState = { status: 'idle', report: null, error: null };
+const initialState: SliceState = { status: 'idle', report: null, error: null, isStale: false };
 
 export const slice = __createSlice( {
 	name: 'audits',
@@ -21,6 +22,7 @@ export const slice = __createSlice( {
 		runSucceeded( state, action: PayloadAction< PageAuditReport > ) {
 			state.status = 'ready';
 			state.report = action.payload;
+			state.isStale = false;
 		},
 		runFailed( state, action: PayloadAction< string > ) {
 			state.status = 'error';
@@ -33,11 +35,18 @@ export const slice = __createSlice( {
 			state.status = 'ready';
 			state.report = action.payload;
 			state.error = null;
+			state.isStale = false;
 		},
 		reportCleared( state ) {
 			state.status = 'idle';
 			state.report = null;
 			state.error = null;
+			state.isStale = false;
+		},
+		reportStale( state ) {
+			if ( state.report ) {
+				state.isStale = true;
+			}
 		},
 	},
 } );

package/src/sync-report-staleness.ts

@@ -0,0 +1,14 @@
+import { __privateListenTo as listenTo, commandEndEvent, type CommandEvent } from '@elementor/editor-v1-adapters';
+import { __dispatch as dispatch } from '@elementor/store';
+
+import { slice } from './store/slice';
+
+export function syncReportStaleness() {
+	listenTo( commandEndEvent( 'document/save/set-is-modified' ), ( e ) => {
+		const event = e as CommandEvent< { status: boolean } >;
+
+		if ( event.args?.status ) {
+			dispatch( slice.actions.reportStale() );
+		}
+	} );
+}

package/src/types.ts

@@ -23,6 +23,7 @@ export type AuditRun = {
 export type AuditFailMetadata = {
 	missingAltImageCount?: number;
 	oversizedImageCount?: number;
+	inefficientImageFormatCount?: number;
 };
 
 export type AuditResult =
@@ -40,14 +41,17 @@ export type AuditViolation = {
 	angieFix?: boolean;
 	angiePrompt?: string;
 	ctaLabel?: string;
+	secondaryCtaLabel?: string;
+	secondaryCtaUrl?: string;
 };
 
 export type PageContextResponse = {
 	post_title: string | null;
 	post_excerpt: string | null;
 	featured_image_id: number | null;
+	/** Keyed by the composite `buildImageSizeKey` result (`"{attachmentId}:{size}"`), since one attachment can resolve to different files at different sizes. */
 	image_sizes: Record<
-		number,
+		string,
 		{
 			width: number;
 			height: number;
@@ -65,6 +69,10 @@ export type PageContextResponse = {
 	privacy_settings_url: string;
 	ally_plugin_active: boolean;
 	ally_plugin_url: string;
+	ally_accessibility_statement_created: boolean;
+	ally_accessibility_statement_url: string;
+	ally_widget_settings_url: string;
+	ally_scan_url: string;
 	cookiez_plugin_active: boolean;
 	cookiez_plugin_url: string;
 	cookiez_plugin_installed: boolean;
@@ -73,6 +81,7 @@ export type PageContextResponse = {
 	cookiez_consent_mode_settings_url: string;
 	image_optimization_plugin_active: boolean;
 	image_optimization_plugin_url: string;
+	image_optimization_settings_url: string;
 	frontend_url: string | null;
 	site_identity: {
 		site_name_set: boolean;
@@ -108,6 +117,7 @@ export type AuditContext = {
 	elements: ElementsModelSnapshot;
 	pageContext: PageContextResponse;
 	kit: KitSnapshot;
+	renderedHtml: string | null;
 };
 
 export type PageAuditReport = {

package/src/utils/all-image-sources.ts

@@ -0,0 +1,17 @@
+import { type ElementSnapshotNode } from '../types';
+import { walkAtomicBackgroundImageSources } from './atomic-background-image-sources';
+import { walkAtomicImageSources } from './atomic-image-sources';
+import { walkBackgroundImageSources } from './background-image-sources';
+import { type ImageLikeMedia, walkImageLikeSources } from './image-like-sources';
+
+export type ImageSourceVisit = {
+	node: ElementSnapshotNode;
+	media: ImageLikeMedia;
+};
+
+export function walkAllImageSources( tree: ElementSnapshotNode[], visit: ( source: ImageSourceVisit ) => void ): void {
+	walkImageLikeSources( tree, visit );
+	walkBackgroundImageSources( tree, visit );
+	walkAtomicImageSources( tree, visit );
+	walkAtomicBackgroundImageSources( tree, visit );
+}

package/src/utils/alt-text-image-sources.ts

@@ -0,0 +1,24 @@
+import { type ElementSnapshotNode } from '../types';
+import { type ImageSourceVisit } from './all-image-sources';
+import { ATOMIC_CONTENT_IMAGE_PROP_KEYS, walkAtomicImageSources } from './atomic-image-sources';
+import { walkImageLikeSources } from './image-like-sources';
+
+export function walkAltTextImageSources(
+	tree: ElementSnapshotNode[],
+	visit: ( source: ImageSourceVisit ) => void
+): void {
+	walkImageLikeSources( tree, visit );
+	walkAtomicImageSources( tree, visit, ATOMIC_CONTENT_IMAGE_PROP_KEYS );
+}
+
+export function hasAltTextImages( tree: ElementSnapshotNode[] ): boolean {
+	let found = false;
+
+	walkAltTextImageSources( tree, ( { media } ) => {
+		if ( media.id || media.url ) {
+			found = true;
+		}
+	} );
+
+	return found;
+}

package/src/utils/atomic-background-image-sources.ts

@@ -0,0 +1,56 @@
+import { getElementStyles } from '@elementor/editor-elements';
+import {
+	backgroundImageOverlayPropTypeUtil,
+	backgroundOverlayPropTypeUtil,
+	backgroundPropTypeUtil,
+} from '@elementor/editor-props';
+import { type StyleDefinition } from '@elementor/editor-styles';
+
+import { type ElementSnapshotNode } from '../types';
+import { extractAtomicImageMedia } from './atomic-image-sources';
+import { type ImageLikeMedia } from './image-like-sources';
+import { walkElements } from './walk';
+
+export type AtomicBackgroundImageSourceVisit = {
+	node: ElementSnapshotNode;
+	media: ImageLikeMedia;
+};
+
+export function walkAtomicBackgroundImageSources(
+	tree: ElementSnapshotNode[],
+	visit: ( source: AtomicBackgroundImageSourceVisit ) => void
+): void {
+	walkElements( tree, ( node ) => {
+		const styles = getElementStyles( node.id );
+
+		if ( ! styles ) {
+			return;
+		}
+
+		for ( const media of extractBackgroundImageMedia( styles ) ) {
+			visit( { node, media } );
+		}
+	} );
+}
+
+function extractBackgroundImageMedia( styles: Record< string, StyleDefinition > ): ImageLikeMedia[] {
+	const sources: ImageLikeMedia[] = [];
+
+	for ( const style of Object.values( styles ) ) {
+		for ( const variant of style.variants ) {
+			const background = backgroundPropTypeUtil.extract( variant.props.background );
+			const overlays = backgroundOverlayPropTypeUtil.extract( background?.[ 'background-overlay' ] ) ?? [];
+
+			for ( const overlay of overlays ) {
+				const imageOverlay = backgroundImageOverlayPropTypeUtil.extract( overlay );
+				const media = extractAtomicImageMedia( imageOverlay?.image );
+
+				if ( media ) {
+					sources.push( media );
+				}
+			}
+		}
+	}
+
+	return sources;
+}

package/src/utils/atomic-image-sources.ts

@@ -0,0 +1,66 @@
+import {
+	imageAttachmentIdPropType,
+	imagePropTypeUtil,
+	imageSrcPropTypeUtil,
+	stringPropTypeUtil,
+	urlPropTypeUtil,
+} from '@elementor/editor-props';
+
+import { type ElementSnapshotNode } from '../types';
+import { type ImageLikeMedia } from './image-like-sources';
+import { walkElements } from './walk';
+
+export const ATOMIC_CONTENT_IMAGE_PROP_KEYS = [ 'image' ] as const;
+
+const ATOMIC_IMAGE_PROP_KEYS = [ ...ATOMIC_CONTENT_IMAGE_PROP_KEYS, 'poster' ] as const;
+
+export type AtomicImageSourceVisit = {
+	node: ElementSnapshotNode;
+	media: ImageLikeMedia;
+};
+
+export function walkAtomicImageSources(
+	tree: ElementSnapshotNode[],
+	visit: ( source: AtomicImageSourceVisit ) => void,
+	propKeys: readonly string[] = ATOMIC_IMAGE_PROP_KEYS
+): void {
+	walkElements( tree, ( node ) => {
+		if ( node.elType !== 'widget' ) {
+			return;
+		}
+
+		for ( const key of propKeys ) {
+			const media = extractAtomicImageMedia( node.settings[ key ] );
+
+			if ( media ) {
+				visit( { node, media } );
+			}
+		}
+	} );
+}
+
+export function extractAtomicImageMedia( imageProp: unknown ): ImageLikeMedia | null {
+	const image = imagePropTypeUtil.extract( imageProp );
+
+	if ( ! image ) {
+		return null;
+	}
+
+	const src = imageSrcPropTypeUtil.extract( image.src );
+
+	if ( ! src ) {
+		return null;
+	}
+
+	const id = imageAttachmentIdPropType.extract( src.id ) ?? undefined;
+	const url = urlPropTypeUtil.extract( src.url ) ?? undefined;
+
+	if ( ! id && ! url ) {
+		return null;
+	}
+
+	const alt = stringPropTypeUtil.extract( src.alt ) ?? undefined;
+	const size = stringPropTypeUtil.extract( image.size ) ?? undefined;
+
+	return { id, url, alt, size };
+}

package/src/utils/audit-status-summary.ts

@@ -1,12 +1,7 @@
-import { type ChipProps } from '@elementor/ui';
-import { __ } from '@wordpress/i18n';
-
 import { type AuditCategory, type AuditResult, type AuditRun, type PageAuditReport } from '../types';
 import { isScoredAudit } from './is-scored-audit';
 import { sortFailedAuditResults } from './sort-failed-audits';
 
-export type AuditStatusGroup = 'fail' | 'pass' | 'skipped';
-
 export type PartitionedAuditResults = {
 	failed: Array< AuditRun & { result: Extract< AuditResult, { status: 'fail' } > } >;
 	passed: Array< AuditRun & { result: Extract< AuditResult, { status: 'pass' } > } >;
@@ -61,58 +56,6 @@ export function partitionAuditResults(
 	};
 }
 
-export function auditStatusDisplayCounts( report: PageAuditReport ): Record< AuditStatusGroup, number > {
-	let pass = 0;
-	let skipped = 0;
-	let totalViolations = 0;
-
-	for ( const { audit, result } of report.auditResults ) {
-		if ( ! isScoredAudit( audit ) ) {
-			continue;
-		}
-
-		switch ( result.status ) {
-			case 'fail':
-				totalViolations += result.violations.length;
-				break;
-			case 'pass':
-				pass++;
-				break;
-			case 'skipped':
-				skipped++;
-				break;
-		}
-	}
-
-	return {
-		fail: totalViolations,
-		pass,
-		skipped,
-	};
-}
-
-export function auditStatusColor( status: AuditStatusGroup ): ChipProps[ 'color' ] {
-	switch ( status ) {
-		case 'fail':
-			return 'error';
-		case 'pass':
-			return 'success';
-		case 'skipped':
-			return 'default';
-	}
-}
-
-export function auditStatusLabel( status: AuditStatusGroup ): string {
-	switch ( status ) {
-		case 'fail':
-			return __( 'Failed audits', 'elementor' );
-		case 'pass':
-			return __( 'Passed audits', 'elementor' );
-		case 'skipped':
-			return __( 'Skipped audits', 'elementor' );
-	}
-}
-
 export function getPopulatedCategories(
 	categoryTotals: PageAuditReport[ 'categories' ],
 	categories: readonly AuditCategory[]

package/src/utils/background-image-sources.ts

@@ -0,0 +1,32 @@
+import { type ElementSnapshotNode } from '../types';
+import { type ImageLikeMedia } from './image-like-sources';
+import { walkElements } from './walk';
+
+const BACKGROUND_IMAGE_SETTING_KEYS = [
+	'background_image',
+	'background_hover_image',
+	'background_overlay_image',
+	'background_overlay_hover_image',
+	'_background_image',
+	'_background_hover_image',
+] as const;
+
+export type BackgroundImageSourceVisit = {
+	node: ElementSnapshotNode;
+	media: ImageLikeMedia;
+};
+
+export function walkBackgroundImageSources(
+	tree: ElementSnapshotNode[],
+	visit: ( source: BackgroundImageSourceVisit ) => void
+): void {
+	walkElements( tree, ( node ) => {
+		for ( const key of BACKGROUND_IMAGE_SETTING_KEYS ) {
+			const media = node.settings[ key ] as ImageLikeMedia | undefined;
+
+			if ( media?.id || media?.url ) {
+				visit( { node, media } );
+			}
+		}
+	} );
+}

package/src/utils/image-alt.ts

@@ -1,5 +1,6 @@
 import { type PageContextResponse } from '../types';
 import { type ImageLikeMedia } from './image-like-sources';
+import { buildImageSizeKey } from './image-size-key';
 
 export function hasMeaningfulAlt( media: ImageLikeMedia, pageContext: PageContextResponse ): boolean {
 	if ( ! media.id && ! media.url ) {
@@ -7,7 +8,8 @@ export function hasMeaningfulAlt( media: ImageLikeMedia, pageContext: PageContex
 	}
 
 	if ( media.id ) {
-		const alt = pageContext.image_sizes[ media.id ]?.alt ?? '';
+		const key = buildImageSizeKey( { id: media.id, size: media.size } );
+		const alt = pageContext.image_sizes[ key ]?.alt ?? '';
 		return alt.trim().length > 0;
 	}
 

package/src/utils/image-like-sources.ts

@@ -7,6 +7,7 @@ export type ImageLikeMedia = {
 	id?: number;
 	url?: string;
 	alt?: string;
+	size?: string;
 };
 
 export type ImageLikeSourceVisit = {
@@ -14,18 +15,6 @@ export type ImageLikeSourceVisit = {
 	media: ImageLikeMedia;
 };
 
-export function hasPageImages( tree: ElementSnapshotNode[] ): boolean {
-	let found = false;
-
-	walkImageLikeSources( tree, ( { media } ) => {
-		if ( media.id || media.url ) {
-			found = true;
-		}
-	} );
-
-	return found;
-}
-
 export function walkImageLikeSources(
 	tree: ElementSnapshotNode[],
 	visit: ( source: ImageLikeSourceVisit ) => void
@@ -51,7 +40,7 @@ function collectMediaFromNode( node: ElementSnapshotNode ): ImageLikeMedia[] {
 	const image = node.settings.image as ImageLikeMedia | undefined;
 
 	if ( image?.id || image?.url ) {
-		sources.push( image );
+		sources.push( { ...image, size: node.settings.image_size as string | undefined } );
 	}
 
 	const gallery = ( node.settings.carousel ?? node.settings.gallery ?? node.settings.wp_gallery ) as
@@ -59,9 +48,11 @@ function collectMediaFromNode( node: ElementSnapshotNode ): ImageLikeMedia[] {
 		| undefined;
 
 	if ( Array.isArray( gallery ) ) {
+		const gallerySize = node.settings.thumbnail_size as string | undefined;
+
 		for ( const item of gallery ) {
 			if ( item?.id || item?.url ) {
-				sources.push( item );
+				sources.push( { ...item, size: gallerySize } );
 			}
 		}
 	}

package/src/utils/image-size-key.ts

@@ -0,0 +1,8 @@
+export type ImageSizeRequest = {
+	id: number;
+	size?: string;
+};
+
+export function buildImageSizeKey( { id, size }: ImageSizeRequest ): string {
+	return `${ id }:${ size || 'full' }`;
+}

package/src/utils/page-attachments.ts

@@ -1,14 +1,15 @@
 import { type ElementSnapshotNode } from '../types';
-import { walkImageLikeSources } from './image-like-sources';
+import { walkAllImageSources } from './all-image-sources';
+import { buildImageSizeKey } from './image-size-key';
 
-export function extractAttachmentIds( tree: ElementSnapshotNode[] ): number[] {
-	const ids = new Set< number >();
+export function extractImageSizeRequests( tree: ElementSnapshotNode[] ): string[] {
+	const keys = new Set< string >();
 
-	walkImageLikeSources( tree, ( { media } ) => {
+	walkAllImageSources( tree, ( { media } ) => {
 		if ( media.id ) {
-			ids.add( media.id );
+			keys.add( buildImageSizeKey( { id: media.id, size: media.size } ) );
 		}
 	} );
 
-	return Array.from( ids ).sort( ( a, b ) => a - b );
+	return Array.from( keys ).sort();
 }

package/src/utils/scan-accessibility-widgets.ts

@@ -0,0 +1,7 @@
+// Script sources of known accessibility widgets. Ally is listed first; append third-party
+// widget script sources here (UserWay, AccessiBe, EqualWeb, etc.) once confirmed.
+const ACCESSIBILITY_WIDGET_SCRIPT_SOURCES = [ 'cdn.elementor.com/a11y/widget.js' ];
+
+export function hasAccessibilityWidgetScript( html: string ): boolean {
+	return ACCESSIBILITY_WIDGET_SCRIPT_SOURCES.some( ( src ) => html.includes( src ) );
+}

package/src/audits/too-many-widgets.ts

@@ -1,53 +0,0 @@
-import { getWidgetsCache } from '@elementor/editor-elements';
-import { __ } from '@wordpress/i18n';
-
-import { type Audit, type ElementSnapshotNode } from '../types';
-import { walkElements } from '../utils/walk';
-
-const WIDGET_COUNT_THRESHOLD = 100;
-
-function isCountableWidget( node: ElementSnapshotNode, widgetsCache: ReturnType< typeof getWidgetsCache > ): boolean {
-	if ( node.elType === 'widget' ) {
-		return true;
-	}
-
-	return !! widgetsCache?.[ node.elType ]?.meta?.is_compound;
-}
-
-export const audit: Audit = {
-	id: 'audits/too-many-widgets',
-	title: __( 'Too many widgets', 'elementor' ),
-	description: __( 'Excessive DOM size caused by too many widgets degrades rendering performance.', 'elementor' ),
-	fixHint: __( 'Reduce the number of widgets on the page by removing or combining elements.', 'elementor' ),
-	categories: [ 'best-practices', 'performance' ],
-	severity: 'warning',
-	weight: 5,
-	evaluate: ( ctx ) => {
-		if ( ctx.elements.tree.length === 0 ) {
-			return { status: 'skipped', reason: __( 'No elements', 'elementor' ) };
-		}
-
-		const widgetsCache = getWidgetsCache();
-		let widgetCount = 0;
-
-		walkElements( ctx.elements.tree, ( node ) => {
-			if ( isCountableWidget( node, widgetsCache ) ) {
-				widgetCount++;
-			}
-		} );
-
-		if ( widgetCount <= WIDGET_COUNT_THRESHOLD ) {
-			return { status: 'pass' };
-		}
-
-		return {
-			status: 'fail',
-			violations: [
-				{
-					auditId: audit.id,
-					label: __( 'Page has too many widgets.', 'elementor' ),
-				},
-			],
-		};
-	},
-};