diff --git a/src/ui/public/angular-bootstrap/datepicker/day.html b/src/ui/public/angular-bootstrap/datepicker/day.html
index e276eefa218c3..4d2bb57ffb0ae 100755
--- a/src/ui/public/angular-bootstrap/datepicker/day.html
+++ b/src/ui/public/angular-bootstrap/datepicker/day.html
@@ -15,7 +15,6 @@
             type="button"
             class="kuiDatePickerNavigationButton"
             ng-click="move(-1)"
-            tabindex="-1"
           >
             <span class="kuiIcon fa-chevron-left"></span>
           </button>
@@ -28,7 +27,6 @@
             type="button"
             class="kuiDatePickerNavigationButton"
             ng-click="toggleMode()"
-            tabindex="-1"
           >
             <strong>{{title}}</strong>
           </button>
@@ -37,7 +35,6 @@
             type="button"
             class="kuiDatePickerNavigationButton"
             ng-click="move(1)"
-            tabindex="-1"
           >
             <span class="kuiIcon fa-chevron-right"></span>
           </button>
@@ -74,7 +71,6 @@
           ng-class="{'kuiDatePickerRowCellContent-isSelected': dt.selected, 'kuiDatePickerRowCellContent-isCurrent': dt.current, 'kuiDatePickerRowCellContent-isOtherMonth': dt.secondary}"
           ng-click="select(dt.date)"
           ng-disabled="dt.disabled"
-          tabindex="-1"
         >
           <span>{{dt.label}}</span>
         </button>
diff --git a/src/ui/public/angular-bootstrap/datepicker/month.html b/src/ui/public/angular-bootstrap/datepicker/month.html
index b5ecf93317cff..165708ece3082 100755
--- a/src/ui/public/angular-bootstrap/datepicker/month.html
+++ b/src/ui/public/angular-bootstrap/datepicker/month.html
@@ -15,7 +15,6 @@
             type="button"
             class="kuiDatePickerNavigationButton"
             ng-click="move(-1)"
-            tabindex="-1"
           >
             <span class="kuiIcon fa-chevron-left"></span>
           </button>
@@ -28,7 +27,6 @@
             type="button"
             class="kuiDatePickerNavigationButton"
             ng-click="toggleMode()"
-            tabindex="-1"
           >
             <strong>{{title}}</strong>
           </button>
@@ -37,7 +35,6 @@
             type="button"
             class="kuiDatePickerNavigationButton"
             ng-click="move(1)"
-            tabindex="-1"
           >
             <span class="kuiIcon fa-chevron-right"></span>
           </button>
@@ -61,7 +58,6 @@
           ng-class="{'kuiDatePickerRowCellContent-isSelected': dt.selected, 'kuiDatePickerRowCellContent-isCurrent': dt.current}"
           ng-click="select(dt.date)"
           ng-disabled="dt.disabled"
-          tabindex="-1"
         >
           <span>{{dt.label}}</span>
         </button>
diff --git a/src/ui/public/angular-bootstrap/datepicker/year.html b/src/ui/public/angular-bootstrap/datepicker/year.html
index afb875145af1d..4d37a0d9e13c3 100755
--- a/src/ui/public/angular-bootstrap/datepicker/year.html
+++ b/src/ui/public/angular-bootstrap/datepicker/year.html
@@ -15,7 +15,6 @@
             type="button"
             class="kuiDatePickerNavigationButton"
             ng-click="move(-1)"
-            tabindex="-1"
           >
             <span class="kuiIcon fa-chevron-left"></span>
           </button>
@@ -28,7 +27,6 @@
             type="button"
             class="kuiDatePickerNavigationButton"
             ng-click="toggleMode()"
-            tabindex="-1"
           >
             <strong>{{title}}</strong>
           </button>
@@ -37,7 +35,6 @@
             type="button"
             class="kuiDatePickerNavigationButton"
             ng-click="move(1)"
