[PM-2870] [PM-2865] Accessibility updates: add labels to buttons & form checkboxes (#8358)

* organization-options: add area-labels to links

* vault-cipher-row: add aria-label to input checkbox

* vault-collection-row: add aria-label to collection item

* add internationalizatino to org options menu

* add internationlization to checkbox aria-labels for vault and collection items

* organization-options-component: remove added aria-lables to buttons inside of toggle

---------

Co-authored-by: Merissa Weinstein <merissaweinstein@merissas-mbp-2.lan>

apps/web/src/app/vault/components/vault-items/vault-cipher-row.component.html

@@ -6,6 +6,7 @@
     [disabled]="disabled"
     [checked]="checked"
     (change)="$event ? this.checkedToggled.next() : null"
+    [attr.aria-label]="'vaultItemSelect' | i18n"
   />
 </td>
 <td bitCell [ngClass]="RowHeightClass" class="tw-min-w-fit">

apps/web/src/app/vault/components/vault-items/vault-collection-row.component.html

@@ -7,6 +7,7 @@
     [disabled]="disabled"
     [checked]="checked"
     (change)="$event ? this.checkedToggled.next() : null"
+    [attr.aria-label]="'collectionItemSelect' | i18n"
   />
 </td>
 <td bitCell [ngClass]="RowHeightClass" class="tw-min-w-fit">

apps/web/src/app/vault/individual-vault/vault-filter/components/organization-options.component.html

@@ -1,5 +1,10 @@
 <ng-container *ngIf="!hideMenu">
-  <button type="button" [bitMenuTriggerFor]="optionsMenu" class="filter-options-icon">
+  <button
+    type="button"
+    [bitMenuTriggerFor]="optionsMenu"
+    class="filter-options-icon"
+    [attr.aria-label]="'organizationOptionsMenu' | i18n"
+  >
     <i class="bwi bwi-ellipsis-v" aria-hidden="true"></i>
   </button>
   <bit-menu class="filter-organization-options" #optionsMenu>

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

@@ -8040,5 +8040,14 @@
   },
   "collectionAdminConsoleManaged": {
     "message": "This collection is only accessible from the admin console"
+  },
+  "organizationOptionsMenu": {
+    "message": "Toggle Organization Menu"
+  },
+  "vaultItemSelect": {
+    "message": "Select vault item"
+  },
+  "collectionItemSelect": {
+    "message": "Select collection item"
   }
 }