From ca44c8e9c785aee3bf5fd4eb27748b7eddbf24e3 Mon Sep 17 00:00:00 2001
From: Yuri Kuznetsov <yurikuzn@users.noreply.github.com>
Date: Fri, 12 Aug 2022 10:05:38 +0300
Subject: [PATCH] tabindex

---
 .../res/templates/calendar/mode-buttons.tpl   |  8 ++-
 .../crm/res/templates/calendar/timeline.tpl   |  2 +-
 .../templates/meeting/popup-notification.tpl  |  2 +-
 client/res/layout-types/record.tpl            |  2 +-
 .../conditions/field-types/base.tpl           |  2 +-
 .../dynamic-logic/conditions/group-base.tpl   | 33 +++++++++--
 .../admin/dynamic-logic/conditions/not.tpl    | 24 ++++++--
 .../entity-manager/modals/select-icon.tpl     |  3 +-
 .../templates/admin/entity-manager/scope.tpl  |  2 +-
 .../fields/dynamic-logic-conditions/edit.tpl  |  2 +-
 .../fields/dynamic-logic-options/edit.tpl     | 24 +++++++-
 .../templates/admin/field-manager/list.tpl    |  2 +-
 .../admin/field-manager/modals/add-field.tpl  |  4 +-
 client/res/templates/admin/index.tpl          |  1 +
 .../templates/admin/integrations/index.tpl    |  1 +
 .../templates/admin/label-manager/edit.tpl    |  2 +
 .../templates/admin/layouts/grid-panel.tpl    | 58 ++++++++++++++++---
 client/res/templates/admin/layouts/grid.tpl   | 27 +++++++--
 client/res/templates/admin/layouts/rows.tpl   | 20 ++++++-
 .../templates/admin/link-manager/index.tpl    |  5 +-
 client/res/templates/dashlet.tpl              |  1 +
 .../email-folder/modals/select-folder.tpl     | 16 ++++-
 .../res/templates/external-account/index.tpl  |  7 ++-
 .../fields/attachments-multiple/edit.tpl      |  1 +
 client/res/templates/fields/email/detail.tpl  |  2 +
 client/res/templates/fields/email/list.tpl    |  1 +
 client/res/templates/fields/file/edit.tpl     |  1 +
 client/res/templates/fields/formula/edit.tpl  |  4 +-
 client/res/templates/fields/password/edit.tpl |  2 +-
 client/res/templates/fields/text/detail.tpl   |  1 +
 client/res/templates/fields/text/list.tpl     |  1 +
 client/res/templates/global-search/panel.tpl  |  2 +-
 client/res/templates/header.tpl               |  3 +
 client/res/templates/import/step-2.tpl        |  1 +
 client/res/templates/modals/add-dashlet.tpl   |  7 ++-
 .../res/templates/modals/array-field-add.tpl  |  2 +-
 .../res/templates/modals/kanban-move-over.tpl |  2 +-
 client/res/templates/modals/mass-update.tpl   |  1 +
 client/res/templates/notification/badge.tpl   |  2 +-
 .../notification/fields/read-with-menu.tpl    |  8 ++-
 client/res/templates/notification/panel.tpl   |  4 +-
 client/res/templates/record/bottom.tpl        |  2 +-
 client/res/templates/record/detail.tpl        |  2 +
 client/res/templates/record/edit.tpl          |  1 +
 client/res/templates/record/kanban.tpl        |  1 +
 client/res/templates/record/list-expanded.tpl |  2 +
 .../record/list-nested-categories.tpl         |  5 +-
 .../res/templates/record/list-pagination.tpl  |  9 +--
 .../res/templates/record/list-tree-item.tpl   | 18 ++++--
 client/res/templates/record/list-tree.tpl     |  5 +-
 client/res/templates/record/list.tpl          |  6 ++
 client/res/templates/record/panel-actions.tpl |  1 +
 .../templates/record/row-actions/default.tpl  |  1 +
 client/res/templates/record/search.tpl        |  3 +-
 client/res/templates/record/side.tpl          |  7 ++-
 .../res/templates/role/modals/add-field.tpl   |  1 +
 client/res/templates/role/table-edit.tpl      |  1 +
 client/res/templates/search/filter.tpl        |  1 +
 client/res/templates/site/navbar.tpl          |  7 ++-
 client/res/templates/stream/notes/update.tpl  |  2 +-
 client/res/templates/stream/panel.tpl         |  3 +-
 .../templates/stream/row-actions/default.tpl  |  2 +
 62 files changed, 295 insertions(+), 78 deletions(-)

diff --git a/client/modules/crm/res/templates/calendar/mode-buttons.tpl b/client/modules/crm/res/templates/calendar/mode-buttons.tpl
index 52d6330bc2..0b4b8028f9 100644
--- a/client/modules/crm/res/templates/calendar/mode-buttons.tpl
+++ b/client/modules/crm/res/templates/calendar/mode-buttons.tpl
@@ -8,6 +8,7 @@
             <li>
                 <a
                     role="button"
+                    tabindex="0"
                     class="{{#ifEqual mode ../mode}} active{{/ifEqual}}"
                     data-action="mode"
                     data-mode="{{mode}}"
@@ -21,6 +22,7 @@
             <li>
                 <a
                     role="button"
+                    tabindex="0"
                     data-action="toggleScopeFilter"
                     data-name="{{scope}}"
                 >
