From 00e82a444e579824dc0a6bffd3d54adf293d2e97 Mon Sep 17 00:00:00 2001
From: Andreas Lykke Borg <72602768+andreaslborg@users.noreply.github.com>
Date: Wed, 20 May 2026 23:18:48 +0200
Subject: [PATCH 1/2] Added missing labels to webhoot details and headers

---
 .../webhook/components/input-webhook-headers.element.ts       | 4 +++-
 .../workspace/views/webhook-details-workspace-view.element.ts | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/webhook/components/input-webhook-headers.element.ts b/src/Umbraco.Web.UI.Client/src/packages/webhook/components/input-webhook-headers.element.ts
index 68bc82249416..1076432fe395 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/webhook/components/input-webhook-headers.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/webhook/components/input-webhook-headers.element.ts
@@ -119,7 +119,9 @@ export class UmbInputWebhookHeadersElement extends UmbLitElement {
 	override render() {
 		return html`
 			${this.#renderGrid()}
-			<uui-button id="add" look="placeholder" @click=${this.#addHeader}>Add</uui-button>
+			<uui-button id="add" look="placeholder" label=${this.localize.term('general_add')} @click=${this.#addHeader}>
+				<umb-localize key="general_add">Add</umb-localize>
+			</uui-button>
 		`;
 	}
 
diff --git a/src/Umbraco.Web.UI.Client/src/packages/webhook/webhook/workspace/views/webhook-details-workspace-view.element.ts b/src/Umbraco.Web.UI.Client/src/packages/webhook/webhook/workspace/views/webhook-details-workspace-view.element.ts
index 43579f5c1a9b..39c8b1c7a92e 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/webhook/webhook/workspace/views/webhook-details-workspace-view.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/webhook/webhook/workspace/views/webhook-details-workspace-view.element.ts
@@ -107,7 +107,7 @@ export class UmbWebhookDetailsWorkspaceViewElement extends UmbLitElement impleme
 					mandatory
 					label=${this.localize.term('webhooks_url')}
 					description=${this.localize.term('webhooks_urlDescription')}>
-					<uui-input @input=${this.#onUrlChange} .value=${this._webhook.url} slot="editor" required="true"></uui-input>
+					<uui-input @input=${this.#onUrlChange} label=${this.localize.term('webhooks_url')} .value=${this._webhook.url} slot="editor" required="true"></uui-input>
 				</umb-property-layout>
 				<umb-property-layout
 					mandatory
@@ -122,7 +122,7 @@ export class UmbWebhookDetailsWorkspaceViewElement extends UmbLitElement impleme
 				<umb-property-layout
 					label=${this.localize.term('webhooks_enabled')}
 					description=${this.localize.term('webhooks_enabledDescription')}>
-					<uui-toggle slot="editor" .checked=${this._webhook.enabled} @change=${this.#onEnabledChange}></uui-toggle>
+					<uui-toggle slot="editor" label=${this.localize.term('webhooks_enabled')} .checked=${this._webhook.enabled} @change=${this.#onEnabledChange}></uui-toggle>
 				</umb-property-layout>
 				<umb-property-layout
 					label=${this.localize.term('webhooks_headers')}

From ee69805037995a73cc13a7bfbf8e7d5cc86286fc Mon Sep 17 00:00:00 2001
From: Andreas Lykke Borg <72602768+andreaslborg@users.noreply.github.com>
Date: Fri, 22 May 2026 17:40:04 +0200
Subject: [PATCH 2/2] Changed toggle label to aria-label to remove visible text

---
 .../workspace/views/webhook-details-workspace-view.element.ts   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/webhook/webhook/workspace/views/webhook-details-workspace-view.element.ts b/src/Umbraco.Web.UI.Client/src/packages/webhook/webhook/workspace/views/webhook-details-workspace-view.element.ts
index 39c8b1c7a92e..7efd7abbbd03 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/webhook/webhook/workspace/views/webhook-details-workspace-view.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/webhook/webhook/workspace/views/webhook-details-workspace-view.element.ts
@@ -122,7 +122,7 @@ export class UmbWebhookDetailsWorkspaceViewElement extends UmbLitElement impleme
 				<umb-property-layout
 					label=${this.localize.term('webhooks_enabled')}
 					description=${this.localize.term('webhooks_enabledDescription')}>
-					<uui-toggle slot="editor" label=${this.localize.term('webhooks_enabled')} .checked=${this._webhook.enabled} @change=${this.#onEnabledChange}></uui-toggle>
+					<uui-toggle slot="editor" aria-label=${this.localize.term('webhooks_enabled')} .checked=${this._webhook.enabled} @change=${this.#onEnabledChange}></uui-toggle>
 				</umb-property-layout>
 				<umb-property-layout
 					label=${this.localize.term('webhooks_headers')}