fix(VField): Fix label accessibility (#21706)

Author: ikushum

packages/vuetify/src/components/VField/VField.tsx

@@ -299,6 +299,7 @@ export const VField = genericComponent<new <T>(
                 class={[textColorClasses.value]}
                 floating
                 for={ id.value }
+                aria-hidden={ !isActive.value }
                 style={ textColorStyles.value }
               >
                 { label() }
@@ -396,7 +397,7 @@ export const VField = genericComponent<new <T>(
 
                 { hasFloatingLabel.value && (
                   <div class="v-field__outline__notch">
-                    <VFieldLabel ref={ floatingLabelRef } floating for={ id.value }>
+                    <VFieldLabel ref={ floatingLabelRef } floating for={ id.value } aria-hidden={ !isActive.value }>
                       { label() }
                     </VFieldLabel>
                   </div>
@@ -407,7 +408,7 @@ export const VField = genericComponent<new <T>(
             )}
 
             { isPlainOrUnderlined.value && hasFloatingLabel.value && (
-              <VFieldLabel ref={ floatingLabelRef } floating for={ id.value }>
+              <VFieldLabel ref={ floatingLabelRef } floating for={ id.value } aria-hidden={ !isActive.value }>
                 { label() }
               </VFieldLabel>
             )}

packages/vuetify/src/components/VField/VFieldLabel.tsx

@@ -27,7 +27,6 @@ export const VFieldLabel = genericComponent()({
           props.class,
         ]}
         style={ props.style }
-        aria-hidden={ props.floating || undefined }
         v-slots={ slots }
       />
     ))