@@ -32,7 +34,11 @@
         {{#if isCustomViewAvailable}}
             <li class="divider"></li>
             <li>
-                <a role="button" data-action="createCustomView">{{translate 'Create Shared View' scope='Calendar'}}</a>
+                <a
+                    role="button"
+                    tabindex="0"
+                    data-action="createCustomView"
+                >{{translate 'Create Shared View' scope='Calendar'}}</a>
             </li>
         {{/if}}
     </ul>
diff --git a/client/modules/crm/res/templates/calendar/timeline.tpl b/client/modules/crm/res/templates/calendar/timeline.tpl
index fcd07b2fd3..e441cc619b 100644
--- a/client/modules/crm/res/templates/calendar/timeline.tpl
+++ b/client/modules/crm/res/templates/calendar/timeline.tpl
@@ -23,7 +23,7 @@
             <ul class="dropdown-menu">
                 {{#each calendarTypeDataList}}
                     <li>
-                        <a role="button" data-action="toggleCalendarType" data-name="{{type}}">
+                        <a role="button" tabindex="0" data-action="toggleCalendarType" data-name="{{type}}">
                             <span
                                 class="fas fa-check calendar-type-check-icon pull-right{{#if disabled}} hidden{{/if}}"
                             ></span> {{label}}
diff --git a/client/modules/crm/res/templates/meeting/popup-notification.tpl b/client/modules/crm/res/templates/meeting/popup-notification.tpl
index abceea38b2..75c6a2cb16 100644
--- a/client/modules/crm/res/templates/meeting/popup-notification.tpl
+++ b/client/modules/crm/res/templates/meeting/popup-notification.tpl
@@ -1,5 +1,5 @@
 {{#if closeButton}}
-<a role="button" class="pull-right close" data-action="close" aria-hidden="true">×</a>
+<a role="button" tabindex="0" class="pull-right close" data-action="close" aria-hidden="true">×</a>
 {{/if}}
 <h4>{{header}}</h4>
 
diff --git a/client/res/layout-types/record.tpl b/client/res/layout-types/record.tpl
index 260a508dbb..71a99539b4 100644
--- a/client/res/layout-types/record.tpl
+++ b/client/res/layout-types/record.tpl
@@ -175,7 +175,7 @@
 if (hasHiddenPanel) {
 %>
 <div class="panel panel-default panels-show-more-delimiter" data-name="showMoreDelimiter" data-tab="0">
-    <a role="button" data-action="showMoreDetailPanels" title="{{translate 'Show more'}}">
+    <a role="button" tabindex="0" data-action="showMoreDetailPanels" title="{{translate 'Show more'}}">
         <span class="fas fa-ellipsis-h fa-lg"></span>
     </a>
 </div>
diff --git a/client/res/templates/admin/dynamic-logic/conditions/field-types/base.tpl b/client/res/templates/admin/dynamic-logic/conditions/field-types/base.tpl
index 657aedacad..86c16ccc34 100644
--- a/client/res/templates/admin/dynamic-logic/conditions/field-types/base.tpl
+++ b/client/res/templates/admin/dynamic-logic/conditions/field-types/base.tpl
@@ -5,7 +5,7 @@
     </div>
     <div class="col-sm-4 value-container">{{{value}}}</div>
     <div class="col-sm-2">
-        <a class="pull-right" role="button" data-action="remove"><span class="fas fa-times"></span></a>
+        <a class="pull-right" role="button" tabindex="0" data-action="remove"><span class="fas fa-times"></span></a>
         <span>{{translate operator category='logicalOperators' scope='Admin'}}</span>
     </div>
 </div>
diff --git a/client/res/templates/admin/dynamic-logic/conditions/group-base.tpl b/client/res/templates/admin/dynamic-logic/conditions/group-base.tpl
index b16d2886d2..6bf41f872c 100644
--- a/client/res/templates/admin/dynamic-logic/conditions/group-base.tpl
+++ b/client/res/templates/admin/dynamic-logic/conditions/group-base.tpl
@@ -1,7 +1,7 @@
 
 <div class="group-head" data-level="{{level}}">
     {{#ifNotEqual level 0}}
-    <a class="pull-right" role="button" data-action="remove"><span class="fas fa-times"></span></a>
+    <a class="pull-right" role="button" tabindex="0" data-action="remove"><span class="fas fa-times"></span></a>
     {{/ifNotEqual}}
     {{#ifNotEqual level 0}}
     <div>(</div>
@@ -19,12 +19,33 @@
 
 <div class="group-bottom" data-level="{{level}}">
     <div class="btn-group">
-        <a class="dropdown-toggle small" role="button" data-toggle="dropdown">{{translate groupOperator category='logicalOperators' scope='Admin'}} <span class="fas fa-plus"></span></a>
+        <a
+            class="dropdown-toggle small"
+            role="button"
+            tabindex="0"
+            data-toggle="dropdown"
+        >{{translate groupOperator category='logicalOperators' scope='Admin'}} <span class="fas fa-plus"></span></a>
         <ul class="dropdown-menu">
-            <li><a role="button" data-action="addField">{{translate 'Field' scope='DynamicLogic'}}</a></li>
-            <li><a role="button" data-action="addAnd">(... {{translate 'and' category='logicalOperators' scope='Admin'}} ...)</a></li>
-            <li><a role="button" data-action="addOr">(... {{translate 'or' category='logicalOperators' scope='Admin'}} ...)</a></li>
-            <li><a role="button" data-action="addNot">{{translate 'not' category='logicalOperators' scope='Admin'}} (...)</a></li>
+            <li><a
+                    role="button"
+                    tabindex="0"
+                    data-action="addField"
+                >{{translate 'Field' scope='DynamicLogic'}}</a></li>
+            <li><a
+                    role="button"
+                    tabindex="0"
+                    data-action="addAnd"
+                >(... {{translate 'and' category='logicalOperators' scope='Admin'}} ...)</a></li>
+            <li><a
+                    role="button"
+                    tabindex="0"
+                    data-action="addOr"
+                >(... {{translate 'or' category='logicalOperators' scope='Admin'}} ...)</a></li>
+            <li><a
+                    role="button"
+                    tabindex="0"
+                    data-action="addNot"
+                >{{translate 'not' category='logicalOperators' scope='Admin'}} (...)</a></li>
         </ul>
     </div>
 </div>
diff --git a/client/res/templates/admin/dynamic-logic/conditions/not.tpl b/client/res/templates/admin/dynamic-logic/conditions/not.tpl
index 2e557eb1ee..95a2dd3fc1 100644
--- a/client/res/templates/admin/dynamic-logic/conditions/not.tpl
+++ b/client/res/templates/admin/dynamic-logic/conditions/not.tpl
@@ -12,10 +12,26 @@
     <div class="btn-group">
         <a class="dropdown-toggle small" role="button" data-toggle="dropdown"><span class="fas fa-plus"></span></a>
         <ul class="dropdown-menu">
-            <li><a role="button" data-action="addField">{{translate 'Field' scope='DynamicLogic'}}</a></li>
-            <li><a role="button" data-action="addAnd">(... {{translate 'and' category='logicalOperators' scope='Admin'}} ...)</a></li>
-            <li><a role="button" data-action="addOr">(... {{translate 'or' category='logicalOperators' scope='Admin'}} ...)</a></li>
-            <li><a role="button" data-action="addNot">{{translate 'not' category='logicalOperators' scope='Admin'}} (...)</a></li>
+            <li><a
+                    role="button"
+                    tabindex="0"
+                    data-action="addField"
+                >{{translate 'Field' scope='DynamicLogic'}}</a></li>
+            <li><a
+                    role="button"
+                    tabindex="0"
+                    data-action="addAnd"
+                >(... {{translate 'and' category='logicalOperators' scope='Admin'}} ...)</a></li>
+            <li><a
+                    role="button"
+                    tabindex="0"
+                    data-action="addOr"
+                >(... {{translate 'or' category='logicalOperators' scope='Admin'}} ...)</a></li>
+            <li><a
+                    role="button"
+                    tabindex="0"
+                    data-action="addNot"
+                >{{translate 'not' category='logicalOperators' scope='Admin'}} (...)</a></li>
         </ul>
     </div>
 </div>
diff --git a/client/res/templates/admin/entity-manager/modals/select-icon.tpl b/client/res/templates/admin/entity-manager/modals/select-icon.tpl
index 403e63384d..c237809c16 100644
--- a/client/res/templates/admin/entity-manager/modals/select-icon.tpl
+++ b/client/res/templates/admin/entity-manager/modals/select-icon.tpl
@@ -1,5 +1,5 @@
 <div class="margin-top margin-bottom-2x">
-	<a role="button" data-action="select" class="action btn btn-default" data-value="" style="cursor: pointer;">
+	<a role="button" tabindex="0" data-action="select" class="action btn btn-default" data-value="" style="cursor: pointer;">
 		{{translate 'None'}}
 	</a>
 </div>
@@ -26,6 +26,5 @@
 		</span>
 	</div>
 	{{/each}}
-
 {{/each}}
 </div>
diff --git a/client/res/templates/admin/entity-manager/scope.tpl b/client/res/templates/admin/entity-manager/scope.tpl
index 5d54a9e8b2..f96a33d213 100644
--- a/client/res/templates/admin/entity-manager/scope.tpl
+++ b/client/res/templates/admin/entity-manager/scope.tpl
@@ -20,7 +20,7 @@
             <span class="fas fa-ellipsis-h"></span>
         </button>
         <ul class="dropdown-menu pull-left">
-            <li><a role="button" data-action="removeEntity">{{translate 'Remove'}}</a></li>
+            <li><a role="button" tabindex="0" data-action="removeEntity">{{translate 'Remove'}}</a></li>
         </ul>
         {{/if}}
     </div>
diff --git a/client/res/templates/admin/field-manager/fields/dynamic-logic-conditions/edit.tpl b/client/res/templates/admin/field-manager/fields/dynamic-logic-conditions/edit.tpl
index 3c8adc4e37..bac915df7a 100644
--- a/client/res/templates/admin/field-manager/fields/dynamic-logic-conditions/edit.tpl
+++ b/client/res/templates/admin/field-manager/fields/dynamic-logic-conditions/edit.tpl
@@ -1,6 +1,6 @@
 <div>
     <div class="pull-right">
-        <a role="button" data-action="editConditions">{{translate 'Edit'}}</a>
+        <a role="button" tabindex="0" data-action="editConditions">{{translate 'Edit'}}</a>
     </div>
     <div class="top-group-string-container">
         {{{conditionGroup}}}
diff --git a/client/res/templates/admin/field-manager/fields/dynamic-logic-options/edit.tpl b/client/res/templates/admin/field-manager/fields/dynamic-logic-options/edit.tpl
index c2a1c631ca..db9a00c7de 100644
--- a/client/res/templates/admin/field-manager/fields/dynamic-logic-options/edit.tpl
+++ b/client/res/templates/admin/field-manager/fields/dynamic-logic-options/edit.tpl
@@ -5,7 +5,14 @@
         <div class="list-group-item">
             <div class="clearfix option-list-item-header">
                 <div class="pull-right">
-                    <a role="button" data-action="removeOptionList" data-index="{{index}}" class="remove-option-list" title="{{translate 'Remove'}}">
+                    <a
+                        role="button"
+                        tabindex="0"
+                        data-action="removeOptionList"
+                        data-index="{{index}}"
+                        class="remove-option-list"
+                        title="{{translate 'Remove'}}"
+                    >
                         <span class="fas fa-minus fa-sm"></span>
                     </a>
                 </div>
@@ -17,7 +24,12 @@
             </div>
             <div>
                 <div class="pull-right">
-                    <a role="button" data-action="editConditions" data-index="{{index}}">{{translate 'Edit'}}</a>
+                    <a
+                        role="button"
+                        tabindex="0"
+                        data-action="editConditions"
+                        data-index="{{index}}"
+                    >{{translate 'Edit'}}</a>
                 </div>
                 <div class="string-container" data-key="{{conditionGroupViewKey}}">
                     {{{var conditionGroupViewKey ../this}}}
@@ -27,6 +39,12 @@
         {{/each}}
     </div>
     <div>
-        <a role="button" data-action="addOptionList" title="{{translate 'Add'}}" class="add-option-list"><span class="fas fa-plus fa-sm"></span></a>
+        <a
+            role="button"
+            tabindex="0"
+            data-action="addOptionList"
+            title="{{translate 'Add'}}"
+            class="add-option-list"
+        ><span class="fas fa-plus fa-sm"></span></a>
     </div>
 </div>
diff --git a/client/res/templates/admin/field-manager/list.tpl b/client/res/templates/admin/field-manager/list.tpl
index 98af913ebd..b4bd01fcb4 100644
--- a/client/res/templates/admin/field-manager/list.tpl
+++ b/client/res/templates/admin/field-manager/list.tpl
@@ -47,7 +47,7 @@
         <td>{{translate type category='fieldTypes' scope='Admin'}}</td>
         <td align="right">
             {{#if isCustom}}
-            <a role="button" data-action="removeField" data-name="{{name}}">{{translate 'Remove'}}</a>
+            <a role="button" tabindex="0" data-action="removeField" data-name="{{name}}">{{translate 'Remove'}}</a>
             {{/if}}
         </td>
     </tr>
diff --git a/client/res/templates/admin/field-manager/modals/add-field.tpl b/client/res/templates/admin/field-manager/modals/add-field.tpl
index 58d08ececc..09061aa673 100644
--- a/client/res/templates/admin/field-manager/modals/add-field.tpl
+++ b/client/res/templates/admin/field-manager/modals/add-field.tpl
@@ -1,10 +1,10 @@
 <ul class="list-group no-side-margin">
 {{#each typeList}}
     <li class="list-group-item">
-        <a role="button" data-action="addField" data-type="{{./this}}" class="text-bold">
+        <a role="button" tabindex="0" data-action="addField" data-type="{{./this}}" class="text-bold">
         {{translate this category='fieldTypes' scope='Admin'}}
         </a>
-        <a role="button" class="text-muted pull-right info" data-name="{{./this}}">
+        <a role="button" tabindex="0" class="text-muted pull-right info" data-name="{{./this}}">
             <span class="fas fa-info-circle"></span>
         </a>
     </li>
diff --git a/client/res/templates/admin/index.tpl b/client/res/templates/admin/index.tpl
index 40aa01c35d..5dc7ae9784 100644
--- a/client/res/templates/admin/index.tpl
+++ b/client/res/templates/admin/index.tpl
@@ -27,6 +27,7 @@
                                 {{/if}}
                                 <a
                                     {{#if url}}href="{{url}}"{{else}}role="button"{{/if}}
+                                    tabindex="0"
                                     {{#if action}} data-action="{{action}}"{{/if}}
                                 >{{label}}</a>
                                 </div>
diff --git a/client/res/templates/admin/integrations/index.tpl b/client/res/templates/admin/integrations/index.tpl
index 25b75750a8..0064ba6e03 100644
--- a/client/res/templates/admin/integrations/index.tpl
+++ b/client/res/templates/admin/integrations/index.tpl
@@ -14,6 +14,7 @@
                 class="list-group-item"
             ><a
                 role="button"
+                tabindex="0"
                 class="integration-link"
                 data-name="{{./this}}"
             >{{{translate ./this scope='Integration' category='titles'}}}</a></li>
diff --git a/client/res/templates/admin/label-manager/edit.tpl b/client/res/templates/admin/label-manager/edit.tpl
index 8148b6ddd4..14fc3594f9 100644
--- a/client/res/templates/admin/label-manager/edit.tpl
+++ b/client/res/templates/admin/label-manager/edit.tpl
@@ -19,12 +19,14 @@
         <div class="pull-left" style="margin-right: 10px;">
             <a
                 role="button"
+                tabindex="0"
                 data-action="showCategory"
                 data-name="{{./this}}"
                 class="action"
             ><span class="fas fa-chevron-down"></span></a>
             <a
                 role="button"
+                tabindex="0"
                 data-action="hideCategory"
                 data-name="{{./this}}"
                 class="hidden action"
diff --git a/client/res/templates/admin/layouts/grid-panel.tpl b/client/res/templates/admin/layouts/grid-panel.tpl
index 4dcaf9f246..6c8767288a 100644
--- a/client/res/templates/admin/layouts/grid-panel.tpl
+++ b/client/res/templates/admin/layouts/grid-panel.tpl
@@ -1,19 +1,45 @@
 <header data-name="{{name}}">
-    <label data-is-custom="{{#if isCustomLabel}}true{{/if}}" data-label="{{label}}">{{labelTranslated}}</label>&nbsp;
-    <a role="button" data-action="edit-panel-label" class="edit-panel-label"><i class="fas fa-pencil-alt fa-sm"></i></a>
-    <a role="button" style="float: right;" data-action="removePanel" class="remove-panel" data-number="{{number}}"><i class="fas fa-times"></i></a>
+    <label
+        data-is-custom="{{#if isCustomLabel}}true{{/if}}"
+        data-label="{{label}}"
+    >{{labelTranslated}}</label>&nbsp;
+    <a
+        role="button"
+        tabindex="0"
+        data-action="edit-panel-label"
+        class="edit-panel-label"
+    ><i class="fas fa-pencil-alt fa-sm"></i></a>
+    <a
+        role="button"
+        tabindex="0"
+        style="float: right;"
+        data-action="removePanel"
+        class="remove-panel"
+        data-number="{{number}}"
+    ><i class="fas fa-times"></i></a>
 </header>
 <ul class="rows">
 {{#each rows}}
     <li data-cell-count="{{./this.length}}">
         <div class="row-actions clear-fix">
-            <a role="button" data-action="removeRow" class="remove-row"><i class="fas fa-times"></i></a>
-            <a role="button" data-action="plusCell" class="add-cell"><i class="fas fa-plus"></i></a>
+            <a
+                role="button"
+                tabindex="0"
+                data-action="removeRow"
+                class="remove-row"
+            ><i class="fas fa-times"></i></a>
+            <a
+                role="button"
+                tabindex="0"
+                data-action="plusCell"
+                class="add-cell"
+            ><i class="fas fa-plus"></i></a>
         </div>
         <ul class="cells" data-cell-count="{{./this.length}}">
         {{#each this}}
             {{#if this}}
-            <li class="cell"
+            <li
+                class="cell"
                 data-name="{{name}}"
                 {{#if hasCustomLabel}}
                 data-custom-label="{{customLabel}}"
@@ -21,13 +47,23 @@
                 data-no-label="{{noLabel}}" >
                 <div class="left" style="width: calc(100% - 14px);">{{label}}</div>
                 <div class="right" style="width: 14px;">
-                    <a role="button" data-action="removeField" class="remove-field"><i class="fas fa-times"></i></a>
+                    <a
+                        role="button"
+                        tabindex="0"
+                        data-action="removeField"
+                        class="remove-field"
+                    ><i class="fas fa-times"></i></a>
                 </div>
             </li>
             {{else}}
             <li class="empty cell">
                 <div class="right" style="width: 14px;">
-                    <a role="button" data-action="minusCell" class="remove-field"><i class="fas fa-minus"></i></a>
+                    <a
+                        role="button"
+                        tabindex="0"
+                        data-action="minusCell"
+                        class="remove-field"
+                    ><i class="fas fa-minus"></i></a>
                 </div>
             </li>
             {{/if}}
@@ -37,5 +73,9 @@
 {{/each}}
 </ul>
 <div>
-    <a role="button" data-action="addRow"><i class="fas fa-plus"></i></a>
+    <a
+        role="button"
+        tabindex="0"
+        data-action="addRow"
+    ><i class="fas fa-plus"></i></a>
 </div>
diff --git a/client/res/templates/admin/layouts/grid.tpl b/client/res/templates/admin/layouts/grid.tpl
index 9f473e7c51..8cc9828c3a 100644
--- a/client/res/templates/admin/layouts/grid.tpl
+++ b/client/res/templates/admin/layouts/grid.tpl
@@ -18,7 +18,7 @@
             {{/each}}
             </ul>
 
-            <div><a role="button" data-action="addPanel">{{translate 'Add Panel' scope='Admin'}}</a></div>
+            <div><a role="button" tabindex="0" data-action="addPanel">{{translate 'Add Panel' scope='Admin'}}</a></div>
         </div>
     </div>
     <div class="col-md-4">
@@ -31,7 +31,12 @@
                         {{translate this scope=../scope category='fields'}}
                     </div>
                     <div class="right" style="width: 14px;">
-                        <a role="button" data-action="removeField" class="remove-field"><i class="fas fa-times"></i></a>
+                        <a
+                            role="button"
+                            tabindex="0"
+                            data-action="removeField"
+                            class="remove-field"
+                        ><i class="fas fa-times"></i></a>
                     </div>
                 </li>
                 {{/each}}
@@ -43,14 +48,19 @@
 <div id="layout-row-tpl" style="display: none;">
     <li data-cell-count="{{columnCount}}">
         <div class="row-actions clear-fix">
-            <a role="button" data-action="removeRow" class="remove-row"><i class="fas fa-times"></i></a>
-            <a role="button" data-action="plusCell" class="add-cell"><i class="fas fa-plus"></i></a>
+            <a role="button" tabindex="0" data-action="removeRow" class="remove-row"><i class="fas fa-times"></i></a>
+            <a role="button" tabindex="0" data-action="plusCell" class="add-cell"><i class="fas fa-plus"></i></a>
         </div>
         <ul class="cells" data-cell-count="{{columnCount}}">
             <% for (var i = 0; i < {{columnCount}}; i++) { %>
                 <li class="empty cell">
                 <div class="right" style="width: 14px;">
-                    <a role="button" data-action="minusCell" class="remove-field"><i class="fas fa-minus"></i></a>
+                    <a
+                        role="button"
+                        tabindex="0"
+                        data-action="minusCell"
+                        class="remove-field"
+                    ><i class="fas fa-minus"></i></a>
                 </div>
                 </li>
             <% } %>
@@ -61,7 +71,12 @@
 <div id="empty-cell-tpl" style="display: none;">
     <li class="empty cell disabled">
         <div class="right" style="width: 14px;">
-            <a role="button" data-action="minusCell" class="remove-field"><i class="fas fa-minus"></i></a>
+            <a
+                role="button"
+                tabindex="0"
+                data-action="minusCell"
+                class="remove-field"
+            ><i class="fas fa-minus"></i></a>
         </div>
     </li>
 </div>
diff --git a/client/res/templates/admin/layouts/rows.tpl b/client/res/templates/admin/layouts/rows.tpl
index a638a8de95..ea6db6ffe4 100644
--- a/client/res/templates/admin/layouts/rows.tpl
+++ b/client/res/templates/admin/layouts/rows.tpl
@@ -18,7 +18,12 @@
                         </div>
                         {{#if ../editable}}
                         {{#unless notEditable}}
-                        <div class="right" style="width: 17px;"><a role="button" data-action="editItem" class="edit-field"><i class="fas fa-pencil-alt fa-sm"></i></a></div>
+                        <div class="right" style="width: 17px;"><a
+                            role="button"
+                            tabindex="0"
+                            data-action="editItem"
+                            class="edit-field"
+                        ><i class="fas fa-pencil-alt fa-sm"></i></a></div>
                         {{/unless}}
                         {{/if}}
                     </li>
@@ -31,13 +36,22 @@
             <header>{{translate 'Disabled' scope='Admin'}}</header>
             <ul class="disabled connected">
                 {{#each disabledFields}}
-                    <li class="cell" draggable="true" {{#each ../dataAttributeList}}data-{{toDom this}}="{{prop ../this this}}" {{/each}}>
+                    <li
+                        class="cell"
+                        draggable="true"
+                        {{#each ../dataAttributeList}}data-{{toDom this}}="{{prop ../this this}}" {{/each}}
+                    >
                         <div class="left" style="width: calc(100% - 17px);">
                             <span>{{label}}</span>
                         </div>
                         {{#if ../editable}}
                         {{#unless notEditable}}
-                        <div class="right" style="width: 17px;"><a role="button" data-action="editItem" class="edit-field"><i class="fas fa-pencil-alt fa-sm"></i></a></div>
+                        <div class="right" style="width: 17px;"><a
+                            role="button"
+                            tabindex="0"
+                            data-action="editItem"
+                            class="edit-field"
+                        ><i class="fas fa-pencil-alt fa-sm"></i></a></div>
                         {{/unless}}
                         {{/if}}
                     </li>
diff --git a/client/res/templates/admin/link-manager/index.tpl b/client/res/templates/admin/link-manager/index.tpl
index a818b42a07..0103685813 100644
--- a/client/res/templates/admin/link-manager/index.tpl
+++ b/client/res/templates/admin/link-manager/index.tpl
@@ -17,7 +17,6 @@
     </button>
 </div>
 
-
 {{#if linkDataList.length}}
 <div class="margin-bottom-2x margin-top">
     <input
@@ -81,13 +80,13 @@
             {{translate entityForeign category='scopeNames'}}
         </td>
         <td align="right" width="10%">
-            <a role="button" data-action="editLink" data-link="{{link}}">
+            <a role="button" tabindex="0" data-action="editLink" data-link="{{link}}">
                 {{translate 'Edit'}}
             </a>
         </td>
         <td align="right" width="10%">
             {{#if isRemovable}}
-            <a role="button" data-action="removeLink" data-link="{{link}}">
+            <a role="button" tabindex="0" data-action="removeLink" data-link="{{link}}">
                 {{translate 'Remove'}}
             </a>
             {{/if}}
diff --git a/client/res/templates/dashlet.tpl b/client/res/templates/dashlet.tpl
index 2d02cbb26c..7ef1f0fd44 100644
--- a/client/res/templates/dashlet.tpl
+++ b/client/res/templates/dashlet.tpl
@@ -25,6 +25,7 @@
                       data-action="{{name}}"
                       class="action"
                       {{#if url}}href="{{url}}"{{else}}role="button"{{/if}}
+                      tabindex="0"
                       {{#each data}} data-{{hyphen @key}}="{{./this}}"{{/each}}
                     >
                         {{#if iconHtml}}{{{iconHtml}}}
diff --git a/client/res/templates/email-folder/modals/select-folder.tpl b/client/res/templates/email-folder/modals/select-folder.tpl
index 761fc17b38..4b281f3d4d 100644
--- a/client/res/templates/email-folder/modals/select-folder.tpl
+++ b/client/res/templates/email-folder/modals/select-folder.tpl
@@ -1,10 +1,22 @@
 <ul class="list-group no-side-margin">
     <li data-id="inbox" class="list-group-item">
-        <a role="button" data-action="selectFolder" data-id="inbox" class="side-link">{{translate 'inbox' category='presetFilters' scope='Email'}}</a>
+        <a
+            role="button"
+            tabindex="0"
+            data-action="selectFolder"
+            data-id="inbox"
+            class="side-link"
+        >{{translate 'inbox' category='presetFilters' scope='Email'}}</a>
     </li>
     {{#each collection.models}}
     <li data-id="{{get this 'id'}}" class="list-group-item">
-        <a role="button" data-action="selectFolder" data-id="{{get this 'id'}}" class="side-link">{{get this 'name'}}</a>
+        <a
+            role="button"
+            tabindex="0"
+            data-action="selectFolder"
+            data-id="{{get this 'id'}}"
+            class="side-link"
+        >{{get this 'name'}}</a>
     </li>
     {{/each}}
 </ul>
diff --git a/client/res/templates/external-account/index.tpl b/client/res/templates/external-account/index.tpl
index e035bed8a5..d8193510bf 100644
--- a/client/res/templates/external-account/index.tpl
+++ b/client/res/templates/external-account/index.tpl
@@ -4,7 +4,12 @@
     <div id="external-account-menu" class="col-sm-3">
     <ul class="list-group list-group-panel">
     {{#each externalAccountList}}
-        <li class="list-group-item"><a role="button" class="external-account-link" data-id="{{id}}">{{id}}</a></li>
+        <li class="list-group-item"><a
+            role="button"
+            tabindex="0"
+            class="external-account-link"
+            data-id="{{id}}"
+        >{{id}}</a></li>
     {{/each}}
     </ul>
     {{#unless externalAccountListCount}}
diff --git a/client/res/templates/fields/attachments-multiple/edit.tpl b/client/res/templates/fields/attachments-multiple/edit.tpl
index 4db843a704..d20578500d 100644
--- a/client/res/templates/fields/attachments-multiple/edit.tpl
+++ b/client/res/templates/fields/attachments-multiple/edit.tpl
@@ -24,6 +24,7 @@
             {{#each sourceList}}
                 <li><a
                         role="button"
+                        tabindex="0"
                         class="action"
                         data-action="insertFromSource"
                         data-name="{{./this}}"
diff --git a/client/res/templates/fields/email/detail.tpl b/client/res/templates/fields/email/detail.tpl
index b0e1cde1be..b1682e7382 100644
--- a/client/res/templates/fields/email/detail.tpl
+++ b/client/res/templates/fields/email/detail.tpl
@@ -5,6 +5,7 @@
             {{#unless erased}}
             <a
                 role="button"
+                tabindex="0"
                 data-email-address="{{emailAddress}}"
                 data-action="mailTo"
                 class="selectable"
@@ -23,6 +24,7 @@
     {{#if value}}
     <a
         role="button"
+        tabindex="0"
         data-email-address="{{value}}"
         data-action="mailTo"
         class="selectable"
diff --git a/client/res/templates/fields/email/list.tpl b/client/res/templates/fields/email/list.tpl
index 74fc3d8e87..ca00ea8a0f 100644
--- a/client/res/templates/fields/email/list.tpl
+++ b/client/res/templates/fields/email/list.tpl
@@ -1,5 +1,6 @@
 {{#unless isErased}}<a
     role="button"
+    tabindex="0"
     data-email-address="{{value}}"
     data-action="mailTo"
     title="{{value}}"
diff --git a/client/res/templates/fields/file/edit.tpl b/client/res/templates/fields/file/edit.tpl
index 3a59ffab61..380ce063fd 100644
--- a/client/res/templates/fields/file/edit.tpl
+++ b/client/res/templates/fields/file/edit.tpl
@@ -21,6 +21,7 @@
             {{#each sourceList}}
                 <li><a
                         role="button"
+                        tabindex="0"
                         class="action"
                         data-action="insertFromSource"
                         data-name="{{./this}}"
diff --git a/client/res/templates/fields/formula/edit.tpl b/client/res/templates/fields/formula/edit.tpl
index 2718c31fed..3a7fb1eb9b 100644
--- a/client/res/templates/fields/formula/edit.tpl
+++ b/client/res/templates/fields/formula/edit.tpl
@@ -23,9 +23,9 @@
                 ><span class="fas fa-plus"></span></button>
                 <ul class="dropdown-menu pull-right">
                     {{#if targetEntityType}}
-                    <li><a role="button" data-action="addAttribute">{{translate 'Attribute'}}</a></li>
+                    <li><a role="button" tabindex="0" data-action="addAttribute">{{translate 'Attribute'}}</a></li>
                     {{/if}}
-                    <li><a role="button" data-action="addFunction">{{translate 'Function'}}</a></li>
+                    <li><a role="button" tabindex="0" data-action="addFunction">{{translate 'Function'}}</a></li>
                 </ul>
                 {{/if}}
             </div>
diff --git a/client/res/templates/fields/password/edit.tpl b/client/res/templates/fields/password/edit.tpl
index dcf8a87e1e..2cf85115b3 100644
--- a/client/res/templates/fields/password/edit.tpl
+++ b/client/res/templates/fields/password/edit.tpl
@@ -1,5 +1,5 @@
 {{#unless isNew}}
-<a role="button" data-action="change">{{translate 'change'}}</a>
+<a role="button" tabindex="0" data-action="change">{{translate 'change'}}</a>
 {{/unless}}
 <input
 	type="password"
diff --git a/client/res/templates/fields/text/detail.tpl b/client/res/templates/fields/text/detail.tpl
index fadeae60e7..c46b40f39e 100644
--- a/client/res/templates/fields/text/detail.tpl
+++ b/client/res/templates/fields/text/detail.tpl
@@ -9,6 +9,7 @@
 <div class="see-more-container hidden">
     <a
         role="button"
+        tabindex="0"
         data-action="seeMoreText"
     ><span class="fas fa-sm fa-chevron-down"></span> <span class="text">{{translate 'See more'}}</span></a>
 </div>
diff --git a/client/res/templates/fields/text/list.tpl b/client/res/templates/fields/text/list.tpl
index c2ea2c5d16..ee38f57577 100644
--- a/client/res/templates/fields/text/list.tpl
+++ b/client/res/templates/fields/text/list.tpl
@@ -9,6 +9,7 @@
     class="see-more-container hidden"
 ><a
     role="button"
+    tabindex="0"
     data-action="seeMoreText"
 ><span class="fas fa-sm fa-chevron-down"></span> <span class="text">{{translate 'See more'}}</span></a></div>{{/if}}
 {{/if}}
diff --git a/client/res/templates/global-search/panel.tpl b/client/res/templates/global-search/panel.tpl
index 0261286327..8d16f15849 100644
--- a/client/res/templates/global-search/panel.tpl
+++ b/client/res/templates/global-search/panel.tpl
@@ -1,7 +1,7 @@
 <div class="panel panel-default">
     <div class="panel-heading panel-heading-no-title">
     <div class="link-group">
-        <a role="button" class="close-link" data-action="closePanel"><span class="fas fa-times"></span></a>
+        <a role="button" tabindex="0" class="close-link" data-action="closePanel"><span class="fas fa-times"></span></a>
     </div>
     {{translate 'Global Search'}}
     </div>
diff --git a/client/res/templates/header.tpl b/client/res/templates/header.tpl
index 27d4d783c3..54f3bb4d31 100644
--- a/client/res/templates/header.tpl
+++ b/client/res/templates/header.tpl
@@ -7,6 +7,7 @@
             {{#each items.buttons}}
                 <a
                     {{#if link}}href="{{link}}"{{else}}role="button"{{/if}}
+                    tabindex="0"
                     class="btn btn-{{#if style}}{{style}}{{else}}default{{/if}} btn-xs-wide action{{#if hidden}} hidden{{/if}}{{#if className}} {{className}}{{/if}}"
                     data-name="{{name}}"
                     data-action="{{action}}"
@@ -28,6 +29,7 @@
                     <li class="{{#if hidden}}hidden{{/if}}">
                         <a
                             {{#if link}}href="{{link}}"{{else}}role="button"{{/if}}
+                            tabindex="0"
                             class="action"
                             data-name="{{name}}"
                             data-action="{{action}}"
@@ -53,6 +55,7 @@
                         <li class="{{#if hidden}}hidden{{/if}}">
                             <a
                                 {{#if link}}href="{{link}}"{{else}}role="button"{{/if}}
+                                tabindex="0"
                                 class="action"
                                 data-name="{{name}}"
                                 data-action="{{action}}"
diff --git a/client/res/templates/import/step-2.tpl b/client/res/templates/import/step-2.tpl
index ba2051a1f8..a1743b1636 100644
--- a/client/res/templates/import/step-2.tpl
+++ b/client/res/templates/import/step-2.tpl
@@ -22,6 +22,7 @@
                         <li>
                             <a
                                 role="button"
+                                tabindex="0"
                                 data-action="addField"
                                 data-name="{{./this}}"
                             >{{translate this scope=../scope category='fields'}}</a></li>
diff --git a/client/res/templates/modals/add-dashlet.tpl b/client/res/templates/modals/add-dashlet.tpl
index a746acbe1d..434be3767b 100644
--- a/client/res/templates/modals/add-dashlet.tpl
+++ b/client/res/templates/modals/add-dashlet.tpl
@@ -1,7 +1,12 @@
 <ul class="list-group array-add-list-group no-side-margin">
 {{#each dashletList}}
     <li class="list-group-item clearfix">
-        <a role="button" class="add text-bold" data-name="{{./this}}">{{translate this category="dashlets"}}</a>
+        <a
+            role="button"
+            tabindex="0"
+            class="add text-bold"
+            data-name="{{./this}}"
+        >{{translate this category="dashlets"}}</a>
     </li>
 {{/each}}
 </ul>
diff --git a/client/res/templates/modals/array-field-add.tpl b/client/res/templates/modals/array-field-add.tpl
index 57db262579..fe250470ae 100644
--- a/client/res/templates/modals/array-field-add.tpl
+++ b/client/res/templates/modals/array-field-add.tpl
@@ -5,7 +5,7 @@
 {{#each optionList}}
     <li class="list-group-item clearfix">
         <input class="cell" type="checkbox" data-value="{{./this}}">
-        <a role="button" class="add text-bold" data-value="{{./this}}">
+        <a role="button" tabindex="0" class="add text-bold" data-value="{{./this}}">
             {{#if ../translatedOptions}}{{prop ../translatedOptions this}}{{else}}{{./this}}{{/if}}
         </a>
     </li>
diff --git a/client/res/templates/modals/kanban-move-over.tpl b/client/res/templates/modals/kanban-move-over.tpl
index c16b2e8ff6..0933141715 100644
--- a/client/res/templates/modals/kanban-move-over.tpl
+++ b/client/res/templates/modals/kanban-move-over.tpl
@@ -1,7 +1,7 @@
 <ul class="list-group no-side-margin">
 {{#each optionDataList}}
     <li class="list-group-item">
-        <a role="button" data-action="move" data-value="{{value}}">{{label}}</a>
+        <a role="button" tabindex="0" data-action="move" data-value="{{value}}">{{label}}</a>
     </li>
 {{/each}}
 </ul>
diff --git a/client/res/templates/modals/mass-update.tpl b/client/res/templates/modals/mass-update.tpl
index ae37c3a435..94b12cde70 100644
--- a/client/res/templates/modals/mass-update.tpl
+++ b/client/res/templates/modals/mass-update.tpl
@@ -19,6 +19,7 @@
                 data-name="{{./this}}"
             ><a
                 role="button"
+                tabindex="0"
                 data-name="{{./this}}"
                 data-action="add-field"
             >{{translate this scope=../entityType category='fields'}}</a></li>
diff --git a/client/res/templates/notification/badge.tpl b/client/res/templates/notification/badge.tpl
index 85e2b0f3e7..8091961fff 100644
--- a/client/res/templates/notification/badge.tpl
+++ b/client/res/templates/notification/badge.tpl
@@ -1,4 +1,4 @@
-<a role="button" class="notifications-button" data-action="showNotifications">
+<a role="button" tabindex="0" class="notifications-button" data-action="showNotifications">
     <span class="fas fa-bell icon bell"></span>
     <span class="badge number-badge hidden"></span>
 </a>
diff --git a/client/res/templates/notification/fields/read-with-menu.tpl b/client/res/templates/notification/fields/read-with-menu.tpl
index d369109c13..0be8c12fcb 100644
--- a/client/res/templates/notification/fields/read-with-menu.tpl
+++ b/client/res/templates/notification/fields/read-with-menu.tpl
@@ -4,7 +4,13 @@
             <span class="caret"></span>
         </button>
         <ul class="dropdown-menu pull-right">
-            <li><a role="button" class="action" data-action="quickRemove" data-id="{{model.id}}">{{translate 'Remove'}}</a></li>
+            <li><a
+                role="button"
+                tabindex="0"
+                class="action"
+                data-action="quickRemove"
+                data-id="{{model.id}}"
+            >{{translate 'Remove'}}</a></li>
         </ul>
         </div>
     </div>
diff --git a/client/res/templates/notification/panel.tpl b/client/res/templates/notification/panel.tpl
index b6654e6add..6a35035449 100644
--- a/client/res/templates/notification/panel.tpl
+++ b/client/res/templates/notification/panel.tpl
@@ -2,8 +2,8 @@
     <div class="panel-heading panel-heading-no-title">
         <div class="link-group">
             <a href="#Notification" data-action="openNotifications">{{translate 'View List'}}</a>
-            <a role="button" data-action="markAllNotificationsRead">{{translate 'Mark all read'}}</a>
-            <a role="button" class="close-link" data-action="closePanel"><span class="fas fa-times"></span></a>
+            <a role="button" tabindex="0" data-action="markAllNotificationsRead">{{translate 'Mark all read'}}</a>
+            <a role="button" tabindex="0" class="close-link" data-action="closePanel"><span class="fas fa-times"></span></a>
         </div>
         {{translate 'Notifications'}}
     </div>
diff --git a/client/res/templates/record/bottom.tpl b/client/res/templates/record/bottom.tpl
index 4e5d460e93..3a23897da6 100644
--- a/client/res/templates/record/bottom.tpl
+++ b/client/res/templates/record/bottom.tpl
@@ -1,7 +1,7 @@
 {{#each panelList}}
     {{#if isRightAfterDelimiter}}
         <div class="panels-show-more-delimiter">
-            <a role="button" data-action="showMorePanels" title="{{translate 'Show more'}}">
+            <a role="button" tabindex="0" data-action="showMorePanels" title="{{translate 'Show more'}}">
                 <span class="fas fa-ellipsis-h fa-lg"></span>
             </a>
         </div>
diff --git a/client/res/templates/record/detail.tpl b/client/res/templates/record/detail.tpl
index 2fc8e05280..f1bdec279a 100644
--- a/client/res/templates/record/detail.tpl
+++ b/client/res/templates/record/detail.tpl
@@ -27,6 +27,7 @@
                     class="{{#if hidden}}hidden{{/if}}{{#if disabled}} disabled{{/if}}"
                 ><a
                     role="button"
+                    tabindex="0"
                     class="action"
                     data-action="{{name}}"
                     {{#if title}}title="{{title}}"{{/if}}
@@ -94,6 +95,7 @@
             >
                 <a
                     role="button"
+                    tabindex="0"
                     class="action"
                     data-action="{{name}}"
                     {{#if title}}title="{{title}}"{{/if}}
diff --git a/client/res/templates/record/edit.tpl b/client/res/templates/record/edit.tpl
index 8791aa0748..3c654de2be 100644
--- a/client/res/templates/record/edit.tpl
+++ b/client/res/templates/record/edit.tpl
@@ -30,6 +30,7 @@
             >
                 <a
                     role="button"
+                    tabindex="0"
                     class="action"
                     data-action="{{name}}"
                     {{#if title}}title="{{title}}"{{/if}}
diff --git a/client/res/templates/record/kanban.tpl b/client/res/templates/record/kanban.tpl
index 0a47a7a08b..ae7c568583 100644
--- a/client/res/templates/record/kanban.tpl
+++ b/client/res/templates/record/kanban.tpl
@@ -29,6 +29,7 @@
                         {{#if ../isCreatable}}
                         <a
                             role="button"
+                            tabindex="0"
                             title="{{translate 'Create'}}"
                             class="create-button hidden"
                             data-action="createInGroup"
diff --git a/client/res/templates/record/list-expanded.tpl b/client/res/templates/record/list-expanded.tpl
index 25348c707f..6138f54451 100644
--- a/client/res/templates/record/list-expanded.tpl
+++ b/client/res/templates/record/list-expanded.tpl
@@ -24,6 +24,7 @@
             <li>
                 <a
                     role="button"
+                    tabindex="0"
                     data-action="{{./this}}"
                     class='mass-action'
                 >{{translate this category="massActions" scope=../scope}}</a></li>
@@ -55,6 +56,7 @@
         <a
             type="button"
             role="button"
+            tabindex="0"
             class="btn btn-default btn-block"
             data-action="showMore"
             {{#if showCount}}title="{{translate 'Total'}}: {{totalCountFormatted}}"{{/if}}
diff --git a/client/res/templates/record/list-nested-categories.tpl b/client/res/templates/record/list-nested-categories.tpl
index 51cb45776f..60023ed723 100644
--- a/client/res/templates/record/list-nested-categories.tpl
+++ b/client/res/templates/record/list-nested-categories.tpl
@@ -3,7 +3,7 @@
 
     <div class="clearfix">
         <div class="btn-group pull-right">
-            <a role="button" class="dropdown-toggle btn btn-text" data-toggle="dropdown">
+            <a role="button" tabindex="0" class="dropdown-toggle btn btn-text" data-toggle="dropdown">
                 <span class="fas fa-ellipsis-h"></span>
             </a>
 
@@ -23,6 +23,7 @@
                 <li class="{{#if isExpanded}}hidden{{/if}}">
                     <a
                         role="button"
+                        tabindex="0"
                         class="category-expanded-toggle-link action"
                         data-action="expand"
                     >{{translate 'Expand'}}</a>
@@ -32,6 +33,7 @@
                 <li>
                     <a
                         role="button"
+                        tabindex="0"
                         class="navigation-toggle-link action"
                         data-action="toggleNavigationPanel"
                     >
@@ -80,6 +82,7 @@
                 <span class="category-item-name">
                     <a
                         role="button"
+                        tabindex="0"
                         class="action"
                         data-action="showMore"
                         title="{{translate 'Show more'}}"
diff --git a/client/res/templates/record/list-pagination.tpl b/client/res/templates/record/list-pagination.tpl
index cf2f3c22bc..b91271066c 100644
--- a/client/res/templates/record/list-pagination.tpl
+++ b/client/res/templates/record/list-pagination.tpl
@@ -1,22 +1,23 @@
 
 <ul class="pagination">
     <li {{#unless previous}}class="disabled"{{/unless}}>
-        <a class="pagination-btn" role="button" data-page="first"><i class="fas fa-fast-backward"></i></a>
+        <a class="pagination-btn" role="button" tabindex="0" data-page="first"><i class="fas fa-fast-backward"></i></a>
     </li>
     <li {{#unless previous}}class="disabled"{{/unless}}>
-        <a class="pagination-btn" role="button" data-page="previous"><i class="fas fa-backward"></i></a>
+        <a class="pagination-btn" role="button" tabindex="0" data-page="previous"><i class="fas fa-backward"></i></a>
     </li>
     <li>
         <a
             class="pagination-btn-middle"
             role="button"
+            tabindex="0"
             data-page="current"
         >{{from}} - {{to}}{{#unless noTotal}} {{translate 'of'}} {{total}}{{/unless}}</a>
     </li>
     <li {{#unless next}}class="disabled"{{/unless}}>
-        <a class="pagination-btn" role="button" data-page="next"><i class="fas fa-forward"></i></a>
+        <a class="pagination-btn" role="button" tabindex="0" data-page="next"><i class="fas fa-forward"></i></a>
     </li>
     <li {{#unless next}}class="disabled"{{/unless}}>
-        <a class="pagination-btn" role="button" data-page="last"><i class="fas fa-fast-forward"></i></a>
+        <a class="pagination-btn" role="button" tabindex="0" data-page="last"><i class="fas fa-fast-forward"></i></a>
     </li>
 </ul>
diff --git a/client/res/templates/record/list-tree-item.tpl b/client/res/templates/record/list-tree-item.tpl
index d8df4ead2f..edd2e59936 100644
--- a/client/res/templates/record/list-tree-item.tpl
+++ b/client/res/templates/record/list-tree-item.tpl
@@ -1,10 +1,14 @@
 <div class="cell">
-    <a role="button"
+    <a
+        role="button"
+        tabindex="0"
         class="action{{#unless showFold}} hidden{{/unless}} small"
         data-action="fold"
         data-id="{{model.id}}"><span class="fas fa-chevron-down"></span></a>
 
-    <a role="button"
+    <a
+        role="button"
+        tabindex="0"
         class="action{{#unless showUnfold}} hidden{{/unless}} small"
         data-action="unfold"
         data-id="{{model.id}}"><span class="fas fa-chevron-right"></span></a>
@@ -16,10 +20,12 @@
     >{{name}}</a>
 
     {{#unless readOnly}}
-     <a role="button"
-        class="action small remove-link hidden"
-        data-action="remove" data-id="{{model.id}}"
-        title="{{translate 'Remove'}}"
+     <a
+         role="button"
+         tabindex="0"
+         class="action small remove-link hidden"
+         data-action="remove" data-id="{{model.id}}"
+         title="{{translate 'Remove'}}"
     >
         <span class="fas fa-times"></span>
     </a>
diff --git a/client/res/templates/record/list-tree.tpl b/client/res/templates/record/list-tree.tpl
index bb46f91452..67678fa4d8 100644
--- a/client/res/templates/record/list-tree.tpl
+++ b/client/res/templates/record/list-tree.tpl
@@ -14,7 +14,7 @@
 <div class="list list-expanded list-tree{{#if noData}} hidden{{/if}}">
     {{#if showRootMenu}}
     <div class="btn-group pull-right">
-        <a role="button" class="small dropdown-toggle btn-link" data-toggle="dropdown">
+        <a role="button" tabindex="0" class="small dropdown-toggle btn-link" data-toggle="dropdown">
             <span class="fas fa-ellipsis-h"></span>
         </a>
         <ul class="dropdown-menu">
@@ -33,6 +33,7 @@
             <li class="{{#unless isExpanded}}hidden{{/unless}}">
                 <a
                     role="button"
+                    tabindex="0"
                     class="category-expanded-toggle-link action"
                     data-action="collapse"
                 >{{translate 'Collapse'}}</a>
@@ -40,6 +41,7 @@
             <li class="{{#if isExpanded}}hidden{{/if}}">
                 <a
                     role="button"
+                    tabindex="0"
                     class="category-expanded-toggle-link action"
                     data-action="expand"
                 >{{translate 'Expand'}}</a>
@@ -70,6 +72,7 @@
         <div>
             <a
                 role="button"
+                tabindex="0"
                 data-action="create"
                 class="action small"
                 title="{{translate 'Add'}}"
diff --git a/client/res/templates/record/list.tpl b/client/res/templates/record/list.tpl
index f65eb70d35..72637075ec 100644
--- a/client/res/templates/record/list.tpl
+++ b/client/res/templates/record/list.tpl
@@ -36,6 +36,7 @@
                 <li class="{{#if hidden}}hidden{{/if}}">
                 <a
                     role="button"
+                    tabindex="0"
                     class="action"
                     data-action="{{name}}"
                 >{{#if html}}{{{html}}}{{else}}{{translate label scope=../entityType}}{{/if}}</a></li>
@@ -58,6 +59,7 @@
             <li>
                 <a
                     role="button"
+                    tabindex="0"
                     data-action="{{./this}}"
                     class='mass-action'
                 >{{translate this category="massActions" scope=../scope}}</a></li>
@@ -87,6 +89,7 @@
                 <li>
                     <a
                         role="button"
+                        tabindex="0"
                         data-action="{{./this}}"
                         class='mass-action'
                     >{{translate this category="massActions" scope=../scope}}</a>
@@ -129,6 +132,7 @@
                             <li>
                                 <a
                                     role="button"
+                                    tabindex="0"
                                     data-action="selectAllResult"
                                 >{{translate 'Select All Results'}}</a>
                             </li>
@@ -147,6 +151,7 @@
                     {{#if this.isSortable}}
                         <a
                             role="button"
+                            tabindex="0"
                             class="sort"
                             data-name="{{this.name}}"
                             title="{{translate 'Sort'}}"
@@ -184,6 +189,7 @@
         <a
             type="button"
             role="button"
+            tabindex="0"
             class="btn btn-default btn-block"
             data-action="showMore"
             {{#if showCount}}title="{{translate 'Total'}}: {{totalCountFormatted}}"{{/if}}
diff --git a/client/res/templates/record/panel-actions.tpl b/client/res/templates/record/panel-actions.tpl
index 4694215277..b82ebf8e13 100644
--- a/client/res/templates/record/panel-actions.tpl
+++ b/client/res/templates/record/panel-actions.tpl
@@ -19,6 +19,7 @@
     {{#if this}}
     <li><a
         {{#if link}}href="{{link}}"{{else}}role="button"{{/if}}
+        tabindex="0"
         class="action{{#if hidden}} hidden{{/if}}"
         {{#if action}}
             data-panel="{{../defs.name}}"
diff --git a/client/res/templates/record/row-actions/default.tpl b/client/res/templates/record/row-actions/default.tpl
index 027efa56e4..e35a1af8ce 100644
--- a/client/res/templates/record/row-actions/default.tpl
+++ b/client/res/templates/record/row-actions/default.tpl
@@ -10,6 +10,7 @@
         <li>
             <a
                 {{#if link}}href="{{link}}"{{else}}role="button"{{/if}}
+                tabindex="0"
                 class="action"
                 {{#if action}}data-action="{{action}}"{{/if}}
                 {{#each data}}
diff --git a/client/res/templates/record/search.tpl b/client/res/templates/record/search.tpl
index bd7811f959..1f1620cf22 100644
--- a/client/res/templates/record/search.tpl
+++ b/client/res/templates/record/search.tpl
@@ -111,6 +111,7 @@
                             class="{{#if checked}}hidden{{/if}}"
                         ><a
                             role="button"
+                            tabindex="0"
                             class="add-filter"
                             data-action="addFilter"
                             data-name="{{name}}"
@@ -147,7 +148,7 @@
 </div>
 
 <div class="advanced-filters-apply-container{{#unless toShowApplyFiltersButton}} hidden{{/unless}}">
-    <a role="button" class="btn btn-default btn-sm" data-action="applyFilters">
+    <a role="button" tabindex="0" class="btn btn-default btn-sm" data-action="applyFilters">
         <span class="fas fa-search"></span>
         <span class="text-apply{{#if toShowResetFiltersText}} hidden{{/if}}">{{translate 'Apply'}}</span>
         <span class="text-reset{{#unless toShowResetFiltersText}} hidden{{/unless}}">{{translate 'Reset'}}</span>
diff --git a/client/res/templates/record/side.tpl b/client/res/templates/record/side.tpl
index d364af8305..45a5792f7d 100644
--- a/client/res/templates/record/side.tpl
+++ b/client/res/templates/record/side.tpl
@@ -1,7 +1,12 @@
 {{#each panelList}}
     {{#if isRightAfterDelimiter}}
         <div class="panels-show-more-delimiter">
-            <a role="button" data-action="showMorePanels" title="{{translate 'Show more'}}">
+            <a
+                role="button"
+                tabindex="0"
+                data-action="showMorePanels"
+                title="{{translate 'Show more'}}"
+            >
                 <span class="fas fa-ellipsis-h fa-lg"></span>
             </a>
         </div>
diff --git a/client/res/templates/role/modals/add-field.tpl b/client/res/templates/role/modals/add-field.tpl
index 84a37bd49c..352fb91b65 100644
--- a/client/res/templates/role/modals/add-field.tpl
+++ b/client/res/templates/role/modals/add-field.tpl
@@ -5,6 +5,7 @@
         <td>
             <a
                 role="button"
+                tabindex="0"
                 data-action="addField"
                 data-name="{{this}}"
             >{{translate this scope=../../scope category='fields'}}</a>
diff --git a/client/res/templates/role/table-edit.tpl b/client/res/templates/role/table-edit.tpl
index 2649a62d37..cbcb964448 100644
--- a/client/res/templates/role/table-edit.tpl
+++ b/client/res/templates/role/table-edit.tpl
@@ -107,6 +107,7 @@
                         <td colspan="2">
                             <a
                                 role="button"
+                                tabindex="0"
                                 class="btn btn-link action"
                                 title="{{translate 'Remove'}}"
                                 data-action="removeField"
diff --git a/client/res/templates/search/filter.tpl b/client/res/templates/search/filter.tpl
index 998756d276..7f77f4b409 100644
--- a/client/res/templates/search/filter.tpl
+++ b/client/res/templates/search/filter.tpl
@@ -1,6 +1,7 @@
 <div class="form-group">
     <a
         role="button"
+        tabindex="0"
         class="remove-filter pull-right"
         data-name="{{name}}"
     >{{#unless notRemovable}}<i class="fas fa-times"></i>{{/unless}}</a>
diff --git a/client/res/templates/site/navbar.tpl b/client/res/templates/site/navbar.tpl
index 7e01ffc985..715f9d2d54 100644
--- a/client/res/templates/site/navbar.tpl
+++ b/client/res/templates/site/navbar.tpl
@@ -91,6 +91,7 @@
                     >
                         <a
                             {{#if link}}href="{{link}}"{{else}}role="button"{{/if}}
+                            tabindex="0"
                             class="{{aClassName}}"
                             {{#if color}} style="border-color: {{color}}"{{/if}}
                             {{#if isGroup}}
@@ -123,6 +124,7 @@
                             <li data-name="{{name}}" class="in-group tab">
                                 <a
                                     {{#if link}}href="{{link}}"{{else}}role="button"{{/if}}
+                                    tabindex="0"
                                     class="{{aClassName}}"
                                     {{#if color}}
                                         style="border-color: {{color}}"
@@ -165,6 +167,7 @@
                     class="dropdown-toggle"
                     data-toggle="dropdown"
                     role="button"
+                    tabindex="0"
                     title="{{translate 'Create'}}"
                 ><i class="fas fa-plus"></i></a>
                 <ul class="dropdown-menu" role="menu" aria-labelledby="nav-quick-create-dropdown">
@@ -188,6 +191,7 @@
                     class="dropdown-toggle"
                     data-toggle="dropdown"
                     role="button"
+                    tabindex="0"
                     title="{{translate 'Menu'}}"
                 ><span class="fas fa-ellipsis-v"></span></a>
                 <ul class="dropdown-menu" role="menu" aria-labelledby="nav-menu-dropdown">
@@ -195,6 +199,7 @@
                         {{#unless divider}}
                             <li><a
                                     {{#if link}}href="{{link}}"{{else}}role="button"{{/if}}
+                                    tabindex="0"
                                     class="nav-link{{#if action}} action{{/if}}"{{#if action}}
                                     data-action="{{action}}"{{/if}}
                                 >{{#if html}}{{{html}}}{{else}}{{label}}{{/if}}</a></li>
@@ -206,7 +211,7 @@
             </li>
         </ul>
         </div>
-        <a class="minimizer hidden" role="button">
+        <a class="minimizer hidden" role="button" tabindex="0">
             <span class="fas fa-chevron-right right"></span>
             <span class="fas fa-chevron-left left"></span>
         </a>
diff --git a/client/res/templates/stream/notes/update.tpl b/client/res/templates/stream/notes/update.tpl
index 24161196e5..146b3c4e78 100644
--- a/client/res/templates/stream/notes/update.tpl
+++ b/client/res/templates/stream/notes/update.tpl
@@ -10,7 +10,7 @@
     </div>
     <div class="stream-head-text-container">
         <span class="text-muted message">{{{message}}}</span>
-        <a role="button" data-action="expandDetails"><span class="fas fa-chevron-down"></span></a>
+        <a role="button" tabindex="0" data-action="expandDetails"><span class="fas fa-chevron-down"></span></a>
     </div>
 </div>
 
diff --git a/client/res/templates/stream/panel.tpl b/client/res/templates/stream/panel.tpl
index 4e5f3e01f7..48a57cb817 100644
--- a/client/res/templates/stream/panel.tpl
+++ b/client/res/templates/stream/panel.tpl
@@ -17,11 +17,12 @@
         <div class="attachments-container">
             {{{attachments}}}
         </div>
-        <a role="button" class="text-muted pull-right stream-post-info">
+        <a role="button" tabindex="0" class="text-muted pull-right stream-post-info">
             <span class="fas fa-info-circle"></span>
         </a>
         <a
             role="button"
+            tabindex="0"
             class="text-muted pull-right stream-post-preview hidden action"
             title="{{translate 'Preview'}}"
             data-action="preview"
diff --git a/client/res/templates/stream/row-actions/default.tpl b/client/res/templates/stream/row-actions/default.tpl
index 84e7707cdb..1481b702ff 100644
--- a/client/res/templates/stream/row-actions/default.tpl
+++ b/client/res/templates/stream/row-actions/default.tpl
@@ -14,6 +14,7 @@
             <li><a
                 role="button"
                 class="action"
+                tabindex="0"
                 data-action="quickEdit"
                 data-id="{{model.id}}"
                 data-no-full-form="true"
@@ -23,6 +24,7 @@
             <li><a
                 role="button"
                 class="action"
+                tabindex="0"
                 data-action="quickRemove"
                 data-id="{{model.id}}"
             >{{translate 'Remove'}}</a></li>