feat(suggest): add input for aria-label

Author: CatalinB7

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

@@ -16,7 +16,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"
@@ -74,7 +74,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"
@@ -116,7 +116,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.
      *