From 5c872a4fcd035ae6e3a479cd7feee848aa2dc46f Mon Sep 17 00:00:00 2001
From: Jan Wille <mail@janwille.de>
Date: Sun, 9 Mar 2025 19:06:05 +0100
Subject: [PATCH 1/2] add `aria-label` to slider as well

this shows the current value on hover
---
 .../src/fields/inputFields/fields/Slider/SliderComponent.svelte  | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/core/src/fields/inputFields/fields/Slider/SliderComponent.svelte b/packages/core/src/fields/inputFields/fields/Slider/SliderComponent.svelte
index 210c106c..09882ef8 100644
--- a/packages/core/src/fields/inputFields/fields/Slider/SliderComponent.svelte
+++ b/packages/core/src/fields/inputFields/fields/Slider/SliderComponent.svelte
@@ -22,6 +22,7 @@
 	class="mb-slider-input slider"
 	type="range"
 	tabindex="0"
+	aria-label={value.toString()}
 	min={props.minValue}
 	max={props.maxValue}
 	step={props.stepSize}

From 9326b641d36dd41382f275c76791a46cc8ff573c Mon Sep 17 00:00:00 2001
From: Jan Wille <mail@janwille.de>
Date: Sun, 9 Mar 2025 19:07:13 +0100
Subject: [PATCH 2/2] move `aria-label` to container of the progressbar

---
 .../fields/ProgressBar/ProgressBarComponent.svelte            | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/core/src/fields/inputFields/fields/ProgressBar/ProgressBarComponent.svelte b/packages/core/src/fields/inputFields/fields/ProgressBar/ProgressBarComponent.svelte
index 50930303..95897846 100644
--- a/packages/core/src/fields/inputFields/fields/ProgressBar/ProgressBarComponent.svelte
+++ b/packages/core/src/fields/inputFields/fields/ProgressBar/ProgressBarComponent.svelte
@@ -111,8 +111,9 @@
 <div
 	class="mb-progress-bar-input"
 	tabindex="0"
-	bind:this={progressBarEl}
 	role="button"
+	aria-label={value.toString()}
+	bind:this={progressBarEl}
 	onkeydown={onKeyPress}
 	onmousedown={onTrackEvent}
 	ontouchstart={onTrackEvent}
@@ -125,7 +126,6 @@
 		aria-valuemin={props.minValue}
 		aria-valuemax={props.maxValue}
 		aria-valuenow={value}
-		aria-label={value.toString()}
 		tabindex="0"
 	></div>
 	{#if props.addLabels}