[ADF-3115] a11y fixes (#3424)

* a11y fixes for search input

* a11y fixes for pagination

* a11y fixes for content actions

lib/content-services/i18n/en.json

@@ -160,6 +160,13 @@
   },
   "SEARCH": {
     "CONTROL": {},
+    "BUTTON": {
+      "TOOLTIP": "Search",
+      "ARIA-LABEL": "Search button"
+    },
+    "INPUT": {
+      "ARIA-LABEL": "Search input"
+    },
     "RESULTS": {
       "SUMMARY": "{{numResults}} result found for {{searchTerm}}",
       "NONE": "No results found for {{searchTerm}}",

lib/content-services/search/components/search-control.component.html

@@ -1,15 +1,17 @@
 <div class="adf-search-container">
     <div *ngIf="isLoggedIn()" [@transitionMessages]="subscriptAnimationState" (@transitionMessages.done)="applySearchFocus($event)">
-        <a mat-icon-button
+        <button mat-icon-button
             *ngIf="expandable"
             id="adf-search-button"
             class="adf-search-button"
+            [title]="'SEARCH.BUTTON.TOOLTIP' | translate"
             (click)="toggleSearchBar($event)"
             (keyup.enter)="toggleSearchBar($event)">
-            <mat-icon aria-label="search button">search</mat-icon>
-        </a>
+            <mat-icon [attr.aria-label]="'SEARCH.BUTTON.ARIA-LABEL' | translate">search</mat-icon>
+        </button>
         <mat-form-field class="adf-input-form-field-divider">
             <input matInput #searchInput
+                [attr.aria-label]="'SEARCH.INPUT.ARIA-LABEL' | translate"
                 [type]="inputType"
                 [autocomplete]="getAutoComplete()"
                 id="adf-control-input"