From 9c19ea7d886a37bc38a2b2e4b788f25b045e2f22 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Thu, 5 Jun 2025 13:59:51 -0400
Subject: [PATCH] fix hint aria

---
 packages/webawesome/src/components/slider/slider.ts | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/webawesome/src/components/slider/slider.ts b/packages/webawesome/src/components/slider/slider.ts
index e5f957789..bb090734d 100644
--- a/packages/webawesome/src/components/slider/slider.ts
+++ b/packages/webawesome/src/components/slider/slider.ts
@@ -778,7 +778,7 @@ export default class WaSlider extends WebAwesomeFormAssociatedElement {
 
   render() {
     const hasLabel = this.hasSlotController.test('label');
-    const hasDescription = this.hasSlotController.test('description');
+    const hasHint = this.hasSlotController.test('hint');
 
     const sliderClasses = classMap({
       small: this.size === 'small',
@@ -798,7 +798,7 @@ export default class WaSlider extends WebAwesomeFormAssociatedElement {
     }
 
     // Common UI fragments
-    const labelAndDescription = html`
+    const labelAndHint = html`
       <label
         id="label"
         part="label"
@@ -809,7 +809,7 @@ export default class WaSlider extends WebAwesomeFormAssociatedElement {
         <slot name="label">${this.label}</slot>
       </label>
 
-      <div id="hint" part="hint" class=${classMap({ vh: !hasDescription })}>
+      <div id="hint" part="hint" class=${classMap({ vh: !hasHint })}>
         <slot name="hint">${this.hint}</slot>
       </div>
     `;
@@ -863,7 +863,7 @@ export default class WaSlider extends WebAwesomeFormAssociatedElement {
       const maxThumbPosition = clamp(this.getPercentageFromValue(this.maxValue), 0, 100);
 
       return html`
-        ${labelAndDescription}
+        ${labelAndHint}
 
         <div id="slider" part="slider" class=${sliderClasses}>
           <div id="track" part="track">
@@ -936,7 +936,7 @@ export default class WaSlider extends WebAwesomeFormAssociatedElement {
       );
 
       return html`
-        ${labelAndDescription}
+        ${labelAndHint}
 
         <div
           id="slider"
@@ -953,7 +953,7 @@ export default class WaSlider extends WebAwesomeFormAssociatedElement {
             : this.localize.number(this.value)}
           aria-valuemax=${this.max}
           aria-labelledby="label"
-          aria-describedby="description"
+          aria-describedby="hint"
           tabindex=${this.disabled ? -1 : 0}
           @blur=${this.handleBlur}
           @focus=${this.handleFocus}