diff --git a/frontend/eslint.config.mjs b/frontend/eslint.config.mjs
index 6516882b6e4..8c9e8b67404 100644
--- a/frontend/eslint.config.mjs
+++ b/frontend/eslint.config.mjs
@@ -146,6 +146,10 @@ export default defineConfig([
       ...angular.configs.templateAccessibility,
     ],
     rules: {
+      '@angular-eslint/template/click-events-have-key-events': [
+        'error',
+        { 'ignoreWithDirectives': ['uiSref'] }
+      ],
       '@angular-eslint/template/elements-content': [
         'error',
         { 'allowList': ['textContent'] }
diff --git a/frontend/src/app/core/global_search/input/global-search-input.component.html b/frontend/src/app/core/global_search/input/global-search-input.component.html
index bcdef37e012..79ba5b741a7 100644
--- a/frontend/src/app/core/global_search/input/global-search-input.component.html
+++ b/frontend/src/app/core/global_search/input/global-search-input.component.html
@@ -66,14 +66,18 @@
     <ng-template op-autocompleter-option-tmp let-item let-index="index" let-search="searchTerm">
       @if (!item.id) {
         <div>
-          <div tabindex="-1" class="global-search--option" (click)="followItem(item)">
+          <a tabindex="0"
+             href="#"
+             class="global-search--option"
+             (click)="$event.preventDefault(); followItem(item)"
+             (keydown.enter)="$event.preventDefault(); followItem(item)"
+             (keydown.space)="$event.preventDefault(); followItem(item)">
             <div class="global-search--search-term">{{ currentValue }}</div>
             <div class="global-search--project-scope" title="{{ item.projectScope }}">{{ item.text }} ↵</div>
-          </div>
+          </a>
         </div>
       } @else {
         <a
-          tabindex="-1"
           class="global-search--option"
           [href]="wpPath(item.id)"
           (click)="redirectToWp(item.id, $event)"
diff --git a/frontend/src/app/features/admin/types/group-edit-in-place.html b/frontend/src/app/features/admin/types/group-edit-in-place.html
index 5fd62aa1bf9..6049b310fd3 100644
--- a/frontend/src/app/features/admin/types/group-edit-in-place.html
+++ b/frontend/src/app/features/admin/types/group-edit-in-place.html
@@ -1,8 +1,12 @@
 @if (!editing) {
   <div
-    (click)="startEditing()"
+    role="button"
+    tabindex="0"
+    class="group-edit-handler"
     [textContent]="name"
-    class="group-edit-handler">
+    (click)="startEditing()"
+    (keydown.enter)="startEditing()"
+    (keydown.space)="startEditing()">
   </div>
 }
 @if (editing) {
diff --git a/frontend/src/app/features/admin/types/query-group.component.html b/frontend/src/app/features/admin/types/query-group.component.html
index a2bf7930306..47e6afddaa3 100644
--- a/frontend/src/app/features/admin/types/query-group.component.html
+++ b/frontend/src/app/features/admin/types/query-group.component.html
@@ -15,7 +15,12 @@
         />
     </div>
     <div class="type-form-query">
-        <span class="type-form-query-group--edit-button" (click)="editQuery.emit()">
+        <span class="type-form-query-group--edit-button"
+              role="button"
+              tabindex="0"
+              (click)="editQuery.emit()"
+              (keydown.enter)="editQuery.emit()"
+              (keydown.space)="editQuery.emit()">
           <op-icon icon-classes="button--icon icon-edit" />
             {{ text.edit_query }}
         </span>
diff --git a/frontend/src/app/features/bim/bcf/bcf-wp-attribute-group/bcf-wp-attribute-group.component.html b/frontend/src/app/features/bim/bcf/bcf-wp-attribute-group/bcf-wp-attribute-group.component.html
index 3c4f99b60cf..b0b79b1b7fb 100644
--- a/frontend/src/app/features/bim/bcf/bcf-wp-attribute-group/bcf-wp-attribute-group.component.html
+++ b/frontend/src/app/features/bim/bcf/bcf-wp-attribute-group/bcf-wp-attribute-group.component.html
@@ -17,13 +17,14 @@
       </div>
     }
     @if (viewerVisible && createAllowed) {
-      <a
-        [title]="text.add_viewpoint"
+      <button
+        role="button"
         class="button"
+        [title]="text.add_viewpoint"
         (click)="saveViewpoint(workPackage)">
         <op-icon icon-classes="button--icon icon-add" />
         <span class="button--text"> {{text.viewpoint}} </span>
-      </a>
+      </button>
     }
   </div>
 }
diff --git a/frontend/src/app/features/bim/ifc_models/ifc-viewer/ifc-viewer.component.html b/frontend/src/app/features/bim/ifc_models/ifc-viewer/ifc-viewer.component.html
index 6c1d76e9cae..8b6d01e14c6 100644
--- a/frontend/src/app/features/bim/ifc_models/ifc-viewer/ifc-viewer.component.html
+++ b/frontend/src/app/features/bim/ifc_models/ifc-viewer/ifc-viewer.component.html
@@ -90,7 +90,7 @@
 
   <div #inspectorPane
     class="op-ifc-viewer--inspector-container"
-    [class.op-ifc-viewer--inspector-container-hidden]="!(inspectorVisible$ | async)"
+    [class.op-ifc-viewer--inspector-container-hidden]="(inspectorVisible$ | async) === false"
     data-test-selector="op-ifc-viewer--inspector-container">
   </div>
 </div>
diff --git a/frontend/src/app/features/boards/board/board-partitioned-page/board-list-container.component.html b/frontend/src/app/features/boards/board/board-partitioned-page/board-list-container.component.html
index c345945cfad..b85f2174ce6 100644
--- a/frontend/src/app/features/boards/board/board-partitioned-page/board-list-container.component.html
+++ b/frontend/src/app/features/boards/board/board-partitioned-page/board-list-container.component.html
@@ -41,7 +41,11 @@
       }
       @if (board.editable) {
         <div class="boards-list--add-item -no-text-select"
-          (click)="addList(board)">
+          role="button"
+          tabindex="0"
+          (click)="addList(board)"
+          (keydown.enter)="addList(board)"
+          (keydown.space)="addList(board)">
           <div class="boards-list--add-item-text">
             <op-icon icon-classes="icon-add icon-context" />
             <span [textContent]="text.addList"></span>
diff --git a/frontend/src/app/features/in-app-notifications/entry/in-app-notification-entry.component.html b/frontend/src/app/features/in-app-notifications/entry/in-app-notification-entry.component.html
index 01e403fe667..7c053e6cdc9 100644
--- a/frontend/src/app/features/in-app-notifications/entry/in-app-notification-entry.component.html
+++ b/frontend/src/app/features/in-app-notifications/entry/in-app-notification-entry.component.html
@@ -1,6 +1,10 @@
 <div
   class="op-ian-item--row"
+  tabindex="0"
+  role="button"
   (click)="onClick()"
+  (keydown.enter)="$event.preventDefault(); onClick()"
+  (keydown.space)="$event.preventDefault(); onClick()"
   (dblclick)="onDoubleClick()"
   >
   @if (workPackage$ && (workPackage$ | async); as workPackage) {
@@ -51,9 +55,12 @@
       <i
         data-test-selector="mark-as-read-button"
         class="op-ian-item--button icon-mark-read"
+        tabindex="0"
+        role="button"
         [title]="text.mark_as_read"
         (click)="markAsRead($event, aggregatedNotifications)"
-        tabindex="0"
+        (keydown.enter)="$event.preventDefault(); markAsRead($event, aggregatedNotifications)"
+        (keydown.space)="$event.preventDefault(); markAsRead($event, aggregatedNotifications)"
         >
       </i>
     }
diff --git a/frontend/src/app/features/team-planner/team-planner/planner/team-planner.component.html b/frontend/src/app/features/team-planner/team-planner/planner/team-planner.component.html
index 3a296070f7b..3ebc827c247 100644
--- a/frontend/src/app/features/team-planner/team-planner/planner/team-planner.component.html
+++ b/frontend/src/app/features/team-planner/team-planner/planner/team-planner.component.html
@@ -132,6 +132,7 @@
     }
 
     <div class="op-team-planner--footer" data-test-selector="op-team-planner-footer">
+      <!-- eslint-disable-next-line @angular-eslint/template/no-negated-async -->
       @if (!(showAddAssignee$ | async) && !(dropzone$ | async)?.dragging) {
         <div
           class="op-team-planner--add-assignee"
diff --git a/frontend/src/app/features/work-packages/components/wp-edit/wp-edit-field/wp-replacement-label.html b/frontend/src/app/features/work-packages/components/wp-edit/wp-edit-field/wp-replacement-label.html
index 236eb8b1e86..b39c68a386c 100644
--- a/frontend/src/app/features/work-packages/components/wp-edit/wp-edit-field/wp-replacement-label.html
+++ b/frontend/src/app/features/work-packages/components/wp-edit/wp-edit-field/wp-replacement-label.html
@@ -1,7 +1,10 @@
 <span
   class="wp-replacement-label"
   (click)="activate($event)"
-  tabindex="-1"
+  (keydown.space)="$event.preventDefault(); activate($event)"
+  (keydown.enter)="$event.preventDefault(); activate($event)"
+  tabindex="0"
+  role="button"
   attr.data-test-selector="{{fieldName}}">
   <ng-content />
 </span>
diff --git a/frontend/src/app/shared/components/autocompleter/draggable-autocomplete/draggable-autocomplete.component.html b/frontend/src/app/shared/components/autocompleter/draggable-autocomplete/draggable-autocomplete.component.html
index ee80ffd0355..d5999c90c3c 100644
--- a/frontend/src/app/shared/components/autocompleter/draggable-autocomplete/draggable-autocomplete.component.html
+++ b/frontend/src/app/shared/components/autocompleter/draggable-autocomplete/draggable-autocomplete.component.html
@@ -28,7 +28,7 @@
 
   <div class="FormControl-spacingWrapper">
     <div class="FormControl width-full">
-      <span class="FormControl-label" [textContent]="dragAreaLabel"></span>
+      <span class="FormControl-label" [textContent]="dragAreaLabel" [tabIndex]="0" role="region"></span>
 
       <div
         class="op-draggable-autocomplete--selected"
@@ -42,10 +42,13 @@
               [textContent]="item.name"
             ></span>
             @if (isRemovable(item)) {
-              <a
+              <div
+                tabindex="0"
                 (click)="remove(item)"
+                (keydown.enter)="remove(item)"
+                (keydown.space)="remove(item)"
                 class="op-draggable-autocomplete--remove-item icon-remove"
-              ></a>
+              ></div>
             }
           </div>
         }
diff --git a/frontend/src/app/shared/components/autocompleter/op-autocompleter/op-autocompleter.component.html b/frontend/src/app/shared/components/autocompleter/op-autocompleter/op-autocompleter.component.html
index 205ce35ffd3..da99c7cfe84 100644
--- a/frontend/src/app/shared/components/autocompleter/op-autocompleter/op-autocompleter.component.html
+++ b/frontend/src/app/shared/components/autocompleter/op-autocompleter/op-autocompleter.component.html
@@ -222,7 +222,11 @@
 
 <ng-template let-item let-search="search" let-clear="clear" #defaultLabel>
   @if (resource === 'work_packages') {
-    <span class="ng-value-icon left" (click)="clear(item)">×</span>
+    <span class="ng-value-icon left"
+          tabindex="0"
+          (click)="clear(item)"
+          (keydown.enter)="clear(item)"
+          (keydown.space)="clear(item)">×</span>
     @if (item.id) {
       <span
         class="ng-value-label"
@@ -234,7 +238,11 @@
   }
 
   @if (resource !== 'work_packages') {
-    <span class="ng-value-icon left" (click)="clear(item)">×</span>
+    <span class="ng-value-icon left"
+          tabindex="0"
+          (click)="clear(item)"
+          (keydown.enter)="$event.preventDefault(); clear(item)"
+          (keydown.space)="$event.preventDefault(); clear(item)">×</span>
     <span
       [ngOptionHighlight]="search"
       [ngClass]=" additionalClassProperty ? item[additionalClassProperty] : ''"
diff --git a/frontend/src/app/shared/components/autocompleter/time-entries-work-package-autocompleter/time-entries-work-package-autocompleter-template.component.html b/frontend/src/app/shared/components/autocompleter/time-entries-work-package-autocompleter/time-entries-work-package-autocompleter-template.component.html
index 967cdbad9c4..bb8a7616e41 100644
--- a/frontend/src/app/shared/components/autocompleter/time-entries-work-package-autocompleter/time-entries-work-package-autocompleter-template.component.html
+++ b/frontend/src/app/shared/components/autocompleter/time-entries-work-package-autocompleter/time-entries-work-package-autocompleter-template.component.html
@@ -4,7 +4,10 @@
       <ul class="op-tab-row">
         <li
           class="op-tab-row--tab"
+          tabindex="0"
           (click)="autocompleter.changeMode('all')"
+          (keydown.enter)="$event.preventDefault(); autocompleter.changeMode('all')"
+          (keydown.space)="$event.preventDefault(); autocompleter.changeMode('all')"
         >
           <a
             href="#"
@@ -16,7 +19,10 @@
         </li>
         <li
           class="op-tab-row--tab"
+          tabindex="0"
           (click)="autocompleter.changeMode('recent')"
+          (keydown.space)="$event.preventDefault(); autocompleter.changeMode('recent')"
+          (keydown.enter)="$event.preventDefault(); autocompleter.changeMode('recent')"
         >
           <a
             href="#"
diff --git a/frontend/src/app/shared/components/fields/display/info/op-exclusion-info.component.html b/frontend/src/app/shared/components/fields/display/info/op-exclusion-info.component.html
index 5c55fa59999..832f342c19f 100644
--- a/frontend/src/app/shared/components/fields/display/info/op-exclusion-info.component.html
+++ b/frontend/src/app/shared/components/fields/display/info/op-exclusion-info.component.html
@@ -3,13 +3,16 @@
   (closed)="opened = false"
   class="op-exclusion-info"
 >
-  <svg
-    slot="trigger"
-    info-icon
-    class="button--icon op-exclusion-info--icon"
-    size="small"
+  <span
+    tabindex="0"
+    role="button"
+    class="op-exclusion-info--icon"
     (click)="toggleOpen($event)"
-  ></svg>
+    (keydown.enter)="toggleOpen($event)"
+    (keydown.space)="toggleOpen($event)"
+  >
+    <svg info-icon size="small" aria-hidden="true"></svg>
+  </span>
 
   <ng-container slot="body" class="op-exclusion-info--modal">
     <div class="op-exclusion-info--modal">
diff --git a/frontend/src/app/shared/components/primer/dynamic-icon.directive.ts b/frontend/src/app/shared/components/primer/dynamic-icon.directive.ts
index 6c9681a3eff..43f5e9dba7e 100644
--- a/frontend/src/app/shared/components/primer/dynamic-icon.directive.ts
+++ b/frontend/src/app/shared/components/primer/dynamic-icon.directive.ts
@@ -40,14 +40,11 @@ export class DynamicIconDirective {
   readonly icon = input.required<string>();
   readonly size = input<SVGSize>('medium');
 
-  private loaded = false;
-
   constructor() {
     effect(() => {
       const name = this.icon();
-      if (!name || this.loaded) return;
+      if (!name) return;
 
-      this.loaded = true;
       this.renderIcon(name);
     });
   }
diff --git a/frontend/src/app/shared/components/tabs/scrollable-tabs/scrollable-tabs.component.html b/frontend/src/app/shared/components/tabs/scrollable-tabs/scrollable-tabs.component.html
index 0d0d9af2847..b1556484b68 100644
--- a/frontend/src/app/shared/components/tabs/scrollable-tabs/scrollable-tabs.component.html
+++ b/frontend/src/app/shared/components/tabs/scrollable-tabs/scrollable-tabs.component.html
@@ -75,20 +75,24 @@
         </li>
       }
     </ul>
-    <div
-      #scrollLeftBtn [hidden]="hideLeftButton"
+    <button
+      #scrollLeftBtn
+      type="button"
       class="op-scrollable-tabs--button op-scrollable-tabs--button_left"
+      [hidden]="hideLeftButton"
       (click)="scrollLeft()"
       >
       <span class="icon-arrow-left2"></span>
-    </div>
-    <div
-      #scrollRightBtn [hidden]="hideRightButton"
+    </button>
+    <button
+      #scrollRightBtn
+      type="button"
       class="op-scrollable-tabs--button op-scrollable-tabs--button_right"
+      [hidden]="hideRightButton"
       (click)="scrollRight()"
       >
       <span class="icon-arrow-right2"></span>
-    </div>
+    </button>
   </div>
   <ul class="op-scrollable-tabs--actions">
     <ng-content select="[slot=actions]" />
diff --git a/frontend/src/app/shared/components/time_entries/timer/stop-existing-timer-modal.component.html b/frontend/src/app/shared/components/time_entries/timer/stop-existing-timer-modal.component.html
index 3b035aecfa7..cc883418ef6 100644
--- a/frontend/src/app/shared/components/time_entries/timer/stop-existing-timer-modal.component.html
+++ b/frontend/src/app/shared/components/time_entries/timer/stop-existing-timer-modal.component.html
@@ -16,6 +16,7 @@
     <p>
       <strong>{{ text.tracking_time }}: {{ elapsed$ | async }}</strong>
       <br/>
+      <!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->
       <a
         uiSref="work-packages.show"
         [uiParams]="{ workPackageId: active.entity.id }"
diff --git a/frontend/src/app/shared/components/time_entries/timer/timer-account-menu.component.html b/frontend/src/app/shared/components/time_entries/timer/timer-account-menu.component.html
index b671554ae52..2bd402cb944 100644
--- a/frontend/src/app/shared/components/time_entries/timer/timer-account-menu.component.html
+++ b/frontend/src/app/shared/components/time_entries/timer/timer-account-menu.component.html
@@ -1,13 +1,14 @@
 @if (timer$ | async; as timer) {
   <span class="op-timer-account-menu--timer"> {{text.tracking}}:  {{ elapsed$ | async }}
-    <a
+    <button
+      type="button"
       class="op-timer-account-menu--timer-icon"
       data-test-selector="op-timer-account-menu-stop"
       (click)="stopTimer()"
-      >
+    >
       <svg op-stopwatch-stop-icon size="small" />
       <span>{{text.stop}}</span>
-    </a>
+    </button>
   </span>
   <a
     class="op-timer-account-menu--wp-details"
diff --git a/frontend/src/app/shared/components/time_entries/timer/timer-account-menu.component.sass b/frontend/src/app/shared/components/time_entries/timer/timer-account-menu.component.sass
index e3c5d73f5b7..bfdf32c87d1 100644
--- a/frontend/src/app/shared/components/time_entries/timer/timer-account-menu.component.sass
+++ b/frontend/src/app/shared/components/time_entries/timer/timer-account-menu.component.sass
@@ -12,8 +12,14 @@
     line-height: $spot-spacing-2
 
   &--timer-icon
-    margin-left: auto
     cursor: pointer
+    border: none
+    background: none
+    align-items: center
+    padding: 0
+    display: inline-flex
+    margin-left: 0.5rem
+    color: var(--accent-color)
 
     .octicon
       margin-right: var(--base-size-4)
diff --git a/frontend/src/app/shared/components/toaster/toast.component.html b/frontend/src/app/shared/components/toaster/toast.component.html
index 7c0f72a3e89..03603a68d4a 100644
--- a/frontend/src/app/shared/components/toaster/toast.component.html
+++ b/frontend/src/app/shared/components/toaster/toast.component.html
@@ -15,9 +15,10 @@
         <span [textContent]="toast.message"></span>
         <span [textContent]="' '"></span>
         @if (toast.link) {
-          <a class="op-toast--target-link"
-            (click)="executeTarget()"
-            [textContent]="toast.link!.text">
+          <a href="#"
+            class="op-toast--target-link"
+            [textContent]="toast.link!.text"
+            (click)="executeTarget()">
           </a>
         }
       </p>
@@ -28,11 +29,10 @@
           <div>
             @if (canBeHidden) {
               <div>
-                <a (click)="show = true" [hidden]="show">
+                <a href="#" [hidden]="show" (click)="show = true">
                   <svg chevron-right-icon size="small"></svg>
                 </a>
-                <a (click)="show = false" [hidden]="!show">
-
+                <a href="#" [hidden]="!show" (click)="show = false">
                   <svg chevron-down-icon size="small"></svg>
                 </a>
                 <span [textContent]="uploadText"></span>
diff --git a/frontend/src/app/spot/components/drop-modal/drop-modal.component.html b/frontend/src/app/spot/components/drop-modal/drop-modal.component.html
index 4ba47d58029..83fcb83fc35 100644
--- a/frontend/src/app/spot/components/drop-modal/drop-modal.component.html
+++ b/frontend/src/app/spot/components/drop-modal/drop-modal.component.html
@@ -13,6 +13,8 @@
       [ngClass]="['spot-drop-modal--body', 'spot-container' ]"
       [class.spot-drop-modal--body_not-full-screen]="notFullscreen"
       (click)="onBodyClick($event)"
+      (keydown.enter)="onBodyClick($event)"
+      (keydown.space)="onBodyClick($event)"
       cdkTrapFocus
       tabindex="0"
       >
diff --git a/frontend/src/global_styles/content/_scrollable_tabs.sass b/frontend/src/global_styles/content/_scrollable_tabs.sass
index cedff73a135..4698017af0b 100644
--- a/frontend/src/global_styles/content/_scrollable_tabs.sass
+++ b/frontend/src/global_styles/content/_scrollable_tabs.sass
@@ -25,6 +25,7 @@
 
   &--button
     display: block
+    border: none
     width: 20px
     position: absolute
     top: 0px
diff --git a/modules/bim/spec/support/components/bcf_details_viewpoints.rb b/modules/bim/spec/support/components/bcf_details_viewpoints.rb
index 0efcdcb6c4f..6934479b1cb 100644
--- a/modules/bim/spec/support/components/bcf_details_viewpoints.rb
+++ b/modules/bim/spec/support/components/bcf_details_viewpoints.rb
@@ -59,7 +59,7 @@ module Components
     end
 
     def add_viewpoint
-      page.find("a.button", text: "Viewpoint").click
+      click_button "Viewpoint"
     end
   end
 end