Merge pull request #808 from Sahil-Sinha-11/Issue/806/arialabelledProp

added arialabelled Prop for kSwitch
learningequality · Oct 28, 2024 · ce970a4 · ce970a4
2 parents 4f0cc47 + 3b4a1a1
commit ce970a4
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/lib/KSwitch.vue b/lib/KSwitch.vue
@@ -10,6 +10,7 @@
           type="checkbox"
           dir="auto"
 
+          :aria-labelledby="ariaLabelledBy"
           :checked.prop="isChecked"
           :disabled="disabled"
           :name="name"
@@ -41,6 +42,14 @@
   export default {
     name: 'KSwitch',
     props: {
+      /*
+       * Specifies the ID of an element that labels this switch component.
+       * Useful for accessibility to provide a label through an external element when `label` is empty
+       */
+      ariaLabelledBy: {
+        type: String,
+        default: null,
+      },
       /**
        * Current value of the switch state: on or off
        */