From a1d94233e3674f63a339c3cf0a463f00e6a573b8 Mon Sep 17 00:00:00 2001
From: Shane Melton <smelton@bitwarden.com>
Date: Tue, 13 Aug 2024 15:51:34 -0700
Subject: [PATCH] [PM-10761] Fix broken text for screen readers (#10490)

---
 .../login-details-section.component.html              | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/libs/vault/src/cipher-form/components/login-details-section/login-details-section.component.html b/libs/vault/src/cipher-form/components/login-details-section/login-details-section.component.html
index 97c226eab90..12171936ef9 100644
--- a/libs/vault/src/cipher-form/components/login-details-section/login-details-section.component.html
+++ b/libs/vault/src/cipher-form/components/login-details-section/login-details-section.component.html
@@ -28,9 +28,14 @@ <h2 bitTypography="h6">
           {{ "securePasswordGenerated" | i18n }}
         </ng-container>
         <ng-container *ngIf="!newPasswordGenerated">
-          {{ "useGeneratorHelpTextPartOne" | i18n }}
-          <i class="bwi bwi-generate" aria-hidden="true"></i>
-          {{ "useGeneratorHelpTextPartTwo" | i18n }}
+          <span class="tw-sr-only">
+            {{ "useGeneratorHelpTextPartOne" | i18n }} {{ "useGeneratorHelpTextPartTwo" | i18n }}
+          </span>
+          <span aria-hidden="true">
+            {{ "useGeneratorHelpTextPartOne" | i18n }}
+            <i class="bwi bwi-generate" aria-hidden="true"></i>
+            {{ "useGeneratorHelpTextPartTwo" | i18n }}
+          </span>
         </ng-container>
       </bit-hint>
       <button