feat(combobox-web): add ariaLabel property for improved accessibility

Author: samuelreichert

packages/pluggableWidgets/combobox-web/src/Combobox.xml

@@ -339,6 +339,14 @@
                 </property>
             </propertyGroup>
             <propertyGroup caption="Aria labels">
+                <property key="ariaLabel" type="textTemplate" required="false">
+                    <caption>Aria label</caption>
+                    <description>Used to describe the combo box.</description>
+                    <translations>
+                        <translation lang="en_US">Combo box</translation>
+                        <translation lang="nl_NL">Keuzelijst</translation>
+                    </translations>
+                </property>
                 <property key="clearButtonAriaLabel" type="textTemplate" required="false">
                     <caption>Clear selection button</caption>
                     <description>Used to clear all selected values.</description>

packages/pluggableWidgets/combobox-web/typings/ComboboxProps.d.ts

@@ -90,6 +90,7 @@ export interface ComboboxContainerProps {
     onEnterEvent?: ActionValue;
     onLeaveEvent?: ActionValue;
     ariaRequired: DynamicValue<boolean>;
+    ariaLabel?: DynamicValue<string>;
     clearButtonAriaLabel?: DynamicValue<string>;
     removeValueAriaLabel?: DynamicValue<string>;
     a11ySelectedValue?: DynamicValue<string>;
@@ -145,6 +146,7 @@ export interface ComboboxPreviewProps {
     onEnterEvent: {} | null;
     onLeaveEvent: {} | null;
     ariaRequired: string;
+    ariaLabel: string;
     clearButtonAriaLabel: string;
     removeValueAriaLabel: string;
     a11ySelectedValue: string;