Merge pull request #4903 from nextcloud-libraries/enh/allow-aria-label-on-checkbox

enh(NcCheckboxRadioSwitch): Allow to set `aria-label`

Author: Pytal

src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue

@@ -260,6 +260,7 @@ export default {
 <template>
 	<component :is="computedWrapperElement"
 		:id="wrapperId"
+		:aria-label="isButtonType && ariaLabel ? ariaLabel : undefined"
 		:class="{
 			['checkbox-radio-switch-' + type]: type,
 			'checkbox-radio-switch--checked': isChecked,
@@ -276,6 +277,7 @@ export default {
 		v-on="isButtonType ? listeners : null">
 		<input v-if="!isButtonType"
 			:id="id"
+			:aria-label="ariaLabel || undefined"
 			class="checkbox-radio-switch__input"
 			:disabled="disabled"
 			:type="inputType"
@@ -344,6 +346,15 @@ export default {
 			default: null,
 		},
 
+		/**
+		 * Required if no text is set.
+		 * The aria-label is forwarded to the input or button.
+		 */
+		ariaLabel: {
+			type: String,
+			default: '',
+		},
+
 		/**
 		 * Type of the input. checkbox, radio, switch, or button.
 		 *