From: Nizamudeen A <nia@redhat.com>
Date: Thu, 9 Jul 2026 07:52:58 +0000 (+0530)
Subject: mgr/dashboard: fix html lint errors according to new rules
X-Git-Url: http://git-server-git.apps.pok.os.sepia.ceph.com/?a=commitdiff_plain;h=ac187a8220de5c12465edda7d9028c2bb8ba7c69;p=ceph.git

mgr/dashboard: fix html lint errors according to new rules

mostly accessibility issues like

 - A label component must be associated with a form element
   Fixed by adding `for` to labels and sometimes replacing label with
legend

 - Elements with interaction handlers must be focusable
 - click must be accompanied by either keyup, keydown or keypress event for accessibility
 - <button> should have content

Fixes: https://tracker.ceph.com/issues/77112
Signed-off-by: Nizamudeen A <nia@redhat.com>
---

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-target-form/iscsi-target-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-target-form/iscsi-target-form.component.html
index cbffd558b6c..694eeb3c64c 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-target-form/iscsi-target-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-target-form/iscsi-target-form.component.html
@@ -532,7 +532,8 @@
                       i18n>No items added.</span>
 
                 <button (click)="addInitiator(); false"
-                        class="btn btn-light float-end">
+                        class="btn btn-light float-end"
+                        type="button">
                   <svg [cdsIcon]="icons.add"
                        [size]="icons.size16"
                        ></svg>
@@ -668,7 +669,8 @@
                       i18n>No items added.</span>
 
                 <button (click)="addGroup(); false"
-                        class="btn btn-light float-end">
+                        class="btn btn-light float-end"
+                        type="button">
                   <svg [cdsIcon]="icons.add"
                        [size]="icons.size16"
                        ></svg>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-target-image-settings-modal/iscsi-target-image-settings-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-target-image-settings-modal/iscsi-target-image-settings-modal.component.html
index 9614ac7505f..f292bf624b1 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-target-image-settings-modal/iscsi-target-image-settings-modal.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-target-image-settings-modal/iscsi-target-image-settings-modal.component.html
@@ -55,6 +55,7 @@
         <div class="form-group row">
           <div class="col-sm-12">
             <label class="col-form-label"
