Viewer - Accessibility alternative text (#1632)

* #1534 No alternative text for close

* #1536 No alternative text for download

* #1537 no alternative text for options
This commit is contained in:
Maurizio Vitale 2017-02-14 16:21:08 +00:00 committed by Mario Romano
parent 69699c337b
commit e3cbff0e35
3 changed files with 7 additions and 7 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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>