From e3cbff0e35e7a7ea96840f22caded3ce6597a1ae Mon Sep 17 00:00:00 2001
From: Maurizio Vitale <maurizio.vitale@alfresco.com>
Date: Tue, 14 Feb 2017 16:21:08 +0000
Subject: [PATCH] Viewer - Accessibility alternative text (#1632)

* #1534 No alternative text for close

* #1536 No alternative text for download

* #1537 no alternative text for options
---
 .../src/componets/notSupportedFormat.component.html    |  2 +-
 .../src/componets/pdfViewer.component.html             | 10 +++++-----
 .../src/componets/viewer.component.html                |  2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/ng2-components/ng2-alfresco-viewer/src/componets/notSupportedFormat.component.html b/ng2-components/ng2-alfresco-viewer/src/componets/notSupportedFormat.component.html
index a0171264fe..e99f9e1d42 100644
--- a/ng2-components/ng2-alfresco-viewer/src/componets/notSupportedFormat.component.html
+++ b/ng2-components/ng2-alfresco-viewer/src/componets/notSupportedFormat.component.html
@@ -4,7 +4,7 @@
             <h4>File '<span>{{nameFile}}</span>' is of an unsupported format</h4>
         </div>
         <div class="center-element mdl-card__actions">
-            <button id="viewer-download-button" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" (click)="download()">
+            <button id="viewer-download-button" aria-label="Download" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" (click)="download()">
                 <i class="viewer-margin-cloud-download material-icons">cloud_download</i>   Download
             </button>
         </div>
diff --git a/ng2-components/ng2-alfresco-viewer/src/componets/pdfViewer.component.html b/ng2-components/ng2-alfresco-viewer/src/componets/pdfViewer.component.html
index 5fd6b7cc79..0ff02e5ce7 100644
--- a/ng2-components/ng2-alfresco-viewer/src/componets/pdfViewer.component.html
+++ b/ng2-components/ng2-alfresco-viewer/src/componets/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" class="button-page left" (click)="previousPage()">
+    <div id="viewer-previous-page-button" aria-label="arrow left" class="button-page left" (click)="previousPage()">
         <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" class="button-page left"  (click)="nextPage()" >
+    <div id="viewer-next-page-button" aria-label="arrow right" class="button-page left"  (click)="nextPage()" >
         <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" class="button-page left" (click)="pageFit()">
+    <div id="viewer-scale-page-button" aria-label="zoom out map" class="button-page left" (click)="pageFit()">
         <i class="icon material-icons">zoom_out_map</i>
     </div>
-    <div id="viewer-zoom-in-button" class="button-page left" (click)="zoomIn()">
+    <div id="viewer-zoom-in-button" aria-label="zoom in" class="button-page left" (click)="zoomIn()">
         <i class="icon material-icons">zoom_in</i>
     </div>
-    <div id="viewer-zoom-out-button" class="button-page left" (click)="zoomOut()">
+    <div id="viewer-zoom-out-button" aria-label="zoom out" class="button-page left" (click)="zoomOut()">
         <i class="icon material-icons">zoom_out</i>
     </div>
 </div>
diff --git a/ng2-components/ng2-alfresco-viewer/src/componets/viewer.component.html b/ng2-components/ng2-alfresco-viewer/src/componets/viewer.component.html
index a698f338bd..09bf019383 100644
--- a/ng2-components/ng2-alfresco-viewer/src/componets/viewer.component.html
+++ b/ng2-components/ng2-alfresco-viewer/src/componets/viewer.component.html
@@ -23,7 +23,7 @@
                         <div id="viewer-toolbar-view-options">
                             <button *ngIf="overlayMode"
                                     class="mdl-color--black mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored"
-                                    (click)="close()">
+                                    (click)="close()" aria-label="Close">
                                 <i id="viewer-close-button" class="icon material-icons">close</i>
                             </button>
                         </div>