+                   for="backstore"
                    i18n>Backstore</label>
             <select id="backstore"
                     name="backstore"
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-gateway-group/nvmeof-gateway-group-delete-guard-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-gateway-group/nvmeof-gateway-group-delete-guard-modal.component.html
index 433265ed544..4a231f214ff 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-gateway-group/nvmeof-gateway-group-delete-guard-modal.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-gateway-group/nvmeof-gateway-group-delete-guard-modal.component.html
@@ -20,7 +20,9 @@
       @for (sub of connectedSubsystems; track sub.nqn) {
       <div class="cds--mb-04">
         <a class="cds--link cds--type-body-01"
-           (click)="navigateToSubsystem(sub.nqn)">
+           tabindex="0"
+           (click)="navigateToSubsystem(sub.nqn)"
+           (keydown.enter)="navigateToSubsystem(sub.nqn)">
           <span class="cds--mr-03">{{ sub.nqn }}</span>
           <cd-icon type="launch"></cd-icon>
         </a>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-group-form/nvmeof-group-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-group-form/nvmeof-group-form.component.html
index 70dfb6453fb..7665b73915e 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-group-form/nvmeof-group-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-group-form/nvmeof-group-form.component.html
@@ -79,6 +79,7 @@
               <div cdsCol>
                 <div class="cds--stack cds--stack-horizontal">
                   <label class="cds--type-label-01"
+                         for="enableEncryption"
                          i18n>Enable encryption</label>
                   <cds-tag type="green"
                            size="sm"
@@ -138,7 +139,7 @@
             <div cdsRow class="form-item">
               <div cdsCol>
                 <div class="cds--stack cds--stack-horizontal cds-mb-3">
-                  <label class="cds--type-label-01" i18n>Enable Mutual TLS (mTLS)</label>
+                  <label class="cds--type-label-01" for="enableMtls" i18n>Enable Mutual TLS (mTLS)</label>
                 </div>
                 <cds-checkbox id="enableMtls" formControlName="enableMtls">
                   <span
@@ -164,7 +165,7 @@
             @if (groupForm.controls.enableMtls.value) {
             <div cdsRow class="form-item">
               <div cdsCol>
-                <label class="cds--label fw-bold"
+                <label class="cds--label fw-bold" for="certificateType"
                 i18n>Choose Certificate Authority</label>
                 <cds-radio-group
                   formControlName="certificateType"
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-namespaces-form/nvmeof-namespaces-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-namespaces-form/nvmeof-namespaces-form.component.html
index 77c6700f724..54308a6c43e 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-namespaces-form/nvmeof-namespaces-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-namespaces-form/nvmeof-namespaces-form.component.html
@@ -248,6 +248,7 @@
 
           <div class="form-item">
             <label
+              for="rbd_image_name"
               class="cds--type-label-01"
               i18n>Image name (optional)</label>
             <cds-text-label
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-subsystem-overview/nvmeof-subsystem-overview.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-subsystem-overview/nvmeof-subsystem-overview.component.html
index 922b0d03990..d09dc0804b0 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-subsystem-overview/nvmeof-subsystem-overview.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-subsystem-overview/nvmeof-subsystem-overview.component.html
@@ -33,7 +33,9 @@
               <a cdsLink
                  class="cds-ml-2"
                  (click)="openEditAuthModal()"
+                 (keydown.enter)="openEditAuthModal()"
                  [cdsStack]="'horizontal'"
+                 tabindex="0"
                  [gap]="1">
                 <span i18n>Edit</span>
                 <cd-icon type="edit"></cd-icon>
@@ -69,8 +71,10 @@
               <span>{{ detail.value ? 'Allow all hosts' : 'Restrict to specific hosts' }}</span>
               <a cdsLink
                  (click)="openEditHostAccessModal()"
+                 (keydown.enter)="openEditHostAccessModal()"
                  [cdsStack]="'horizontal'"
                  class="cds-ml-2"
+                 tabindex="0"
                  [gap]="1">
                 <span i18n>Edit</span>
                 <cd-icon type="edit"></cd-icon>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-subsystems-form/nvmeof-subsystem-step-2/nvmeof-subsystem-step-2.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-subsystems-form/nvmeof-subsystem-step-2/nvmeof-subsystem-step-2.component.html
index b06f9548b76..773f192b50e 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-subsystems-form/nvmeof-subsystem-step-2/nvmeof-subsystem-step-2.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/nvmeof-subsystems-form/nvmeof-subsystem-step-2/nvmeof-subsystem-step-2.component.html
@@ -86,6 +86,7 @@
             [disabled]="host.isInvalid"
             size="md"
             class="cds-mt-3"
+            type="button"
             (click)="addHost()">
             <span i18n>Add</span>
             <cd-icon type="add"></cd-icon>
@@ -128,6 +129,7 @@
   <button
     i18n
     cdsButton="ghost"
+    type="button"
     (click)="removeAll($event)">
     Remove all
   </button>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-configuration-form/rbd-configuration-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-configuration-form/rbd-configuration-form.component.html
index 6e704a0124f..85b830cf025 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-configuration-form/rbd-configuration-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-configuration-form/rbd-configuration-form.component.html
@@ -5,7 +5,9 @@
   <div *ngFor="let section of rbdConfigurationService.sections">
     <h5 class="cd-header">
       <legend (click)="toggleSectionVisibility(section.class)"
-              class="collapsible">
+              class="collapsible"
+              tabindex="0"
+              (keydown.enter)="toggleSectionVisibility(section.class)">
         {{ section.heading }}&nbsp;
         <svg [cdsIcon]="!sectionVisibility[section.class] ? icons.addCircle : icons.minusCircle"
              [size]="icons.size20"
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-auth-modal/cephfs-auth-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-auth-modal/cephfs-auth-modal.component.html
index 8eb79386c8d..6e1955c8508 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-auth-modal/cephfs-auth-modal.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-auth-modal/cephfs-auth-modal.component.html
@@ -102,8 +102,8 @@
       <!-- Permissions -->
       <div class="form-item">
         <fieldset>
-          <label class="cds--label"
-                 i18n>Permissions</label>
+          <legend class="cds--label"
+                 i18n>Permissions</legend>
             <ng-container *ngFor="let permission of clientPermissions">
               <cds-checkbox i18n-label
                             [id]="permission.name"
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-directories/cephfs-directories.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-directories/cephfs-directories.component.html
index 314be40ce29..9acab5fde4f 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-directories/cephfs-directories.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-directories/cephfs-directories.component.html
@@ -72,5 +72,7 @@
              let-row="data.row"
              let-value="data.value">
   <span class="quota-origin"
+        tabindex="0"
+        (keydown.enter)="selectOrigin(value)"
         (click)="selectOrigin(value)">{{value}}</span>
 </ng-template>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-mirroring-error/cephfs-mirroring-error.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-mirroring-error/cephfs-mirroring-error.component.html
index 5141bb2460d..d209a6cc9c0 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-mirroring-error/cephfs-mirroring-error.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-mirroring-error/cephfs-mirroring-error.component.html
@@ -15,6 +15,7 @@
      i18n>Turn on CephFS Mirroring to start creating mirror links and synchronizing data across clusters. After enabling, you can add mirror links.</p>
   <button cdsButton="primary"
           (click)="enableModule()"
+          type="button"
           i18n>Enable CephFS Mirroring</button>
 </cds-tile>
 <div cdsGrid
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/configuration/configuration-form/configuration-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/configuration/configuration-form/configuration-form.component.html
index 4c802c8fd07..873814adacc 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/configuration/configuration-form/configuration-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/configuration/configuration-form/configuration-form.component.html
@@ -46,10 +46,10 @@
           cdsRow
           class="form-item"
         >
-          <label
+          <legend
             class="cds--label"
             i18n
-          >Description</label>
+          >Description</legend>
           <p class="cds--type-body-01 mb-0">{{ response.long_desc }}</p>
         </div>
         }
@@ -108,10 +108,10 @@
             cdsCol
             [columnNumbers]="{ sm: 2, md: 2, lg: 2 }"
           >
-            <label
+            <legend
               class="cds--label mb-0"
               i18n
-            >Services</label>
+            >Services</legend>
           </div>
           <div
             cdsCol
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/create-cluster/create-cluster-step-2/create-cluster-step-2.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/create-cluster/create-cluster-step-2/create-cluster-step-2.component.html
index b95d4092086..0b160412a79 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/create-cluster/create-cluster-step-2/create-cluster-step-2.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/create-cluster/create-cluster-step-2/create-cluster-step-2.component.html
@@ -27,6 +27,7 @@
             id="skipStepBtn"
             (click)="onSkip()"
             aria-label="Skip this step"
+            type="button"
             i18n>Skip</button>
   </div>
 </div>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/create-cluster/create-cluster.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/create-cluster/create-cluster.component.html
index 08dcae08f4f..7ade7992055 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/create-cluster/create-cluster.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/create-cluster/create-cluster.component.html
@@ -141,6 +141,7 @@
                 class="me-3"
                 (click)="createCluster()"
                 aria-label="Add Storage"
+                type="button"
                 i18n>
           Add storage
           <cd-icon
@@ -152,6 +153,7 @@
         <button cdsButton="tertiary"
                 (click)="skipClusterCreation()"
                 aria-label="View cluster overview"
+                type="button"
                 i18n>
           View cluster overview
           <cd-icon
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/logs/logs.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/logs/logs.component.html
index 9fed18accfb..3af0f126eb3 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/logs/logs.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/logs/logs.component.html
@@ -185,8 +185,8 @@
     </div>
 
     <div class="col-md-5">
-      <label i18n
-             class="fw-bold">Time range:</label>
+      <legend i18n
+             class="cds--label fw-bold">Time range:</legend>
       <div class="d-flex">
       <ngb-timepicker [spinners]="false"
                       [(ngModel)]="startTime"
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/multi-cluster/multi-cluster.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/multi-cluster/multi-cluster.component.html
index 97e27b280c4..500ecc2c5f1 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/multi-cluster/multi-cluster.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/multi-cluster/multi-cluster.component.html
@@ -26,7 +26,8 @@
              *ngIf="managedByConfig['MANAGED_BY_CLUSTERS'].length === 0">
           <div class="text-center">
             <button class="btn btn-primary"
-                    (click)="openConnectClusterForm()">
+                    (click)="openConnectClusterForm()"
+                    type="button">
               <i class="mx-auto"
                  [ngClass]="icons.add">
               </i> Connect Cluster
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-flags-indiv-modal/osd-flags-indiv-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-flags-indiv-modal/osd-flags-indiv-modal.component.html
index 69762c68197..1bc4a90cb61 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-flags-indiv-modal/osd-flags-indiv-modal.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-flags-indiv-modal/osd-flags-indiv-modal.component.html
@@ -47,11 +47,13 @@
     <cds-button-set>
       <button cdsButton="secondary"
               (click)="closeModal()"
+              type="button"
               i18n>
         Cancel
       </button>
       <button cdsButton="secondary"
               (click)="resetSelection()"
+              type="button"
               i18n>
         Reset
       </button>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-flags-modal/osd-flags-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-flags-modal/osd-flags-modal.component.html
index 7b3aa5a4eb8..d8981bd41ce 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-flags-modal/osd-flags-modal.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-flags-modal/osd-flags-modal.component.html
@@ -41,6 +41,7 @@
     <cds-button-set>
       <button cdsButton="secondary"
               (click)="closeModal()"
+              type="button"
               i18n>
         Cancel
       </button>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-pg-scrub-modal/osd-pg-scrub-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-pg-scrub-modal/osd-pg-scrub-modal.component.html
index fa263672246..e2c1fc2a4c5 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-pg-scrub-modal/osd-pg-scrub-modal.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-pg-scrub-modal/osd-pg-scrub-modal.component.html
@@ -19,8 +19,10 @@
           <div class="col-sm-12">
             <a class="pull-right margin-right-md"
                (click)="advancedEnabled = true"
+               (keydown.enter)="advancedEnabled = true"
                *ngIf="!advancedEnabled"
-               i18n>Advanced...</a>
+               i18n
+               tabindex="0">Advanced...</a>
           </div>
         </div>
         <div *ngIf="advancedEnabled">
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/services/service-form/service-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/services/service-form/service-form.component.html
index b6e9374e006..dad834e1537 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/services/service-form/service-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/services/service-form/service-form.component.html
@@ -16,6 +16,8 @@
                       spacingClass="mb-3"
                       i18n>
         <a class="text-decoration-underline"
+           tabindex="0"
+           (keydown.enter)="createMultisiteSetup()"
            (click)="createMultisiteSetup()">
           Click here</a> to create a new Realm/Zonegroup/Zone
       </cd-alert-panel>
@@ -1276,6 +1278,7 @@
       <div class="form-item">
         <fieldset class="cds--fieldset">
           <label class="cds--label"
+                 for="enable_mtls"
                  i18n>Encryption</label>
           <cds-checkbox i18n-label
                         id="enable_mtls"
@@ -1368,24 +1371,24 @@
   <!-- Current Certificate Section - Only shown in Edit mode when certificate exists -->
   @if (editing && currentCertificate?.has_certificate) {
   <div class="form-item">
-    <label class="cds--label cds--type-heading-compact-01"
-           i18n>Current Certificate</label>
+    <legend class="cds--label cds--type-heading-compact-01"
+           i18n>Current Certificate</legend>
     <div class="row">
       <div class="col-6">
-        <label class="cds--label"
-               i18n>Certificate</label>
+        <legend class="cds--label"
+               i18n>Certificate</legend>
         <div>{{ currentCertificate.cert_name }}</div>
       </div>
       <div class="col-6">
-        <label class="cds--label"
-               i18n>Valid Until</label>
+        <legend class="cds--label"
+               i18n>Valid Until</legend>
         <div>{{ currentCertificate.expiry_date | cdDate }} • {{ currentCertificate.days_to_expiration }} <span i18n>days left</span></div>
       </div>
     </div>
     <div class="row mt-3">
       <div class="col-6">
-        <label class="cds--label"
-               i18n>Status</label>
+        <legend class="cds--label"
+               i18n>Status</legend>
         <div class="align-items-center">
           <cd-icon [type]="statusIconMap[currentCertificate.status] || statusIconMap['default']"></cd-icon>
           @switch (currentCertificate.status) {
@@ -1399,8 +1402,8 @@
         </div>
       </div>
       <div class="col-6">
-        <label class="cds--label"
-               i18n>Issuer</label>
+        <legend class="cds--label"
+               i18n>Issuer</legend>
         <div>
           @if (currentCertificate.signed_by === 'cephadm') {
           <span i18n>Internal (Cephadm CA)</span>
@@ -1416,6 +1419,7 @@
   <!-- Certificate Authority Selection -->
   <div class="form-item">
     <label class="cds--label cds--type-heading-compact-01"
+           for="certificateType"
            i18n>Choose Certificate Authority</label>
     <cds-radio-group formControlName="certificateType"
                      orientation="horizontal"
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/upgrade/upgrade-progress/upgrade-progress.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/upgrade/upgrade-progress/upgrade-progress.component.html
index 162d031aede..5df12a3f307 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/upgrade/upgrade-progress/upgrade-progress.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/upgrade/upgrade-progress/upgrade-progress.component.html
@@ -15,21 +15,25 @@
       <button class="btn btn-light"
               aria-label="Go back"
               routerLink="/upgrade"
+              type="button"
               i18n>Back</button>
       <button *ngIf="upgradeStatus.in_progress && !upgradeStatus.is_paused"
               (click)="pauseUpgrade()"
               class="btn btn-light m-2"
               aria-label="Pause Upgrade"
+              type="button"
               i18n>Pause</button>
       <button *ngIf="upgradeStatus.in_progress && upgradeStatus.is_paused"
               (click)="resumeUpgrade()"
               class="btn btn-light m-2"
               aria-label="Resume Upgrade"
+              type="button"
               i18n>Resume</button>
       <button *ngIf="upgradeStatus.in_progress"
               (click)="stopUpgradeModal()"
               class="btn btn-danger"
               aria-label="Stop Upgrade"
+              type="button"
               i18n>Stop</button>
     </div>
   </ng-container>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/upgrade/upgrade.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/upgrade/upgrade.component.html
index 33023c7755b..aa037706538 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/upgrade/upgrade.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/upgrade/upgrade.component.html
@@ -192,10 +192,13 @@
                     aria-label="Upgrade now"
                     (click)="upgradeNow(info.versions[info.versions.length - 1])"
                     [disabled]="(healthData.mgr_map | mgrSummary)?.total <= 1"
+                    type="button"
                     i18n>Upgrade to {{ info.versions[info.versions.length - 1] }}</button>
           </div>
           <a class="cds--link cds-mb-3"
              (click)="startUpgradeModal()"
+             tabindex="0"
+             (keydown.enter)="startUpgradeModal()"
              i18n>Select another version...</a>
         </ng-container>
       </div>
@@ -212,6 +215,8 @@
   </span>
   <a class="cds--link cds-mb-3"
      (click)="startUpgradeModal()"
+     tabindex="0"
+     (keydown.enter)="startUpgradeModal()"
      i18n>Upgrade using custom image...</a>
 </ng-template>
 
@@ -232,6 +237,7 @@
             id="upgrade"
             aria-label="Upgrade now"
             [disabled]="true"
+            type="button"
             i18n>Checking for upgrades
       <cds-inline-loading></cds-inline-loading>
     </button>
@@ -261,6 +267,8 @@
     </span>
     <a class="cds--link cds-mb-3"
        (click)="startUpgradeModal()"
+       tabindex="0"
+       (keydown.enter)="startUpgradeModal()"
        i18n>Upgrade using custom image...</a>
   </div>
 </ng-template>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/alerts-card/overview-alerts-card.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/alerts-card/overview-alerts-card.component.html
index af0faf51219..d7b89cd9d69 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/alerts-card/overview-alerts-card.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/alerts-card/overview-alerts-card.component.html
@@ -10,6 +10,7 @@
       cdsButton="ghost"
       size="sm"
       [routerLink]="['/monitoring/active-alerts']"
+      type="button"
       i18n
     >
       View all
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/health-card/overview-health-card.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/health-card/overview-health-card.component.html
index 0ecd3b5eb51..421e2140268 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/health-card/overview-health-card.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/health-card/overview-health-card.component.html
@@ -305,6 +305,7 @@
           <button
             cdsButton="tertiary"
             size="sm"
+            type="button"
             (click)="onViewPGStatesClick()">
             <span
               i18n
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/storage-card/overview-storage-card.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/storage-card/overview-storage-card.component.html
index f3505da166b..94f4f9b6b9b 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/storage-card/overview-storage-card.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/overview/storage-card/overview-storage-card.component.html
@@ -67,6 +67,7 @@
         i18n
         size="sm"
         [routerLink]="['/add-storage']"
+        type="button"
         >
         Add storage
         <cd-icon
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/models/rgw-multisite-zone-deletion-form/rgw-multisite-zone-deletion-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/models/rgw-multisite-zone-deletion-form/rgw-multisite-zone-deletion-form.component.html
index 58f64b0d8da..84cc7ccc23c 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/models/rgw-multisite-zone-deletion-form/rgw-multisite-zone-deletion-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/models/rgw-multisite-zone-deletion-form/rgw-multisite-zone-deletion-form.component.html
@@ -10,20 +10,20 @@
     <section cdsModalContent>
       <form [formGroup]="zoneForm"
             novalidate>
-        <label class="cds--label-description"
+        <legend class="cds--label-description"
                i18n>
           This will delete your <strong>{{ zone?.name }}</strong> Zone.
-        </label>
+        </legend>
         @if (includedPools.size) {
-        <label class="cds--label-description"
+        <legend class="cds--label-description"
                i18n>
           Do you want to delete the associated pools with the
           <strong>{{ zone?.name }}</strong> Zone?
-        </label>
-        <label class="cds--label-description"
+        </legend>
+        <legend class="cds--label-description"
                i18n>
           This will delete the following pools and any data stored in these pools:
-        </label>
+        </legend>
 
         <div class="scroll-list">
           @for (pool of includedPools; track pool) {
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/models/rgw-multisite-zonegroup-deletion-form/rgw-multisite-zonegroup-deletion-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/models/rgw-multisite-zonegroup-deletion-form/rgw-multisite-zonegroup-deletion-form.component.html
index aabd7735315..98ac65ddf6e 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/models/rgw-multisite-zonegroup-deletion-form/rgw-multisite-zonegroup-deletion-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/models/rgw-multisite-zonegroup-deletion-form/rgw-multisite-zonegroup-deletion-form.component.html
@@ -11,24 +11,24 @@
       <form name="zonegroupForm"
             [formGroup]="zonegroupForm"
             novalidate>
-        <label class="cds--label-description"
+        <legend class="cds--label-description"
                i18n>
           This will delete your <strong>{{ zonegroup?.name }}</strong> Zonegroup.
-        </label>
+        </legend>
 
       @if (zonesList.length > 0) {
         <ng-container>
-          <label class="cds--label-description"
+          <legend class="cds--label-description"
                  i18n>
             Do you want to delete the associated zones and pools with the <strong>{{zonegroup?.name}}</strong> Zonegroup?
-          </label>
+          </legend>
 
           @if (includedPools.size > 0) {
             <ng-container>
-              <label class="cds--label-description"
+              <legend class="cds--label-description"
                      i18n>
                 This will delete the following:
-              </label>
+              </legend>
             </ng-container>
           }
 
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-bucket-form/rgw-bucket-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-bucket-form/rgw-bucket-form.component.html
index 0325a18c7a7..5dc70c285c6 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-bucket-form/rgw-bucket-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-bucket-form/rgw-bucket-form.component.html
@@ -415,7 +415,8 @@
             <button cdsButton="tertiary"
                     id="add-tag"
                     [disabled]="tags.length > 19"
-                    (click)="showTagModal()">
+                    (click)="showTagModal()"
+                    type="button">
               <ng-container i18n>Add tag</ng-container>
               <svg [cdsIcon]="icons.add"
                    [size]="icons.size16"
@@ -459,6 +460,7 @@
               <button cdsButton="tertiary"
                       id="example-generator-button"
                       (click)="openUrl('https://docs.aws.amazon.com/AmazonS3/latest/userguide/example-bucket-policies.html?icmpid=docs_amazons3_console')"
+                      type="button"
                       i18n>Policy examples
                 <svg [cdsIcon]="icons.launch"
                      [size]="icons.size16"
@@ -467,6 +469,7 @@
               <button cdsButton="tertiary"
                       id="example-generator-button"
                       (click)="openUrl('https://awspolicygen.s3.amazonaws.com/policygen.html')"
+                      type="button"
                       i18n>Policy generator
                 <svg [cdsIcon]="icons.launch"
                      [size]="icons.size16"
@@ -479,6 +482,7 @@
               <button cdsButton="tertiary"
                       id="clear-bucket-policy"
                       (click)="clearTextArea('bucket_policy', '{}')"
+                      type="button"
                       i18n>Clear
                 <svg [cdsIcon]="icons.destroy"
                      [size]="icons.size16"
@@ -519,6 +523,7 @@
               <button cdsButton="tertiary"
                       id="lifecycle-examples-button"
                       (click)="openUrl('https://docs.aws.amazon.com/cli/latest/reference/s3api/put-bucket-lifecycle.html#examples')"
+                      type="button"
                       i18n>Policy examples
                 <svg [cdsIcon]="icons.launch"
                      [size]="icons.size16"
@@ -531,6 +536,7 @@
               <button cdsButton="tertiary"
                       id="clear-lifecycle"
                       (click)="clearTextArea('lifecycle', '{}')"
+                      type="button"
                       i18n>Clear
                 <svg [cdsIcon]="icons.destroy"
                      [size]="icons.size16"
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-wizard/rgw-multisite-wizard.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-wizard/rgw-multisite-wizard.component.html
index dc11cfd1b82..94328d0bded 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-wizard/rgw-multisite-wizard.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-wizard/rgw-multisite-wizard.component.html
@@ -310,16 +310,19 @@
             name="skip-cluster-selection"
             aria-label="Skip"
             (click)="onSkip()"
+            type="button"
             *ngIf="stepTitles[currentStep.stepIndex]['label'] === 'Select Cluster' && multisiteSetupForm.get('configType').value === 'newRealm'"
             i18n>Skip</button>
     <button cdsButton="secondary"
             (click)="onPreviousStep()"
             [attr.aria-label]="showCancelButtonLabel()"
+            type="button"
             i18n>{{ showCancelButtonLabel() }}</button>
     <button cdsButton="primary"
             (click)="onNextStep()"
             aria-label="Next"
             [disabled]="loading"
+            type="button"
             i18n>{{ showSubmitButtonLabel() }}
       <cds-loading [isActive]="loading"
                    [overlay]="false"
@@ -432,41 +435,41 @@
 
 <ng-template #newRealmInfo>
   <div class="form-group row">
-    <label class="cd-col-form-label"
-           i18n>Realm Name:</label>
+    <legend class="cd-col-form-label"
+           i18n>Realm Name:</legend>
     <div class="cd-col-form-input mt-2 text-muted"><b id="realmName">{{ multisiteSetupForm.get('realmName').value }}</b></div>
   </div>
   <div class="form-group row">
-    <label class="cd-col-form-label"
-           i18n>Zonegroup Name:</label>
+    <legend class="cd-col-form-label"
+           i18n>Zonegroup Name:</legend>
     <div class="cd-col-form-input mt-2 text-muted"><b id="zonegroupName">{{ multisiteSetupForm.get('zonegroupName').value }}</b></div>
   </div>
   <div class="form-group row">
-    <label class="cd-col-form-label"
-           i18n>Zonegroup Endpoints:</label>
+    <legend class="cd-col-form-label"
+           i18n>Zonegroup Endpoints:</legend>
     <div class="cd-col-form-input mt-2 text-muted"><b>{{ rgwEndpoints.value.join(', ') }}</b></div>
   </div>
   <div class="form-group row">
-    <label class="cd-col-form-label"
-           i18n>Zone Name:</label>
+    <legend class="cd-col-form-label"
+           i18n>Zone Name:</legend>
     <div class="cd-col-form-input mt-2 text-muted"><b id="zoneName">{{ multisiteSetupForm.get('zoneName').value }}</b></div>
   </div>
   <div class="form-group row">
-    <label class="cd-col-form-label"
-           i18n>Zone Endpoints:</label>
+    <legend class="cd-col-form-label"
+           i18n>Zone Endpoints:</legend>
     <div class="cd-col-form-input mt-2 text-muted"><b>{{ rgwEndpoints.value.join(', ') }}</b></div>
   </div>
   <div class="form-group row">
-    <label class="cd-col-form-label"
-           i18n>Username:</label>
+    <legend class="cd-col-form-label"
+           i18n>Username:</legend>
     <div class="cd-col-form-input mt-2 text-muted"><b>{{ multisiteSetupForm.get('username').value }}</b></div>
   </div>
 </ng-template>
 
 <ng-template #existingRealmInfo>
   <div class="form-group row">
-    <label class="cd-col-form-label"
-           i18n>Selected Realm:</label>
+    <legend class="cd-col-form-label"
+           i18n>Selected Realm:</legend>
     <div class="cd-col-form-input mt-2 text-muted"><b>{{ multisiteSetupForm.get('selectedRealm').value }}</b></div>
   </div>
 </ng-template>
@@ -474,13 +477,13 @@
 <ng-template #replicationInfo>
   <div *ngIf="isMultiClusterConfigured && !stepsToSkip['Select Cluster']">
     <div class="form-group row">
-      <label class="cd-col-form-label"
-             i18n>Selected Replication Cluster:</label>
+      <legend class="cd-col-form-label"
+             i18n>Selected Replication Cluster:</legend>
       <div class="cd-col-form-input mt-2 text-muted"><b>{{ selectedCluster }}</b></div>
     </div>
     <div class="form-group row">
-      <label class="cd-col-form-label"
-             i18n>Replication Zone Name:</label>
+      <legend class="cd-col-form-label"
+             i18n>Replication Zone Name:</legend>
       <div class="cd-col-form-input mt-2 text-muted"><b>{{ multisiteSetupForm.get('replicationZoneName').value }}</b></div>
     </div>
   </div>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-zonegroup-form/rgw-multisite-zonegroup-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-zonegroup-form/rgw-multisite-zonegroup-form.component.html
index 85c8a689067..d5813693335 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-zonegroup-form/rgw-multisite-zonegroup-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-zonegroup-form/rgw-multisite-zonegroup-form.component.html
@@ -130,6 +130,8 @@
                 <span class="float-end clickable"
                       name="remove_placement_target"
                       (click)="removePlacementTarget(index)"
+                      tabindex="0"
+                      (keydown.enter)="removePlacementTarget(index)"
                       ngbTooltip="Remove">&times;</span>
               </div>
 
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-storage-class-details/rgw-storage-class-details.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-storage-class-details/rgw-storage-class-details.component.html
index 8f794c69222..04cef06411a 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-storage-class-details/rgw-storage-class-details.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-storage-class-details/rgw-storage-class-details.component.html
@@ -43,7 +43,9 @@
                 />
                 <button type="button"
                         class="btn btn-light"
-                        cdPasswordButton="access_key"></button>
+                        cdPasswordButton="access_key"
+                        aria-label="Toggle access key visibility"
+                        i18n-aria-label></button>
                 <cd-copy-2-clipboard-button source="access_key"> </cd-copy-2-clipboard-button>
               </div>
             </td>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-topic-form/rgw-topic-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-topic-form/rgw-topic-form.component.html
index 115a408d5fa..7b6a51b86d5 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-topic-form/rgw-topic-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-topic-form/rgw-topic-form.component.html
@@ -509,6 +509,7 @@
                   <button cdsButton="tertiary"
                           id="example-generator-button"
                           (click)="openUrl('https://docs.aws.amazon.com/AmazonS3/latest/userguide/example-bucket-policies.html?icmpid=docs_amazons3_console')"
+                          type="button"
                           i18n>
                     Policy examples
                     <svg cdsIcon="launch"
@@ -517,6 +518,7 @@
                   </button>
                   <button cdsButton="tertiary"
                           id="example-generator-button"
+                          type="button"
                           (click)="openUrl('https://awspolicygen.s3.amazonaws.com/policygen.html')"
                           i18n>
                     Policy generator
@@ -530,6 +532,7 @@
                 <cds-button-set class="float-end mt-1">
                   <button cdsButton="tertiary"
                           id="clear-bucket-policy"
+                          type="button"
                           (click)="clearTextArea('policy', '{}')"
                           i18n>
                     Clear
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/auth/login-password-form/login-password-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/auth/login-password-form/login-password-form.component.html
index 49746114137..f34e08c07a5 100755
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/auth/login-password-form/login-password-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/auth/login-password-form/login-password-form.component.html
@@ -16,7 +16,8 @@
                autocomplete="new-password"
                autofocus>
         <button class="btn btn-outline-light btn-password"
-                cdPasswordButton="oldpassword">
+                cdPasswordButton="oldpassword"
+                type="button">
         </button>
       </div>
       <span class="invalid-feedback"
@@ -69,7 +70,8 @@
                id="confirmnewpassword"
                formControlName="confirmnewpassword">
         <button class="btn btn-outline-light btn-password"
-                cdPasswordButton="confirmnewpassword">
+                cdPasswordButton="confirmnewpassword"
+                type="button">
         </button>
       </div>
       <span class="invalid-feedback"
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/error/error.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/error/error.component.html
index 83626ab9d80..e0dcb07d542 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/error/error.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/error/error.component.html
@@ -25,10 +25,12 @@
           <button class="btn btn-primary ms-1"
                   [routerLink]="buttonRoute"
                   *ngIf="!uiConfig; else configureButtonTpl"
+                  type="button"
                   i18n>{{ buttonName }}</button>
           <button class="btn btn-light ms-1"
                   [routerLink]="secondaryButtonRoute"
                   *ngIf="secondaryButtonName && secondaryButtonRoute"
+                  type="button"
                   i18n>{{ secondaryButtonName }}</button>
         </div>
       </div>
@@ -40,6 +42,7 @@
   <button class="btn btn-primary"
           (click)="doConfigure()"
           [attr.title]="buttonTitle"
+          type="button"
           *ngIf="uiConfig"
           i18n>{{ buttonName }}</button>
 </ng-template>
@@ -64,6 +67,7 @@
        *ngIf="!module_name; else enableButton">
     <button class="btn btn-primary"
             [routerLink]="'/overview'"
+            type="button"
             i18n>Go To Overview</button>
   </div>
 </ng-template>
@@ -73,6 +77,7 @@
        *ngIf="module_name && !(buttonName && buttonRoute)">
     <button class="btn btn-primary"
             (click)="enableModule()"
+            type="button"
             i18n>Enable {{ module_name | upperFirst }} module</button>
   </div>
 </ng-template>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/login-layout/login-layout.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/login-layout/login-layout.component.html
index 1222fcc2ad5..bd92995be2d 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/login-layout/login-layout.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/login-layout/login-layout.component.html
@@ -1,7 +1,6 @@
 <main class="login full-height">
   <header>
     <nav class="navbar p-4">
-      <a class="navbar-brand"></a>
       <div class="form-inline">
         <cd-language-selector></cd-language-selector>
       </div>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/administration/administration.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/administration/administration.component.html
index dfca9e84c40..5eac4142b6b 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/administration/administration.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/administration/administration.component.html
@@ -4,12 +4,14 @@
   <li class="cds--overflow-menu-options__option mb-2">
     <button routerLink="/user-management"
             class="cds--overflow-menu-options__btn"
+            type="button"
             i18n>User management</button>
   </li>
   <li class="cds--overflow-menu-options__option mb-2"
       *ngIf="configOptPermission.read">
     <button routerLink="/telemetry"
             class="cds--overflow-menu-options__btn"
+            type="button"
             i18n>Telemetry configuration</button>
   </li>
 </cds-overflow-menu>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/identity/identity.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/identity/identity.component.html
index 8b63e301aac..c68c88d25c6 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/identity/identity.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/identity/identity.component.html
@@ -11,6 +11,7 @@
     <button *ngIf="!sso"
             routerLink="/user-profile/edit"
             class="cds--overflow-menu-options__btn"
+            type="button"
             i18n>
     <svg cdsIcon="locked"
          class="me-2"
@@ -21,6 +22,7 @@
     <button (click)="logout()"
             data-testid="logout"
             class="cds--overflow-menu-options__btn"
+            type="button"
             i18n><svg cdsIcon="logout"
                       class="me-2"
                       size="16"></svg>Log out
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.html
index 003c48a8259..80726f4fe13 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.html
@@ -36,7 +36,9 @@
       </cds-header-navigation>
       <div class="cds--btn cds--btn--icon-only cds--header__action"
            data-testid="header-notification-icon"
-           (click)="onNotificationSelected($event)">
+           (click)="onNotificationSelected($event)"
+           tabindex="0"
+           (keydown.enter)="onNotificationSelected($event)">
         <cd-notifications></cd-notifications>
       </div>
       <div class="cds--btn cds--btn--icon-only cds--header__action">
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/notification-panel/notification-area/notification-area.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/notification-panel/notification-area/notification-area.component.html
index a8ac59e0d3c..623cae5cc2b 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/notification-panel/notification-area/notification-area.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/notification-panel/notification-area/notification-area.component.html
@@ -72,7 +72,8 @@
         cdsButton="ghost"
         size="sm"
         class="notification-close"
-        (click)="removeNotification(notification, $event)">
+        (click)="removeNotification(notification, $event)"
+        type="button">
         <cd-icon type="destroy"></cd-icon>
       </button>
     </div>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/notification-panel/notification-header/notification-header.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/notification-panel/notification-header/notification-header.component.html
index 2906f9bba1c..a7b765d9cd2 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/notification-panel/notification-header/notification-header.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/notification-panel/notification-header/notification-header.component.html
@@ -7,6 +7,7 @@
       class="notification-header__dismiss-btn"
       i18n
       cdsButton="ghost"
+      type="button"
       size="sm"
       (click)="onDismissAll()">
       Dismiss all
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/alert-panel/alert-panel.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/alert-panel/alert-panel.component.html
index 51b218769bb..1ce838ceeda 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/alert-panel/alert-panel.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/alert-panel/alert-panel.component.html
@@ -14,6 +14,7 @@
           [title]="actionName"
           (click)="onAction()"
           *ngIf="actionName"
+          type="button"
           i18n>{{ actionName }}
   </button>
 </ng-template>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/card-row/card-row.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/card-row/card-row.component.html
index f69c55c18dc..e4976d6f61e 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/card-row/card-row.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/card-row/card-row.component.html
@@ -37,11 +37,13 @@
     </span>
     <span *ngIf="dropdownData && dropdownData.total.total.total > 0"
           class="position-absolute end-0 me-2">
-      <a (click)="toggleDropdown()"
-         class="dropdown-toggle"
-         [attr.aria-expanded]="dropdownToggled"
-         aria-controls="row-dropdwon"
-         role="button"></a>
+      <button type="button"
+          (click)="toggleDropdown()"
+          class="dropdown-toggle border-0 bg-transparent p-0"
+          [attr.aria-expanded]="dropdownToggled"
+          aria-controls="row-dropdown">
+        <span class="visually-hidden" i18n>Toggle dropdown</span>
+      </button>
     </span>
   </div>
 </li>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/copy2clipboard-button/copy2clipboard-button.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/copy2clipboard-button/copy2clipboard-button.component.html
index 4046a4e2a21..0bf81d9bf4c 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/copy2clipboard-button/copy2clipboard-button.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/copy2clipboard-button/copy2clipboard-button.component.html
@@ -5,6 +5,7 @@
         [size]="size"
         description="Copy to Clipboard"
         i18n-description
+        type="button"
         (click)="onClick()">
   @if(text) {
   <span data-toggle="tooltip"
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/details-card/details-card.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/details-card/details-card.component.html
index b0d356e099b..c3a784214b6 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/details-card/details-card.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/details-card/details-card.component.html
@@ -13,7 +13,7 @@
       @for (detail of getVisibleDetails(); track detail.label) {
       <div [cdsStack]="'vertical'"
            [gap]="2">
-        <label class="cds--type-label-01">{{ detail.label }}</label>
+        <legend class="cds--type-label-01">{{ detail.label }}</legend>
         <div class="cds--type-body-01">
           @switch (detail.type) {
             @case ('status') {
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/download-button/download-button.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/download-button/download-button.component.html
index 43c1d2d6542..21ce6a76343 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/download-button/download-button.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/download-button/download-button.component.html
@@ -11,6 +11,7 @@
   <div ngbDropdownMenu>
     <button ngbDropdownItem
             (click)="download('json')"
+            type="button"
             *ngIf="objectItem">
       <svg [cdsIcon]="icons.code"
            size="16"
@@ -19,7 +20,8 @@
     </button>
     <button ngbDropdownItem
             (click)="download()"
-            *ngIf="textItem">
+            *ngIf="textItem"
+            type="button">
       <svg [cdsIcon]="icons.document"
            size="16"
            ></svg>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/grafana/grafana.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/grafana/grafana.component.html
index cdb38fcf555..bb5b285602a 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/grafana/grafana.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/grafana/grafana.component.html
@@ -21,6 +21,7 @@
         <button class="btn btn-light ms-3"
                 i18n-title
                 title="Reset Settings"
+                type="button"
                 (click)="reset()">
           <i [ngClass]="[icons.undo]"></i>
         </button>
@@ -29,6 +30,7 @@
         <button class="btn btn-light ms-3"
                 i18n-title
                 title="Show hidden information"
+                type="button"
                 (click)="showMessage = !showMessage">
           <i [ngClass]="[icons.infoCircle, icons.size24]"></i>
         </button>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/helper/helper.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/helper/helper.component.html
index 57f368f2456..c9e5b3f2ad6 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/helper/helper.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/helper/helper.component.html
@@ -30,7 +30,9 @@
       </div>
       <cds-popover-content>
         <div class="cds--popover-scroll-container"
-             (click)="$event.stopPropagation()">
+             (click)="$event.stopPropagation()"
+             tabindex="0"
+             (keydown.enter)="$event.stopPropagation()">
           <ng-container *ngTemplateOutlet="content"></ng-container>
         </div>
       </cds-popover-content>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/inline-message/inline-message.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/inline-message/inline-message.component.html
index a6af7aace9b..ee382632f2d 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/inline-message/inline-message.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/inline-message/inline-message.component.html
@@ -36,7 +36,8 @@
         <button class="inline-tip-bg-color btn-toggle"
                 cdsButton="ghost"
                 size="md"
-                (click)="toggleContent()">
+                (click)="toggleContent()"
+                type="button">
           <span i18n>{{ isTruncated ? 'Read more' : 'Read less' }}</span>
         </button>
       }
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/notifications-sidebar/notifications-sidebar.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/notifications-sidebar/notifications-sidebar.component.html
index 70519a36af4..cca8ffc57bd 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/notifications-sidebar/notifications-sidebar.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/notifications-sidebar/notifications-sidebar.component.html
@@ -65,6 +65,7 @@
             <div class="card-body p-1">
               <button class="btn btn-link float-end mt-0 pt-0"
                       title="Remove notification"
+                      type="button"
                       i18n-title
                       (click)="remove(i); $event.stopPropagation()">
                 <svg [cdsIcon]="icons.trash"
@@ -74,6 +75,7 @@
               <button *ngIf="notification.application === 'Prometheus' && notification.type !== 2 && !notification.alertSilenced"
                       class="btn btn-link float-end text-muted mute m-0 p-0"
                       title="Silence Alert"
+                      type="button"
                       i18n-title
                       (click)="silence(notification)">
                 <svg [cdsIcon]="icons.mute"
@@ -83,6 +85,7 @@
               <button *ngIf="notification.application === 'Prometheus' && notification.type !== 2 && notification.alertSilenced"
                       class="btn btn-link float-end text-muted mute m-0 p-0"
                       title="Expire Silence"
+                      type="button"
                       i18n-title
                       (click)="expire(notification)">
                 <svg [cdsIcon]="icons.bell"
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/select-badges/select-badges.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/select-badges/select-badges.component.html
index 55b8e564c64..bef3e49b1ae 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/select-badges/select-badges.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/select-badges/select-badges.component.html
@@ -16,7 +16,9 @@
   <cds-tag class="tag-dark me-2">
     <span class="me-2">{{ dataItem }}</span>
       <a  class="tags-remove"
-          (click)="cdSelect.removeItem(dataItem)">
+          (click)="cdSelect.removeItem(dataItem)"
+          tabindex="0"
+          (keydown.enter)="cdSelect.removeItem(dataItem)">
       <svg [cdsIcon]="icons.destroy"
            [size]="icons.size20"
            class="cds-white"></svg>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/select/select.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/select/select.component.html
index 7d39e6f2d60..e6580017b97 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/select/select.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/select/select.component.html
@@ -21,7 +21,9 @@
   <div *ngFor="let option of filteredOptions"
        class="select-menu-item"
        [ngClass]="{'help-block disabled': (data.length === selectionLimit || !option.enabled) && !option.selected}"
-       (click)="triggerSelection(option)">
+       (click)="triggerSelection(option)"
+       tabindex="0"
+       (keydown.enter)="triggerSelection(option)">
     <div class="select-menu-item-icon">
       <i [ngClass]="[icons.check]"
          aria-hidden="true"
@@ -40,7 +42,9 @@
   </div>
   <div *ngIf="isCreatable()"
        class="select-menu-item"
-       (click)="addCustomOption()">
+       (click)="addCustomOption()"
+       tabindex="0"
+       (keydown.enter)="addCustomOption()">
     <div class="select-menu-item-icon">
       <i [ngClass]="[icons.tag]"
          aria-hidden="true"></i>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/side-panel/side-panel.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/side-panel/side-panel.component.html
index 0af5a25a402..a591e49fb7d 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/side-panel/side-panel.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/side-panel/side-panel.component.html
@@ -1,5 +1,7 @@
 <div class="overlay"
      (click)="close()"
+     tabindex="0"
+     (keydown.enter)="close()"
      *ngIf="expanded && overlay"></div>
 
 <cds-panel [expanded]="expanded"
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/tearsheet/tearsheet.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/tearsheet/tearsheet.component.html
index c1bb0ac8c7a..53f974c1109 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/tearsheet/tearsheet.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/tearsheet/tearsheet.component.html
@@ -50,12 +50,14 @@
                   class="tearsheet-footer-cancel"
                   (click)="closeTearsheet()"
                   size="xl"
+                  type="button"
                   i18n>Cancel</button>
           @if (steps.length > 1) {
           <button cdsButton="secondary"
                   size="xl"
                   [disabled]="currentStep === 0"
                   (click)="onPrevious()"
+                  type="button"
                   i18n>Previous</button>
           }
           @if (currentStep === lastStep) {
@@ -64,6 +66,7 @@
                   class="tearsheet-footer-submit"
                   [disabled]="isSubmitLoading"
                   (click)="onSubmit()"
+                  type="button"
                   i18n>
             @if (isSubmitLoading) {
             <cds-loading
@@ -82,6 +85,7 @@
           <button cdsButton="primary"
                   size="xl"
                   [disabled]="steps[currentStep]?.invalid"
+                  type="button"
                   (click)="onNext()"
                   i18n>Next</button>
           }
@@ -164,12 +168,14 @@
         <button cdsButton="ghost"
                 (click)="closeTearsheet()"
                 size="xl"
+                type="button"
                 i18n>Cancel</button>
         @if (steps.length > 1) {
         <button cdsButton="secondary"
                 size="xl"
                 [disabled]="currentStep === 0"
                 (click)="onPrevious()"
+                type="button"
                 i18n>Previous</button>
         }
         @if (currentStep === lastStep) {
@@ -178,6 +184,7 @@
                 class="tearsheet-footer-submit"
                 [disabled]="isSubmitLoading"
                 (click)="onSubmit()"
+                type="button"
                 i18n>
           @if (isSubmitLoading) {
           <cds-loading
@@ -197,6 +204,7 @@
                 size="xl"
                 [disabled]="steps[currentStep]?.invalid"
                 (click)="onNext()"
+                type="button"
                 i18n>Next</button>
         }
       </cds-modal-footer>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/upgradable/upgradable.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/upgradable/upgradable.component.html
index e356fbb5022..4a4f0a06c33 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/upgradable/upgradable.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/upgradable/upgradable.component.html
@@ -18,7 +18,9 @@
   <div *ngIf="upgradeInfo$ | async as info"
        i18n>
     <h5 *ngIf="info.versions.length > 0"
-        (click)="upgradeModal()">
+        (click)="upgradeModal()"
+        tabindex="0"
+        (keydown.enter)="upgradeModal()">
       <i [ngClass]="icons.up"></i>
       Upgrade available
     </h5>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/vertical-navigation/vertical-navigation.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/vertical-navigation/vertical-navigation.component.html
index ae48d7fd7fc..10695fbb010 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/vertical-navigation/vertical-navigation.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/vertical-navigation/vertical-navigation.component.html
@@ -13,10 +13,14 @@
         <a class="nav-link"
            [class.active]="!activeItem"
            (click)="selectItem()"
+           tabindex="0"
+           (keydown.enter)="selectItem()"
            *ngIf="item === ''">_nogroup</a>
         <a class="nav-link text-decoration-none text-break"
            [class.active]="item === activeItem"
            (click)="selectItem(item)"
+           tabindex="0"
+           (keydown.enter)="selectItem(item)"
            *ngIf="item !== ''">{{item}}</a>
       </li>
     </ul>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-actions/table-actions.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-actions/table-actions.component.html
index a4e9f0c22b6..1846c419b9d 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-actions/table-actions.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-actions/table-actions.component.html
@@ -19,7 +19,8 @@
             [attr.aria-label]="dropDownOnly"
             [offset]="{ x: -210, y: 65 }"
             [cdsOverflowMenu]="overflowMenuTpl"
-            data-testid="table-action-btn">
+            data-testid="table-action-btn"
+            type="button">
       <svg
            [cdsIcon]="icons.chevronDown"></svg>
     </button>
@@ -44,7 +45,8 @@
 
 <ng-template #caret>
   <button [cdsButton]="currentAction.buttonKind"
-          class="caret-btn">
+          class="caret-btn"
+          type="button">
     <svg class="cds--btn__icon"
          [cdsIcon]="icons.chevronDown"></svg>
   </button>
@@ -74,7 +76,8 @@
 </ng-template>
 
 <ng-template #customTrigger>
-  <button [cdsButton]="dropDownOnlyBtnColor">
+  <button [cdsButton]="dropDownOnlyBtnColor"
+          type="button">
     <span i18n>{{ dropDownOnly }}</span>
     <svg class="override-position-static cds--btn__icon"
          [cdsIcon]="icons.chevronDown"></svg>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-pagination/table-pagination.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-pagination/table-pagination.component.html
index 3be5322f2b1..30f7ebfa9ef 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-pagination/table-pagination.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-pagination/table-pagination.component.html
@@ -7,6 +7,7 @@
     i18n-aria-label
     [disabled]="!canPrevious()"
     (click)="selectPage(1)"
+    type="button"
   >
     <cd-icon type="angleDoubleLeft"></cd-icon>
   </button>
@@ -15,6 +16,7 @@
     aria-label="Go to previous page"
     i18n-aria-label
     [disabled]="!canPrevious()"
+    type="button"
     (click)="prevPage()"
   >
     <cd-icon type="leftArrow"></cd-icon>
@@ -39,6 +41,7 @@
     i18n-aria-label
     (click)="nextPage()"
     [disabled]="!canNext()"
+    type="button"
   >
     <cd-icon type="rightArrow"></cd-icon>
   </button>
@@ -48,6 +51,7 @@
     i18n-aria-label
     [disabled]="!canNext()"
     (click)="selectPage(totalPages)"
+    type="button"
   >
     <cd-icon type="angleDoubleRight"></cd-icon>
   </button>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.html
index 51485d12c04..637da0ff771 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.html
@@ -34,6 +34,7 @@
                 [preserveFragment]="action.preserveFragment ? '' : null"
                 [disabled]="tableActions.disableSelectionAction(action)"
                 [attr.aria-label]="action.name"
+                type="button"
                 i18n>
           {{ action.name }}
         </button>
@@ -178,6 +179,7 @@
                 <button
                   cdsButton="tertiary"
                   size="md"
+                  type="button"
                   (click)="addCustomFilter()">Add new filter rule +</button>
               </div>
             </div>
@@ -189,6 +191,7 @@
             <button cdsButton="secondary"
                     size="lg"
                     data-testid="clear-filters"
+                    type="button"
                     (click)="onClearFilters()">
               <ng-container i18n>Clear all</ng-container>
             </button>
@@ -197,6 +200,7 @@
                     size="lg"
                     data-testid="apply-filters"
                     [disabled]="isApplyFilterDisabled"
+                    type="button"
                     (click)="onSubmitFilter()">
               <ng-container i18n>Apply</ng-container>
             </button>
@@ -225,6 +229,7 @@
       <!-- show hide columns -->
       <button cdsButton="ghost"
               class="toolbar-action"
+              type="button"
               [cdsOverflowMenu]="showHideColumnsRef"
               placement="bottom"
               [flip]="true"
@@ -236,6 +241,8 @@
       <ng-template #showHideColumnsRef>
         <div class="vstack gap-3 p-3"
              (click)="$event.stopPropagation()"
+             tabindex="0"
+             (keydown.enter)="$event.stopPropagation()"
              [cdsTheme]="theme">
           <ng-container *ngFor="let column of localColumns">
             <cds-checkbox *ngIf="!column?.isInvisible"
@@ -293,7 +300,8 @@
           </cds-tooltip>
         }
         <button cdsButton="ghost"
-                (click)="onClearFilters($event)">
+                (click)="onClearFilters($event)"
+                type="button">
           <ng-container i18n>Clear filters</ng-container>
         </button>
       </div>