[ACS-9228] a11y testing: Search Page / Buttons must have discernible …

…text (#4376)
Alfresco · Feb 7, 2025 · 85e0b43 · 85e0b43
1 parent 9f3486b
commit 85e0b43
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/projects/aca-content/assets/i18n/en.json b/projects/aca-content/assets/i18n/en.json
@@ -578,6 +578,9 @@
             "MODIFIER": "Modifier",
             "CREATE_DATE": "Created date"
         },
+        "CLOSE_BUTTON": {
+          "ARIA_LABEL": "Close search"
+        },
         "FACET_FIELDS": {
             "CREATOR": "Creator",
             "MODIFIER": "Modifier",

diff --git a/projects/aca-content/src/lib/components/search/search-input/search-input.component.html b/projects/aca-content/src/lib/components/search/search-input/search-input.component.html
@@ -20,7 +20,7 @@
     <div matSuffix>
       <mat-icon class="app-suffix-icon">arrow_drop_down</mat-icon>
 
-      <button class="aca-search-input--close-button" mat-icon-button (click)="exitSearch()">
+      <button class="aca-search-input--close-button" mat-icon-button [attr.aria-label]="'SEARCH.CLOSE_BUTTON.ARIA_LABEL' | translate" (click)="exitSearch()">
         <mat-icon class="app-suffix-icon">close</mat-icon>
       </button>
     </div>