diff --git a/apps/browser/src/popup/scss/misc.scss b/apps/browser/src/popup/scss/misc.scss
index b91f44cde37..1d6acfe6417 100644
--- a/apps/browser/src/popup/scss/misc.scss
+++ b/apps/browser/src/popup/scss/misc.scss
@@ -146,6 +146,10 @@ p.lead {
   border: 0 !important;
 }
 
+:not(:focus) > .exists-only-on-parent-focus {
+  display: none;
+}
+
 .password-wrapper {
   overflow-wrap: break-word;
   white-space: pre-wrap;
diff --git a/apps/browser/src/popup/vault/view.component.html b/apps/browser/src/popup/vault/view.component.html
index 0b5d0fb1528..5fa5d2aba6c 100644
--- a/apps/browser/src/popup/vault/view.component.html
+++ b/apps/browser/src/popup/vault/view.component.html
@@ -156,7 +156,7 @@
             >
             <span class="totp-code">{{ totpCodeFormatted }}</span>
           </div>
-          <span class="totp-countdown">
+          <span class="totp-countdown" aria-hidden="true">
             <span class="totp-sec">{{ totpSec }}</span>
             <svg>
               <g>
@@ -176,10 +176,17 @@
               type="button"
               class="row-btn"
               appStopClick
-              appA11yTitle="{{ 'copyVerificationCode' | i18n }}"
+              title="{{ 'copyVerificationCode' | i18n }}"
               (click)="copy(totpCode, 'verificationCodeTotp', 'TOTP')"
             >
               <i class="bwi bwi-lg bwi-clone" aria-hidden="true"></i>
+              <span class="sr-only">{{ "copyValue" | i18n }}</span>
+              <span
+                class="sr-only exists-only-on-parent-focus"
+                aria-live="polite"
+                aria-atomic="true"
+                >{{ totpSec }}</span
+              >
             </button>
           </div>
         </div>
diff --git a/apps/desktop/src/app/vault/view.component.html b/apps/desktop/src/app/vault/view.component.html
index 7fdca0b667d..69201a18d67 100644
--- a/apps/desktop/src/app/vault/view.component.html
+++ b/apps/desktop/src/app/vault/view.component.html
@@ -116,7 +116,7 @@
               >
               <span class="totp-code">{{ totpCodeFormatted }}</span>
             </div>
-            <span class="totp-countdown">
+            <span class="totp-countdown" aria-hidden="true">
               <span class="totp-sec">{{ totpSec }}</span>
               <svg>
                 <g>
@@ -136,10 +136,17 @@
                 type="button"
                 class="row-btn"
                 appStopClick
-                appA11yTitle="{{ 'copyValue' | i18n }}"
+                title="{{ 'copyValue' | i18n }}"
                 (click)="copy(totpCode, 'verificationCodeTotp', 'TOTP')"
               >
                 <i class="bwi bwi-lg bwi-clone" aria-hidden="true"></i>
+                <span class="sr-only">{{ "copyValue" | i18n }}</span>
+                <span
+                  class="sr-only exists-only-on-parent-focus"
+                  aria-live="polite"
+                  aria-atomic="true"
+                  >{{ totpSec }}</span
+                >
               </button>
             </div>
           </div>
diff --git a/apps/desktop/src/scss/misc.scss b/apps/desktop/src/scss/misc.scss
index 5e5e341b30f..c1517b72180 100644
--- a/apps/desktop/src/scss/misc.scss
+++ b/apps/desktop/src/scss/misc.scss
@@ -112,6 +112,10 @@ p.lead {
   border: 0 !important;
 }
 
+:not(:focus) > .exists-only-on-parent-focus {
+  display: none;
+}
+
 .totp {
   .totp-code {
     font-family: $font-family-monospace;