-            tabindex="-1"
           >
             <span class="kuiIcon fa-chevron-right"></span>
           </button>
@@ -61,7 +58,6 @@
           ng-class="{'kuiDatePickerRowCellContent-isSelected': dt.selected, 'kuiDatePickerRowCellContent-isCurrent': dt.current}"
           ng-click="select(dt.date)"
           ng-disabled="dt.disabled"
-          tabindex="-1"
         >
           <span>{{dt.label}}</span>
         </button>
diff --git a/src/ui/public/directives/pretty_duration.js b/src/ui/public/directives/pretty_duration.js
index c8f5725702383..24caa80442a82 100644
--- a/src/ui/public/directives/pretty_duration.js
+++ b/src/ui/public/directives/pretty_duration.js
@@ -22,13 +22,18 @@ module.directive('prettyDuration', function (config, quickRanges, timeUnits) {
         lookupByRange[frame.from + ' to ' + frame.to] = frame;
       });
 
+      function setText(text) {
+        $elem.text(text);
+        $elem.attr('aria-label', `Current time range is ${text}`);
+      }
+
       function stringify() {
         let text;
         // If both parts are date math, try to look up a reasonable string
         if ($scope.from && $scope.to && !moment.isMoment($scope.from) && !moment.isMoment($scope.to)) {
           const tryLookup = lookupByRange[$scope.from.toString() + ' to ' + $scope.to.toString()];
           if (tryLookup) {
-            $elem.text(tryLookup.display);
+            setText(tryLookup.display);
           } else {
             const fromParts = $scope.from.toString().split('-');
             if ($scope.to.toString() === 'now' && fromParts[0] === 'now' && fromParts[1]) {
@@ -37,7 +42,7 @@ module.directive('prettyDuration', function (config, quickRanges, timeUnits) {
               if (rounded[1]) {
                 text = text + ' rounded to the ' + timeUnits[rounded[1]];
               }
-              $elem.text(text);
+              setText(text);
             } else {
               cantLookup();
             }
@@ -62,7 +67,7 @@ module.directive('prettyDuration', function (config, quickRanges, timeUnits) {
             }
           }
         });
-        $elem.text(display.from + ' to ' + display.to);
+        setText(`${display.from} to ${display.to}`);
       }
 
       $scope.$watch('from', stringify);
diff --git a/src/ui/public/kbn_top_nav/kbn_top_nav.html b/src/ui/public/kbn_top_nav/kbn_top_nav.html
index 1c881f4d36d24..bda5662a9495d 100644
--- a/src/ui/public/kbn_top_nav/kbn_top_nav.html
+++ b/src/ui/public/kbn_top_nav/kbn_top_nav.html
@@ -14,7 +14,7 @@
     <!-- Right-side: menu -->
     <div class="kuiLocalNavRow__section">
       <div class="kuiLocalMenu">
-        <div
+        <button
           class="kuiLocalMenuItem"
           ng-repeat="menuItem in kbnTopNav.menuItems"
           aria-label="{{::menuItem.description}}"
@@ -28,8 +28,7 @@
           tooltip-popup-delay="400"
           tooltip-append-to-body="1"
           data-test-subj="{{menuItem.testId}}"
-        >
-        </div>
+        ></button>
 
         <!-- Time-picker "menu item" -->
         <kbn-global-timepicker></kbn-global-timepicker>
@@ -43,7 +42,7 @@
     ng-show="kbnTopNav.rendered"
   >
     <button class="kuiLocalDropdownCloseButton" ng-click="kbnTopNav.close()">
-      <span class="fa fa-chevron-circle-up"></span>
+      <span class="kuiIcon fa-chevron-circle-up"></span>
     </button>
     <div id="template_wrapper">
       <!-- Content gets dynamically inserted here. -->
diff --git a/src/ui/public/share/views/share.html b/src/ui/public/share/views/share.html
index a56d9e2fb047b..d3f77b586be93 100644
--- a/src/ui/public/share/views/share.html
+++ b/src/ui/public/share/views/share.html
@@ -30,6 +30,7 @@
             <a
               class="kuiLocalDropdownHeader__action"
               ng-click="share.copyToClipboard('#originalIframeUrl')"
+              kbn-accessible-click
             >
               Copy
             </a>
@@ -62,6 +63,7 @@
             <a
               class="kuiLocalDropdownHeader__action"
               ng-click="share.copyToClipboard('#originalUrl')"
+              kbn-accessible-click
             >
               Copy
             </a>
@@ -104,6 +106,7 @@
             class="kuiLocalDropdownHeader__action"
             ng-if="!share.urlFlags.shortSnapshotIframe"
             ng-click="share.toggleShortSnapshotIframeUrl()"
+            kbn-accessible-click
           >
             Short URL
           </a>
@@ -112,6 +115,7 @@
             class="kuiLocalDropdownHeader__action"
             ng-if="share.urlFlags.shortSnapshotIframe"
             ng-click="share.toggleShortSnapshotIframeUrl()"
+            kbn-accessible-click
           >
             Long URL
           </a>
@@ -119,6 +123,7 @@
           <a
             class="kuiLocalDropdownHeader__action"
             ng-click="share.copyToClipboard('#snapshotIframeUrl')"
+            kbn-accessible-click
           >
             Copy
           </a>
@@ -153,6 +158,7 @@
             class="kuiLocalDropdownHeader__action"
             ng-if="!share.urlFlags.shortSnapshot"
             ng-click="share.toggleShortSnapshotUrl()"
+            kbn-accessible-click
           >
             Short URL
           </a>
@@ -161,6 +167,7 @@
             class="kuiLocalDropdownHeader__action"
             ng-if="share.urlFlags.shortSnapshot"
             ng-click="share.toggleShortSnapshotUrl()"
+            kbn-accessible-click
           >
             Long URL
           </a>
@@ -169,6 +176,7 @@
             data-test-subj="sharedSnapshotCopyButton"
             class="kuiLocalDropdownHeader__action"
             ng-click="share.copyToClipboard('#snapshotUrl')"
+            kbn-accessible-click
           >
             Copy
           </a>
diff --git a/src/ui/public/timepicker/kbn_global_timepicker.html b/src/ui/public/timepicker/kbn_global_timepicker.html
index e44c6d2c3e2c3..fd16a27e9e6f2 100644
--- a/src/ui/public/timepicker/kbn_global_timepicker.html
+++ b/src/ui/public/timepicker/kbn_global_timepicker.html
@@ -1,46 +1,72 @@
 <div ng-show="timefilter.enabled" data-shared-timefilter="{{timefilter.enabled}}" class="kuiLocalMenu" data-test-subj="globalTimepicker">
-  <div
+  <button
     class="kuiLocalMenuItem"
+    aria-label="{{ timefilter.refreshInterval.pause ? 'Resume refreshing data' : 'Pause refreshing data' }}"
     ng-click="toggleRefresh()"
     ng-show="timefilter.refreshInterval.value > 0"
   >
-    <span class="fa" ng-class="timefilter.refreshInterval.pause ? 'fa-play' : 'fa-pause'"></span>
-  </div>
+    <span
+      class="kuiIcon"
+      aria-hidden="true"
+      ng-class="timefilter.refreshInterval.pause ? 'fa-play' : 'fa-pause'"
+    ></span>
+  </button>
 
-  <div
+  <button
     class="kuiLocalMenuItem navbar-timepicker-auto-refresh-desc"
     ng-class="{'kuiLocalMenuItem-isSelected': kbnTopNav.isCurrent('interval') }"
     ng-show="timefilter.refreshInterval.value > 0 || kbnTopNav.isCurrent('interval') || kbnTopNav.isCurrent('filter')"
     ng-click="kbnTopNav.toggle('interval')"
   >
     <span ng-show="timefilter.refreshInterval.value === 0">
-      <span class="fa fa-repeat"></span> Auto-refresh
+      <span aria-hidden="true" class="kuiIcon fa-repeat"></span> Auto-refresh
     </span>
-    <span ng-show="timefilter.refreshInterval.value > 0">
-      {{timefilter.refreshInterval.display}}
+
+    <span
+      ng-show="timefilter.refreshInterval.value > 0"
+      aria-label="{{ 'Data will refresh every ' + timefilter.refreshInterval.display }}"
+    >
+      {{ timefilter.refreshInterval.display }}
     </span>
-  </div>
+  </button>
 
-  <div class="kuiLocalMenuItem" ng-click="back()">
-    <span class="fa fa-chevron-left ng-scope" tooltip="Move backward in time"></span>
-  </div>
+  <button
+    class="kuiLocalMenuItem"
+    ng-click="back()"
+    aria-label="Move backward in time"
+  >
+    <span
+      class="kuiIcon fa-chevron-left"
+      aria-hidden="true"
+      tooltip="Move backward in time"
+    ></span>
+  </button>
 
-  <div
+  <button
     data-test-subj="globalTimepickerButton"
     class="kuiLocalMenuItem navbar-timepicker-time-desc"
     ng-class="{'kuiLocalMenuItem-isSelected': kbnTopNav.isCurrent('filter')}"
     ng-click="kbnTopNav.toggle('filter')"
+    aria-label="Open time range picker"
     aria-haspopup="true"
-    aria-expanded="false"
   >
-    <span aria-hidden="true" class="fa fa-clock-o"></span>
+    <span aria-hidden="true" class="kuiIcon fa-clock-o"></span>
     <pretty-duration
-      from="timefilter.time.from" to="timefilter.time.to"
+      from="timefilter.time.from"
+      to="timefilter.time.to"
       data-test-subj="globalTimepickerRange"
     ></pretty-duration>
-  </div>
+  </button>
 
-  <div class="kuiLocalMenuItem" ng-click="forward()">
-    <span class="fa fa-chevron-right ng-scope" tooltip="Move forward in time"></span>
-  </div>
+  <button
+    class="kuiLocalMenuItem"
+    ng-click="forward()"
+    aria-label="Move forward in time"
+  >
+    <span
+      aria-hidden="true"
+      class="kuiIcon fa-chevron-right"
+      tooltip="Move forward in time"
+    ></span>
+  </button>
 </div>
diff --git a/src/ui/public/timepicker/timepicker.html b/src/ui/public/timepicker/timepicker.html
index 04f0b8684961a..d84a17673a5f1 100644
--- a/src/ui/public/timepicker/timepicker.html
+++ b/src/ui/public/timepicker/timepicker.html
@@ -9,13 +9,30 @@
         <div class="col-md-2">
           <ul class="nav nav-pills nav-stacked kbn-timepicker-modes">
             <li ng-class="{active: mode === 'quick' }">
-              <a ng-click="setMode('quick')">quick</a>
+              <a
+                ng-click="setMode('quick')"
+                kbn-accessible-click
+              >
+                quick
+              </a>
             </li>
+
             <li ng-class="{active: mode === 'relative' }">
-              <a ng-click="setMode('relative')">relative</a>
+              <a
+                ng-click="setMode('relative')"
+                kbn-accessible-click
+              >
+                relative
+              </a>
             </li>
+
             <li ng-class="{active: mode === 'absolute' }">
-              <a ng-click="setMode('absolute')">absolute</a>
+              <a
+                ng-click="setMode('absolute')"
+                kbn-accessible-click
+              >
+                absolute
+              </a>
             </li>
           </ul>
         </div>
@@ -27,7 +44,11 @@
               <div ng-repeat="list in quickLists" class="kbn-timepicker-section">
                 <ul class="list-unstyled">
                   <li ng-repeat="option in list">
-                    <a ng-click="setQuick(option.from, option.to)" ng-bind="::option.display"></a>
+                    <a
+                      ng-click="setQuick(option.from, option.to)"
+                      ng-bind="::option.display"
+                      kbn-accessible-click
+                    ></a>
                   </li>
                 </ul>
               </div>
@@ -41,8 +62,14 @@
                   <label>
                     From:
                     <span ng-show="relative.from.preview">{{relative.from.preview}}</span>
-                    <a class="label label-default" ng-click="setRelativeToNow('from')">Set To Now</a>
-                    <span ng-hide="relative.from.preview"><i>Invalid Expression</i></span>
+                    <a
+                      class="label label-default"
+                      ng-click="setRelativeToNow('from')"
+                      kbn-accessible-click
+                    >
+                      Set To Now
+                    </a>
+                    <span ng-hide="relative.from.preview"><em>Invalid Expression</em></span>
                   </label>
                   <br>
                   <div class="form-group" ng-class="{ 'has-error': checkRelative() }">
@@ -85,8 +112,14 @@
                   <label>
                     To:
                     <span ng-show="relative.to.preview">{{relative.to.preview}}</span>
-                    <a class="label label-default" ng-click="setRelativeToNow('to')">Set To Now</a>
-                    <span ng-hide="relative.to.preview"><i>Invalid Expression</i></span>
+                    <a
+                      class="label label-default"
+                      ng-click="setRelativeToNow('to')"
+                      kbn-accessible-click
+                    >
+                      Set To Now
+                    </a>
+                    <span ng-hide="relative.to.preview"><em>Invalid Expression</em></span>
                   </label>
                   <br>
                   <div class="form-group" ng-class="{ 'has-error': checkRelative() }">
@@ -141,8 +174,14 @@
               <form name="absoluteTime" ng-submit="applyAbsolute()">
                 <div class="kbn-timepicker-section">
                   <div>
-                    <label class="small">From: <span ng-show="!absolute.from"><i>Invalid Date</i></span>
-                      <a class="label label-default" ng-click="setToNow('from')">Set To Now</a>
+                    <label class="small">From: <span ng-show="!absolute.from"><em>Invalid Date</em></span>
+                      <a
+                        class="label label-default"
+                        ng-click="setToNow('from')"
+                        kbn-accessible-click
+                      >
+                        Set To Now
+                      </a>
                     </label>
                     <input type="text" required class="form-control" input-datetime="{{format}}" ng-model="absolute.from">
                   </div>
@@ -154,9 +193,15 @@
                 <div class="kbn-timepicker-section">
                   <div>
                     <label class="small">To:
-                      <a class="label label-default" ng-click="setToNow('to')">Set To Now</a>
+                      <a
+                        class="label label-default"
+                        ng-click="setToNow('to')"
+                        kbn-accessible-click
+                      >
+                        Set To Now
+                      </a>
                     </label>
-                    <span ng-show="!absolute.to"><i>Invalid Date</i></span>
+                    <span ng-show="!absolute.to"><em>Invalid Date</em></span>
                     <input type="text" required class="form-control" input-datetime="{{format}}" ng-model="absolute.to">
                   </div>
                   <div>
@@ -191,7 +236,12 @@
       <div ng-repeat="list in refreshLists" class="kbn-refresh-section">
         <ul class="list-unstyled">
           <li ng-repeat="inter in list">
-            <a class="refresh-interval" ng-class="{ 'refresh-interval-active': interval.value === inter.value }" ng-click="setRefreshInterval(inter)">
+            <a
+              class="refresh-interval"
+              ng-class="{ 'refresh-interval-active': interval.value === inter.value }"
+              ng-click="setRefreshInterval(inter)"
+              kbn-accessible-click
+            >
               {{inter.display}}
             </a>
           </li>