update aria label of the character count toggle (#10915)

apps/browser/src/_locales/en/messages.json

@@ -4300,8 +4300,11 @@
   "enterprisePolicyRequirementsApplied": {
     "message": "Enterprise policy requirements have been applied to this setting"
   },
-  "additionalContentAvailable": {
-    "message": "Additional content is available"
+  "showCharacterCount": {
+    "message": "Show character count"
+  },
+  "hideCharacterCount": {
+    "message": "Hide character count"
   },
   "itemsInTrash": {
     "message": "Items in trash"

apps/web/src/locales/en/messages.json

@@ -9050,8 +9050,11 @@
     "message": "Public API",
     "description": "The text, 'API', is an acronymn and should not be translated."
   },
-  "additionalContentAvailable": {
-    "message": "Additional content is available"
+  "showCharacterCount": {
+    "message": "Show character count"
+  },
+  "hideCharacterCount": {
+    "message": "Hide character count"
   },
   "editAccess": {
     "message": "Edit access"

libs/vault/src/cipher-view/login-credentials/login-credentials-view.component.html

@@ -51,10 +51,10 @@
         bitSuffix
         type="button"
         data-testid="toggle-password-count"
-        [appA11yTitle]="'toggleCharacterCount' | i18n"
+        [appA11yTitle]="(showPasswordCount ? 'hideCharacterCount' : 'showCharacterCount') | i18n"
+        [attr.aria-expanded]="showPasswordCount"
         appStopClick
         (click)="togglePasswordCount()"
-        [attr.aria-label]="'additionalContentAvailable' | i18n"
       ></button>
       <button
         *ngIf="cipher.viewPassword"