From 5b72a7732f7908c24b0977217577f648d53680a3 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Thu, 30 Nov 2023 23:08:56 +0300
Subject: [PATCH] aria-label enhancements

---
 components/lib/button/Button.vue     | 2 +-
 components/lib/fieldset/Fieldset.vue | 2 +-
 components/lib/panel/Panel.vue       | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/lib/button/Button.vue b/components/lib/button/Button.vue
index 9c820d0ef..b36c52f3e 100755
--- a/components/lib/button/Button.vue
+++ b/components/lib/button/Button.vue
@@ -41,7 +41,7 @@ export default {
             return this.$attrs.disabled || this.$attrs.disabled === '' || this.loading;
         },
         defaultAriaLabel() {
-            return this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs['aria-label'];
+            return this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs.ariaLabel;
         },
         hasIcon() {
             return this.icon || this.$slots.icon;
diff --git a/components/lib/fieldset/Fieldset.vue b/components/lib/fieldset/Fieldset.vue
index 18a94fefa..45d20cc09 100755
--- a/components/lib/fieldset/Fieldset.vue
+++ b/components/lib/fieldset/Fieldset.vue
@@ -77,7 +77,7 @@ export default {
             return UniqueComponentId();
         },
         buttonAriaLabel() {
-            return this.toggleButtonProps && this.toggleButtonProps['aria-label'] ? this.toggleButtonProps['aria-label'] : this.legend;
+            return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.legend;
         }
     },
     directives: {
diff --git a/components/lib/panel/Panel.vue b/components/lib/panel/Panel.vue
index 38e9ad3ed..8f4ad4fd1 100755
--- a/components/lib/panel/Panel.vue
+++ b/components/lib/panel/Panel.vue
@@ -81,7 +81,7 @@ export default {
             return UniqueComponentId();
         },
         buttonAriaLabel() {
-            return this.toggleButtonProps && this.toggleButtonProps['aria-label'] ? this.toggleButtonProps['aria-label'] : this.header;
+            return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.header;
         }
     },
     components: {