mirror of
https://github.com/Alfresco/alfresco-content-app.git
synced 2025-05-12 17:04:46 +00:00
[ACS-3552] Accessibility fixes for CSV file issues (#2705)
* [ACS-3552] Accessibility fixes for CSV file issues * [ACS-3552] Fix tabindex attribute values
This commit is contained in:
parent
27eeb0a20a
commit
3e44f46575
@ -73,7 +73,7 @@
|
||||
|
||||
<adf-custom-empty-content-template *ngIf="isFilterHeaderActive()">
|
||||
<ng-container>
|
||||
<div class="empty-search__block">
|
||||
<div class="empty-search__block" aria-live="polite">
|
||||
<p class="empty-search__text">
|
||||
{{ 'APP.BROWSE.SEARCH.NO_FILTER_RESULTS' | translate }}
|
||||
</p>
|
||||
|
@ -69,7 +69,7 @@
|
||||
|
||||
<adf-custom-empty-content-template>
|
||||
<ng-container *ngIf="data">
|
||||
<div class="empty-search__block">
|
||||
<div class="empty-search__block" aria-live="polite">
|
||||
<p class="empty-search__text">
|
||||
{{ 'APP.BROWSE.SEARCH.NO_RESULTS' | translate }}
|
||||
</p>
|
||||
|
@ -12,7 +12,7 @@
|
||||
<div class="main-content">
|
||||
<div class="adf-search-results">
|
||||
<div class="adf-search-results__content">
|
||||
<mat-progress-bar *ngIf="isLoading" color="primary" mode="indeterminate"> </mat-progress-bar>
|
||||
<mat-progress-bar *ngIf="isLoading" color="primary" mode="indeterminate" aria-live="polite"> </mat-progress-bar>
|
||||
<div class="adf-search-results__content-header content">
|
||||
<adf-search-form class="content__side--left"></adf-search-form>
|
||||
|
||||
@ -20,9 +20,14 @@
|
||||
|
||||
<adf-search-filter-chips class="content__filter"></adf-search-filter-chips>
|
||||
|
||||
<button mat-button adf-reset-search
|
||||
class="content__reset-action"
|
||||
title="{{'APP.BROWSE.SEARCH.RESET_ACTION' | translate }}"><mat-icon> refresh </mat-icon></button>
|
||||
<button
|
||||
mat-button
|
||||
adf-reset-search
|
||||
class="content__reset-action"
|
||||
title="{{'APP.BROWSE.SEARCH.RESET_ACTION' | translate }}"
|
||||
[attr.aria-label]="'APP.BROWSE.SEARCH.RESET_ACTION' | translate ">
|
||||
<mat-icon> refresh </mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<adf-document-list
|
||||
@ -70,7 +75,7 @@
|
||||
|
||||
<adf-custom-empty-content-template>
|
||||
<ng-container *ngIf="data">
|
||||
<div class="empty-search__block">
|
||||
<div class="empty-search__block" aria-live="polite">
|
||||
<p class="empty-search__text">
|
||||
{{ 'APP.BROWSE.SEARCH.NO_RESULTS' | translate }}
|
||||
</p>
|
||||
|
@ -197,3 +197,7 @@ $contrast-gray: #646569;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.adf-empty-content__icon {
|
||||
color: $contrast-gray;
|
||||
}
|
||||
|
@ -1,6 +1,6 @@
|
||||
<ng-container [ngSwitch]="actionRef.type">
|
||||
<ng-container *ngSwitchCase="'menu'">
|
||||
<button [id]="actionRef.id" mat-menu-item role="menuitem" [disabled]="actionRef.disabled" [matMenuTriggerFor]="childMenu">
|
||||
<button [id]="actionRef.id" mat-menu-item role="menuitem" tabindex="0" [disabled]="actionRef.disabled" [matMenuTriggerFor]="childMenu">
|
||||
<adf-icon [value]="actionRef.icon"></adf-icon>
|
||||
<span data-automation-id="menu-item-title">{{ actionRef.title | translate }}</span>
|
||||
</button>
|
||||
@ -26,6 +26,7 @@
|
||||
role="menuitem"
|
||||
mat-menu-item
|
||||
[role]="'menuitem'"
|
||||
tabindex="0"
|
||||
[disabled]="actionRef.disabled"
|
||||
[attr.title]="(actionRef.disabled ? actionRef['description-disabled'] : actionRef.description || actionRef.title) | translate"
|
||||
(click)="runAction()"
|
||||
|
Loading…
x
Reference in New Issue
Block a user