From aae316e17e3f7e9dc48fbb792d722d6d7b1c5be5 Mon Sep 17 00:00:00 2001
From: Warren Buckley <warren@hackmakedo.com>
Date: Sun, 9 Nov 2025 12:41:41 +0000
Subject: [PATCH] Localization: Supply the display name to the localization key
 for the `alt` and `title` attributes of the 2FA QR code image (#20770)

Simple fix to supply the display name to the localization key for the 2FA QR Code Image
---
 .../current-user/components/mfa-provider-default.element.ts   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/user/current-user/components/mfa-provider-default.element.ts b/src/Umbraco.Web.UI.Client/src/packages/user/current-user/components/mfa-provider-default.element.ts
index 97bb775d04..2ccb8ac8c2 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/user/current-user/components/mfa-provider-default.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/user/current-user/components/mfa-provider-default.element.ts
@@ -101,8 +101,8 @@ export class UmbMfaProviderDefaultElement extends UmbLitElement implements UmbMf
 									<img
 										id="qrCode"
 										.src=${this._qrCodeSetupImageUrl}
-										alt=${this.localize.term('user_2faQrCodeAlt')}
-										title=${this.localize.term('user_2faQrCodeTitle')}
+										alt=${this.localize.term('user_2faQrCodeAlt', this.displayName)}
+										title=${this.localize.term('user_2faQrCodeTitle', this.displayName)}
 										loading="eager" />
 								</div>
 								<uui-form-layout-item class="text-center">