[PM-10761] Fix broken text for screen readers (#10490)

bitwarden · Aug 13, 2024 · a1d9423 · a1d9423
1 parent a13e99e
commit a1d9423
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/...ult/src/cipher-form/components/login-details-section/login-details-section.component.html b/...ult/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