forked from CIT/Vmeda.Online
		
	MOBILE-3320 a11y: Fix ion-fab aria-label not read by VoiceOver
This commit is contained in:
		
							parent
							
								
									6d9b171e08
								
							
						
					
					
						commit
						c9ead4d4fb
					
				@ -94,6 +94,7 @@
 | 
			
		||||
    <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="canCreate && loaded">
 | 
			
		||||
        <ion-fab-button (click)="openEdit()" [attr.aria-label]="'addon.calendar.newevent' | translate">
 | 
			
		||||
            <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
 | 
			
		||||
            <span class="sr-only">{{ 'addon.calendar.newevent' | translate }}</span>
 | 
			
		||||
        </ion-fab-button>
 | 
			
		||||
    </ion-fab>
 | 
			
		||||
</ion-content>
 | 
			
		||||
 | 
			
		||||
@ -50,6 +50,7 @@
 | 
			
		||||
    <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="canCreate">
 | 
			
		||||
        <ion-fab-button (click)="openEdit()" [attr.aria-label]="'addon.calendar.newevent' | translate">
 | 
			
		||||
            <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
 | 
			
		||||
            <span class="sr-only">{{ 'addon.calendar.newevent' | translate }}</span>
 | 
			
		||||
        </ion-fab-button>
 | 
			
		||||
    </ion-fab>
 | 
			
		||||
</ion-content>
 | 
			
		||||
 | 
			
		||||
@ -90,6 +90,7 @@
 | 
			
		||||
    <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="canCreate">
 | 
			
		||||
        <ion-fab-button (click)="openEdit()" [attr.aria-label]="'addon.calendar.newevent' | translate">
 | 
			
		||||
            <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
 | 
			
		||||
            <span class="sr-only">{{ 'addon.calendar.newevent' | translate }}</span>
 | 
			
		||||
        </ion-fab-button>
 | 
			
		||||
    </ion-fab>
 | 
			
		||||
</ion-content>
 | 
			
		||||
 | 
			
		||||
@ -133,6 +133,7 @@
 | 
			
		||||
        <ion-fab-button size="small" (click)="scrollToFirstUnreadMessage()" color="light"
 | 
			
		||||
            [attr.aria-label]="'addon.messages.newmessages' | translate">
 | 
			
		||||
            <ion-icon name="fas-arrow-down" aria-hidden="true"></ion-icon>
 | 
			
		||||
            <span class="sr-only">{{ 'addon.messages.newmessages' | translate }}</span>
 | 
			
		||||
            <span class="core-discussion-messages-badge">{{ newMessages }}</span>
 | 
			
		||||
        </ion-fab-button>
 | 
			
		||||
    </ion-fab>
 | 
			
		||||
 | 
			
		||||
@ -154,5 +154,6 @@
 | 
			
		||||
<ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="canAdd">
 | 
			
		||||
    <ion-fab-button (click)="gotoAddEntries()" [attr.aria-label]="'addon.mod_data.addentries' | translate">
 | 
			
		||||
        <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
 | 
			
		||||
        <span class="sr-only">{{ 'addon.mod_data.addentries' | translate }}</span>
 | 
			
		||||
    </ion-fab-button>
 | 
			
		||||
</ion-fab>
 | 
			
		||||
 | 
			
		||||
@ -167,6 +167,7 @@
 | 
			
		||||
    <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="forum && canAddDiscussion">
 | 
			
		||||
        <ion-fab-button (click)="openNewDiscussion()" [attr.aria-label]="addDiscussionText">
 | 
			
		||||
            <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
 | 
			
		||||
            <span class="sr-only">{{ addDiscussionText }}</span>
 | 
			
		||||
        </ion-fab-button>
 | 
			
		||||
    </ion-fab>
 | 
			
		||||
</core-split-view>
 | 
			
		||||
 | 
			
		||||
@ -109,6 +109,7 @@
 | 
			
		||||
    <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="canAdd">
 | 
			
		||||
        <ion-fab-button (click)="openNewEntry()" [attr.aria-label]="'addon.mod_glossary.addentry' | translate">
 | 
			
		||||
            <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
 | 
			
		||||
            <span class="sr-only">{{ 'addon.mod_glossary.addentry' | translate }}</span>
 | 
			
		||||
        </ion-fab-button>
 | 
			
		||||
    </ion-fab>
 | 
			
		||||
</core-split-view>
 | 
			
		||||
 | 
			
		||||
@ -97,5 +97,6 @@
 | 
			
		||||
<ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="canEdit">
 | 
			
		||||
    <ion-fab-button (click)="goToNewPage()" [attr.aria-label]="'addon.mod_wiki.createpage' | translate">
 | 
			
		||||
        <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
 | 
			
		||||
        <span class="sr-only">{{ 'addon.mod_wiki.createpage' | translate }}</span>
 | 
			
		||||
    </ion-fab-button>
 | 
			
		||||
</ion-fab>
 | 
			
		||||
 | 
			
		||||
@ -99,6 +99,7 @@
 | 
			
		||||
    <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="userId && notesLoaded">
 | 
			
		||||
        <ion-fab-button (click)="addNote($event)" [attr.aria-label]="'addon.notes.addnewnote' |translate">
 | 
			
		||||
            <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
 | 
			
		||||
            <span class="sr-only">{{ 'addon.notes.addnewnote' | translate }}</span>
 | 
			
		||||
        </ion-fab-button>
 | 
			
		||||
    </ion-fab>
 | 
			
		||||
</ion-content>
 | 
			
		||||
 | 
			
		||||
@ -52,6 +52,7 @@
 | 
			
		||||
    <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end" *ngIf="showUpload && root != 'site' && !path">
 | 
			
		||||
        <ion-fab-button (click)="uploadFile()" [attr.aria-label]="'core.fileuploader.uploadafile' | translate">
 | 
			
		||||
            <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
 | 
			
		||||
            <span class="sr-only">{{ 'core.fileuploader.uploadafile' | translate }}</span>
 | 
			
		||||
        </ion-fab-button>
 | 
			
		||||
    </ion-fab>
 | 
			
		||||
</ion-content>
 | 
			
		||||
 | 
			
		||||
@ -42,6 +42,7 @@
 | 
			
		||||
    <ion-fab slot="fixed" core-fab vertical="bottom" horizontal="end">
 | 
			
		||||
        <ion-fab-button (click)="add()" [attr.aria-label]="'core.add' | translate">
 | 
			
		||||
            <ion-icon name="fas-plus" aria-hidden="true"></ion-icon>
 | 
			
		||||
            <span class="sr-only">{{ 'core.add' | translate }}</span>
 | 
			
		||||
        </ion-fab-button>
 | 
			
		||||
    </ion-fab>
 | 
			
		||||
</ion-content>
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user