diff --git a/ng2-components/ng2-alfresco-viewer/src/components/pdfViewer.component.html b/ng2-components/ng2-alfresco-viewer/src/components/pdfViewer.component.html
index 0ff02e5ce7..7a7325ff29 100644
--- a/ng2-components/ng2-alfresco-viewer/src/components/pdfViewer.component.html
+++ b/ng2-components/ng2-alfresco-viewer/src/components/pdfViewer.component.html
@@ -14,7 +14,7 @@
 
 <!-- Pagination toolbar start -->
 <div *ngIf="showToolbar" id="viewer-toolbar-pagination" class="viewer-toolbar-pagination mdl-cell--hide-tablet mdl-cell--hide-phone">
-    <div id="viewer-previous-page-button" aria-label="arrow left" class="button-page left" (click)="previousPage()">
+    <div id="viewer-previous-page-button" aria-label="arrow left" class="button-page left" (click)="previousPage()" tabindex="0">
         <i class="icon material-icons">keyboard_arrow_left</i>
     </div>
 
@@ -24,7 +24,7 @@
         <div id="viewer-total-pages"  class="left viewer-total-pages">/ {{totalPages}}</div>
     </div>
 
-    <div id="viewer-next-page-button" aria-label="arrow right" class="button-page left"  (click)="nextPage()" >
+    <div id="viewer-next-page-button" aria-label="arrow right" class="button-page left"  (click)="nextPage()" tabindex="0">
         <i class="icon material-icons" >keyboard_arrow_right</i>
     </div>
 </div>
@@ -32,13 +32,13 @@
 
 <!-- Command toolbar start -->
 <div *ngIf="showToolbar"  id="viewer-toolbar-command" class="viewer-toolbar-command">
-    <div id="viewer-scale-page-button" aria-label="zoom out map" class="button-page left" (click)="pageFit()">
+    <div id="viewer-scale-page-button" aria-label="zoom out map" class="button-page left" (click)="pageFit()" tabindex="0">
         <i class="icon material-icons">zoom_out_map</i>
     </div>
-    <div id="viewer-zoom-in-button" aria-label="zoom in" class="button-page left" (click)="zoomIn()">
+    <div id="viewer-zoom-in-button" aria-label="zoom in" class="button-page left" (click)="zoomIn()" tabindex="0">
         <i class="icon material-icons">zoom_in</i>
     </div>
-    <div id="viewer-zoom-out-button" aria-label="zoom out" class="button-page left" (click)="zoomOut()">
+    <div id="viewer-zoom-out-button" aria-label="zoom out" class="button-page left" (click)="zoomOut()" tabindex="0">
         <i class="icon material-icons">zoom_out</i>
     </div>
 </div>