inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-07-24 17:31:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-3552] Accessibility fixes for CSV file issues (#2705)

Browse Source 
* [ACS-3552] Accessibility fixes for CSV file issues

* [ACS-3552] Fix tabindex attribute values
This commit is contained in:
MichalKinas
2022-10-12 00:46:10 +02:00
committed by GitHub
parent 27eeb0a20a
commit 3e44f46575
5 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/app/components/files/files.component.html
View File

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

2
app/src/app/components/search/search-libraries-results/search-libraries-results.component.html
View File

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

15
app/src/app/components/search/search-results/search-results.component.html
View File

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

4
app/src/app/ui/theme.scss
View File

@@ -197,3 +197,7 @@ $contrast-gray: #646569;
color: white;
}
}
.adf-empty-content__icon {
color: $contrast-gray;
}

3
projects/aca-shared/src/lib/components/tool-bar/toolbar-menu-item/toolbar-menu-item.component.html
View File

@@ -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()"