inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2026-09-09 18:02:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-10238] Fixed screen reading for search clear input and save search close dialog icons (#4836)

Browse Source
This commit is contained in:
AleksanderSklorz
2025-10-09 12:47:20 +02:00
committed by GitHub
parent c47e1e0020
commit ce1ba495e3
4 changed files with 25 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
projects/aca-content/src/lib/components/search/search-input-control/search-input-control.component.html
+6 -1
View File
@@ -26,7 +26,12 @@
/> />
<div matSuffix> <div matSuffix>
<button mat-icon-button (click)="clear()"> <button
mat-icon-button
(click)="clear()"
[attr.aria-label]="'COMMON.CLEAR' | translate"
[attr.title]="'COMMON.CLEAR' | translate"
class="app-search-input-control-clear-button">
<mat-icon *ngIf="searchFieldFormControl.value.length" class="app-suffix-icon">clear</mat-icon> <mat-icon *ngIf="searchFieldFormControl.value.length" class="app-suffix-icon">clear</mat-icon>
</button> </button>
</div> </div>
projects/aca-content/src/lib/components/search/search-input-control/search-input-control.component.scss
+4
View File
@@ -29,5 +29,9 @@ $search-height: 64px;
&-input { &-input {
letter-spacing: -0.7px; letter-spacing: -0.7px;
} }
.app-search-input-control-clear-button {
margin-right: 1.5px;
}
} }
} }
projects/aca-content/src/lib/components/search/search-input/search-input.component.html
+6 -1
View File
@@ -20,7 +20,12 @@
<div matSuffix> <div matSuffix>
<mat-icon class="app-suffix-icon">arrow_drop_down</mat-icon> <mat-icon class="app-suffix-icon">arrow_drop_down</mat-icon>
<button class="aca-search-input--close-button" mat-icon-button [attr.aria-label]="'SEARCH.CLOSE_BUTTON.ARIA_LABEL' | translate" (click)="exitSearch()"> <button
class="aca-search-input--close-button"
mat-icon-button
[attr.aria-label]="'SEARCH.CLOSE_BUTTON.ARIA_LABEL' | translate"
[attr.title]="'SEARCH.CLOSE_BUTTON.ARIA_LABEL' | translate"
(click)="exitSearch()">
<mat-icon class="app-suffix-icon">close</mat-icon> <mat-icon class="app-suffix-icon">close</mat-icon>
</button> </button>
</div> </div>
projects/aca-content/src/lib/components/search/search-save/dialog/save-search-dialog.component.html
+7 -1
View File
@@ -1,6 +1,12 @@
<div class="aca-save-search-dialog__header"> <div class="aca-save-search-dialog__header">
<h2 class="aca-save-search-dialog__title">{{"APP.BROWSE.SEARCH.SAVE_SEARCH.MODAL_HEADER" | translate}}</h2> <h2 class="aca-save-search-dialog__title">{{"APP.BROWSE.SEARCH.SAVE_SEARCH.MODAL_HEADER" | translate}}</h2>
<button mat-icon-button mat-dialog-close><mat-icon>close</mat-icon></button> <button
mat-icon-button
mat-dialog-close
[attr.aria-label]="'CLOSE' | translate | titlecase"
[attr.title]="'CLOSE' | translate | titlecase">
<mat-icon>close</mat-icon>
</button>
</div> </div>