From d337bff48b46546d9bfc386b3f5a7849b866fe7f Mon Sep 17 00:00:00 2001
From: Denys Vuika <denys.vuika@gmail.com>
Date: Thu, 29 Mar 2018 13:38:42 +0100
Subject: [PATCH] (viewer) use system screen-reader friendly tooltips (#3133)

---
 .../viewer/components/viewer.component.html    | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/lib/core/viewer/components/viewer.component.html b/lib/core/viewer/components/viewer.component.html
index efab72face..bcbce1f63c 100644
--- a/lib/core/viewer/components/viewer.component.html
+++ b/lib/core/viewer/components/viewer.component.html
@@ -13,7 +13,7 @@
                         class="adf-viewer-close-button"
                         data-automation-id="toolbar-back"
                         mat-icon-button
-                        matTooltip="{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}"
+                        title="{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}"
                         (click)="onBackButtonClick()">
                         <mat-icon>close</mat-icon>
                     </button>
@@ -24,7 +24,7 @@
                         *ngIf="allowNavigate && canNavigateBefore"
                         data-automation-id="toolbar-pref-file"
                         mat-icon-button
-                        matTooltip="{{ 'ADF_VIEWER.ACTIONS.PREV_FILE' | translate }}"
+                        title="{{ 'ADF_VIEWER.ACTIONS.PREV_FILE' | translate }}"
                         (click)="onNavigateBeforeClick()">
                         <mat-icon>navigate_before</mat-icon>
                     </button>
@@ -34,7 +34,7 @@
                         *ngIf="allowNavigate && canNavigateNext"
                         data-automation-id="toolbar-next-file"
                         mat-icon-button
-                        matTooltip="{{ 'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate }}"
+                        title="{{ 'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate }}"
                         (click)="onNavigateNextClick()">
                         <mat-icon>navigate_next</mat-icon>
                     </button>
@@ -60,7 +60,7 @@
                 <button
                     *ngIf="allowDownload"
                     mat-icon-button
-                    matTooltip="{{ 'ADF_VIEWER.ACTIONS.DOWNLOAD' | translate }}"
+                    title="{{ 'ADF_VIEWER.ACTIONS.DOWNLOAD' | translate }}"
                     data-automation-id="toolbar-download"
                     (click)="downloadContent()">
                     <mat-icon>file_download</mat-icon>
@@ -69,7 +69,7 @@
                 <button
                     *ngIf="allowPrint"
                     mat-icon-button
-                    matTooltip="{{ 'ADF_VIEWER.ACTIONS.PRINT' | translate }}"
+                    title="{{ 'ADF_VIEWER.ACTIONS.PRINT' | translate }}"
                     data-automation-id="toolbar-print"
                     (click)="printContent()">
                     <mat-icon>print</mat-icon>
@@ -78,7 +78,7 @@
                 <button
                     *ngIf="allowShare"
                     mat-icon-button
-                    matTooltip="{{ 'ADF_VIEWER.ACTIONS.SHARE' | translate }}"
+                    title="{{ 'ADF_VIEWER.ACTIONS.SHARE' | translate }}"
                     data-automation-id="toolbar-share"
                     (click)="shareContent()">
                     <mat-icon>share</mat-icon>
@@ -87,7 +87,7 @@
                 <button
                     *ngIf="viewerType !== 'media' && allowFullScreen"
                     mat-icon-button
-                    matTooltip="{{ 'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate }}"
+                    title="{{ 'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate }}"
                     data-automation-id="toolbar-fullscreen"
                     (click)="enterFullScreen()">
                     <mat-icon>fullscreen</mat-icon>
@@ -97,7 +97,7 @@
                     <button
                         mat-icon-button
                         [matMenuTriggerFor]="mnuMoreActions"
-                        matTooltip="{{ 'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate }}"
+                        title="{{ 'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate }}"
                         data-automation-id="toolbar-more-actions">
                         <mat-icon>more_vert</mat-icon>
                     </button>
@@ -111,7 +111,7 @@
 
                     <button
                         mat-icon-button
-                        matTooltip="{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}"
+                        title="{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}"
                         data-automation-id="toolbar-sidebar"
                         [color]="showSidebar ? 'accent' : 'default'"
                         (click)="toggleSidebar($event)">