[ACS-3545] a11y aca metadata sidebar (#2742)

* ACS-3545 Added aria label to progress bar for metadata sidebar

* ACS-3545 Fixed lint issues
This commit is contained in:
AleksanderSklorz 2022-10-27 10:18:37 +02:00 committed by GitHub
parent 49e5f56d31
commit fd83219d54
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 2 deletions

View File

@ -395,6 +395,7 @@
},
"INFO_DRAWER": {
"TITLE": "Details",
"DATA_LOADING": "Data is loading",
"TABS": {
"PROPERTIES": "Properties",
"LIBRARY_PROPERTIES": "About",

View File

@ -1,5 +1,5 @@
<div *ngIf="isLoading">
<mat-progress-bar mode="indeterminate"></mat-progress-bar>
<mat-progress-bar mode="indeterminate" [attr.aria-label]="'APP.INFO_DRAWER.DATA_LOADING' | translate"></mat-progress-bar>
</div>
<ng-container *ngIf="!isLoading && !!displayNode">
<adf-info-drawer [title]="'APP.INFO_DRAWER.TITLE'" cdkTrapFocus cdkTrapFocusAutoCapture>

View File

@ -30,9 +30,10 @@ import { InfoDrawerModule, ToolbarModule } from '@alfresco/adf-core';
import { ExtensionsModule } from '@alfresco/adf-extensions';
import { MatProgressBarModule } from '@angular/material/progress-bar';
import { SharedToolbarModule } from '../tool-bar/shared-toolbar.module';
import { TranslateModule } from '@ngx-translate/core';
@NgModule({
imports: [CommonModule, InfoDrawerModule, MatProgressBarModule, ExtensionsModule, ToolbarModule, SharedToolbarModule],
imports: [CommonModule, InfoDrawerModule, MatProgressBarModule, ExtensionsModule, ToolbarModule, SharedToolbarModule, TranslateModule],
declarations: [InfoDrawerComponent],
exports: [InfoDrawerComponent]
})