From 1cad891084f6820ea325ac22e713396c5d966ff9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Thu, 25 May 2023 16:44:22 +0300
Subject: [PATCH] Refactor #3965 - For TriStateCheckbox

---
 components/lib/tristatecheckbox/BaseTriStateCheckbox.vue | 2 +-
 components/lib/tristatecheckbox/TriStateCheckbox.d.ts    | 4 ++--
 components/lib/tristatecheckbox/TriStateCheckbox.vue     | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/lib/tristatecheckbox/BaseTriStateCheckbox.vue b/components/lib/tristatecheckbox/BaseTriStateCheckbox.vue
index 92478ea89..b71138079 100644
--- a/components/lib/tristatecheckbox/BaseTriStateCheckbox.vue
+++ b/components/lib/tristatecheckbox/BaseTriStateCheckbox.vue
@@ -14,7 +14,7 @@ const classes = {
         }
     ],
     hiddenInputWrapper: 'p-hidden-accessible',
-    srOnlyAria: 'p-sr-only',
+    hiddenValueLabel: 'p-hidden-accessible',
     checkbox: ({ instance, props }) => [
         'p-checkbox-box',
         {
diff --git a/components/lib/tristatecheckbox/TriStateCheckbox.d.ts b/components/lib/tristatecheckbox/TriStateCheckbox.d.ts
index 5cc2104c0..40259af55 100755
--- a/components/lib/tristatecheckbox/TriStateCheckbox.d.ts
+++ b/components/lib/tristatecheckbox/TriStateCheckbox.d.ts
@@ -55,9 +55,9 @@ export interface TriStateCheckboxPassThroughOptions {
      */
     hiddenInput?: TriStateCheckboxPassThroughOptionType;
     /**
-     * Uses to pass attributes to the sr only aria's DOM element.
+     * Uses to pass attributes to the hidden value label's DOM element.
      */
-    srOnlyAria?: TriStateCheckboxPassThroughOptionType;
+    hiddenValueLabel?: TriStateCheckboxPassThroughOptionType;
 }
 
 /**
diff --git a/components/lib/tristatecheckbox/TriStateCheckbox.vue b/components/lib/tristatecheckbox/TriStateCheckbox.vue
index 45e77e857..bbbae0012 100755
--- a/components/lib/tristatecheckbox/TriStateCheckbox.vue
+++ b/components/lib/tristatecheckbox/TriStateCheckbox.vue
@@ -16,7 +16,7 @@
                 v-bind="{ ...inputProps, ...ptm('hiddenInput') }"
             />
         </div>
-        <span :class="cx('srOnlyAria')" aria-live="polite" v-bind="ptm('srOnlyAria')">{{ ariaValueLabel }}</span>
+        <span role="status" :class="cx('hiddenValueLabel')" :style="sx('hiddenAccessible', isUnstyled)" aria-live="polite" v-bind="ptm('hiddenValueLabel')" :data-p-hidden-accessible="true">{{ ariaValueLabel }}</span>
         <div ref="box" :class="cx('checkbox')" v-bind="getPTOptions('checkbox')" :data-p-highlight="modelValue != null" :data-p-disabled="disabled" :data-p-focused="focused">
             <slot v-if="modelValue === true" name="checkicon" :class="cx('checkIcon')">
                 <component :is="'CheckIcon'" :class="cx('checkIcon')" v-bind="ptm('checkIcon')" />