From b79f9c58f6f5786e3dc32308a35a44f6f3de04d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Popovics=20Andr=C3=A1s?=
 <popovicsandras@users.noreply.github.com>
Date: Wed, 14 Jun 2017 15:51:05 +0100
Subject: [PATCH] Adding tabindices to viewer control elements (#1968)

---
 .../src/components/pdfViewer.component.html            | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

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>