Forms: strip HTML from styled labels in error summary (#46319)

* Strip HTML from error labels
* Remove extra space between label and `:`

Committed via a GitHub action: https://github.com/Automattic/jetpack/actions/runs/20270614315

Upstream-Ref: Automattic/jetpack@617746f

Author: simison

CHANGELOG.md

@@ -37,6 +37,7 @@ This is an alpha version! The changes listed here are not final.
 - Forms: Fix dashboard height
 - Forms: Fix slider field text labels showing borders in editor when using certain themes like Assembler
 - Forms: fix validation accessibility.
+- Forms: strip HTML from styled labels in error summary
 - Make form buttons take full width on mobile devices
 
 ## [6.22.0] - 2025-12-08

dist/modules/form/view.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('@wordpress/interactivity', 'wp-polyfill'), 'version' => 'b9cbd8502afc51c79dcd', 'type' => 'module');
+<?php return array('dependencies' => array('@wordpress/interactivity', 'wp-polyfill'), 'version' => 'e5cee83aeee3e05978bd', 'type' => 'module');

dist/modules/form/view.js

@@ -170,6 +170,11 @@ const toggleImageOptionInput = ( input, optionElement ) => {
 	}
 };
 
+const stripHtml = html => {
+	const doc = new DOMParser().parseFromString( html, 'text/html' );
+	return doc.body.textContent || '';
+};
+
 const { state, actions } = store( NAMESPACE, {
 	state: {
 		validators: {},
@@ -301,7 +306,7 @@ const { state, actions } = store( NAMESPACE, {
 					if ( field.error && field.error !== 'yes' ) {
 						errors.push( {
 							anchor: '#' + field.id,
-							label: field.label + ' : ' + getError( field ),
+							label: stripHtml( field.label ) + ': ' + getError( field ),
 							id: field.id,
 						} );
 					}