From 1f747d3b7f83b9a6ed13fee9cf2214e9fc0e1e63 Mon Sep 17 00:00:00 2001
From: Mathias Helsengren <mhe@umbraco.dk>
Date: Thu, 2 Oct 2025 16:49:22 +0200
Subject: [PATCH] Login form: Improved accessibility by removing duplicate
 label and aria-label (#20232)

Removed Aria label from the username and password input, since we already have <label> tag
---
 src/Umbraco.Web.UI.Login/src/auth.element.ts | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/src/Umbraco.Web.UI.Login/src/auth.element.ts b/src/Umbraco.Web.UI.Login/src/auth.element.ts
index b8942fbcf4..d2fb5e1bc0 100644
--- a/src/Umbraco.Web.UI.Login/src/auth.element.ts
+++ b/src/Umbraco.Web.UI.Login/src/auth.element.ts
@@ -17,7 +17,6 @@ const createInput = (opts: {
 	type: InputType;
 	name: string;
 	autocomplete: AutoFill;
-	label: string;
 	inputmode: string;
 	autofocus?: boolean;
 }) => {
@@ -28,9 +27,7 @@ const createInput = (opts: {
 	input.id = opts.id;
 	input.required = true;
 	input.inputMode = opts.inputmode;
-	input.ariaLabel = opts.label;
 	input.autofocus = opts.autofocus || false;
-
 	return input;
 };
 
@@ -161,15 +158,11 @@ export default class UmbAuthElement extends UmbLitElement {
 	 * @private
 	 */
 	#initializeForm() {
-		const labelUsername = this.usernameIsEmail ? this.localize.term('auth_email') : this.localize.term('auth_username');
-		const labelPassword = this.localize.term('auth_password');
-
 		this._usernameInput = createInput({
 			id: 'username-input',
 			type: 'text',
 			name: 'username',
 			autocomplete: 'username',
-			label: labelUsername,
 			inputmode: this.usernameIsEmail ? 'email' : '',
 			autofocus: true,
 		});
@@ -178,7 +171,6 @@ export default class UmbAuthElement extends UmbLitElement {
 			type: 'password',
 			name: 'password',
 			autocomplete: 'current-password',
-			label: labelPassword,
 			inputmode: '',
 		});
 		this._usernameLabel = createLabel({