feat(drop-down-item): add aria-label setter (#12131)

* feat(drop-down-item): add aria-label setter

* chore(*): Update Changelog

Author: ddaribo

CHANGELOG.md

@@ -1,6 +1,10 @@
 # Ignite UI for Angular Change Log
 
 All notable changes for each version of this project will be documented in this file.
+## 14.2.0
+
+- `IgxDropDown`
+    - The `aria-label` attribute of the `IgxDropDownItemBase` can now be se to a custom value for its descendants (of which `IgxDropDownItem`) by the `ariaLabel` property.
 
 ## 14.1.0
 

projects/igniteui-angular/src/lib/drop-down/drop-down-item.base.ts

@@ -34,7 +34,11 @@ export class IgxDropDownItemBaseDirective implements DoCheck {
     @HostBinding('attr.aria-label')
     @Input()
     public get ariaLabel(): string {
-        return this.value ? this.value : this.id;
+        return this._label ? this._label : this.value ? this.value : this.id;
+    }
+
+    public set ariaLabel(value: string) {
+        this._label = value;
     }
 
     /**
@@ -282,6 +286,7 @@ export class IgxDropDownItemBaseDirective implements DoCheck {
     protected _selected = false;
     protected _index = null;
     protected _disabled = false;
+    protected _label = null;
 
     constructor(
         @Inject(IGX_DROPDOWN_BASE) protected dropDown: IDropDownBase,