fix(VSlider): add missing aria-label (#19887)

Co-authored-by: John Leider <john@vuetifyjs.com>
vuetifyjs · May 24, 2024 · e46a98d · e46a98d
1 parent c3b2d29
commit e46a98d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/packages/vuetify/src/components/VSlider/VSlider.tsx b/packages/vuetify/src/components/VSlider/VSlider.tsx
@@ -168,6 +168,7 @@ export const VSlider = genericComponent<VSliderSlots>()({
                   onFocus={ focus }
                   onBlur={ blur }
                   ripple={ props.ripple }
+                  name={ props.name }
                 >
                   {{ 'thumb-label': slots['thumb-label'] }}
                 </VSliderThumb>

diff --git a/packages/vuetify/src/components/VSlider/VSliderThumb.tsx b/packages/vuetify/src/components/VSlider/VSliderThumb.tsx
@@ -48,6 +48,7 @@ export const makeVSliderThumbProps = propsFactory({
     type: [Boolean, Object] as PropType<RippleDirectiveBinding['value']>,
     default: true,
   },
+  name: String,
 
   ...makeComponentProps(),
 }, 'VSliderThumb')
@@ -152,6 +153,7 @@ export const VSliderThumb = genericComponent<VSliderThumbSlots>()({
           ]}
           role="slider"
           tabindex={ disabled.value ? -1 : 0 }
+          aria-label={ props.name }
           aria-valuemin={ props.min }
           aria-valuemax={ props.max }
           aria-valuenow={ props.modelValue }