feat(suggest): add input for aria-label

Author: CatalinB7

projects/angular/components/ui-suggest/src/ui-suggest.component.html

@@ -21,7 +21,7 @@
                  [uiAutofocus]="!isOpen && focus"
                  [refocus]="!isOpen && focus"
                  [matRippleDisabled]="isFormControl"
-                 [attr.aria-label]="placeholder"
+                 [attr.aria-label]="ariaLabel ?? placeholder"
                  [attr.aria-describedby]="describedBy"
                  [attr.aria-required]="required"
                  [attr.aria-disabled]="disabled || readonly"
@@ -80,7 +80,7 @@
         <ng-template #chipsTemplate>
             <mat-chip-list #chipList
                            [attr.tabindex]="!disabled && !readonly ? 0 : null"
-                           [attr.aria-label]="placeholder"
+                           [attr.aria-label]="ariaLabel ?? placeholder"
                            [attr.aria-describedby]="describedBy"
                            [attr.aria-required]="required"
                            [attr.aria-disabled]="disabled || readonly"
@@ -130,7 +130,7 @@
                            [formControl]="inputControl"
                            [matChipInputFor]="chipList"
                            [attr.maxlength]="maxLength"
-                           [attr.aria-label]="placeholder"
+                           [attr.aria-label]="ariaLabel ?? placeholder"
                            selectionLocation="end"
                            autocomplete="off"
                            aria-autocomplete="list"

projects/angular/components/ui-suggest/src/ui-suggest.mat-form-field.ts

@@ -110,6 +110,13 @@ export abstract class UiSuggestMatFormFieldDirective implements
     @Input()
     shouldHideTitle = false;
 
+    /**
+     * Sets aria-label on input or mat-chip-list element.
+     *
+     */
+    @Input('aria-label')
+    ariaLabel: string | null = null;
+
     /**
      * Set a custom size for the list items.
      *