diff --git a/angular/lib/src/lib/slider/slider.component.ts b/angular/lib/src/lib/slider/slider.component.ts
index 95152c1263..2171b2682f 100644
--- a/angular/lib/src/lib/slider/slider.component.ts
+++ b/angular/lib/src/lib/slider/slider.component.ts
@@ -69,6 +69,7 @@ import {take} from 'rxjs';
 				[attr.aria-disabled]="state().disabled ? true : null"
 				[attr.aria-valuenow]="item.value"
 				[attr.aria-valuetext]="item.value"
+				[attr.aria-label]="item.ariaLabel"
 				[attr.aria-orientation]="state().vertical ? 'vertical' : null"
 				[disabled]="state().disabled"
 				[class]="state().vertical ? 'au-slider-handle-vertical' : 'au-slider-handle-horizontal'"
@@ -140,6 +141,11 @@ export class SliderComponent implements OnChanges {
 	@Input('auValues')
 	values: number[] | undefined;
 
+	/**
+	 * Return the value for the 'aria-label' attribute for the handle
+	 */
+	@Input('auAriaLabelHandle') ariaLabelHandle: ((value: number, sortedIndex: number, index: number) => string) | undefined;
+
 	/**
 	 * If `true` slider value cannot be changed but the slider is still focusable
 	 */
diff --git a/core/lib/slider.spec.ts b/core/lib/slider.spec.ts
index b2483281f9..da08c307d0 100644
--- a/core/lib/slider.spec.ts
+++ b/core/lib/slider.spec.ts
@@ -38,7 +38,7 @@ const defaultStateValues = {
 			top: 0,
 		},
 	],
-	sortedHandles: [{id: 0, value: 0}],
+	sortedHandles: [{id: 0, value: 0, ariaLabel: '0'}],
 	className: '',
 	isInteractable: true,
 };
@@ -96,7 +96,7 @@ describe(`Slider basic`, () => {
 			...expectedStateValue.handleDisplayOptions[0],
 			left: 50,
 		};
-		expectedStateValue.sortedHandles = [{id: 0, value: 150}];
+		expectedStateValue.sortedHandles = [{id: 0, value: 150, ariaLabel: '150'}];
 		expectedStateValue.minValueLabelDisplay = true;
 		expectedStateValue.progressDisplayOptions = [...expectedStateValue.progressDisplayOptions];
 		expectedStateValue.progressDisplayOptions[0] = {
@@ -147,7 +147,7 @@ describe(`Slider basic`, () => {
 			...expectedStateValue.handleDisplayOptions[0],
 			left: 50,
 		};
-		expectedStateValue.sortedHandles = [{id: 0, value: 50}];
+		expectedStateValue.sortedHandles = [{id: 0, value: 50, ariaLabel: '50'}];
 		expectedStateValue.minValueLabelDisplay = true;
 		expectedStateValue.progressDisplayOptions = [...expectedStateValue.progressDisplayOptions];
 		expectedStateValue.progressDisplayOptions[0] = {
@@ -171,7 +171,7 @@ describe(`Slider basic`, () => {
 			...expectedStateValue.handleDisplayOptions[0],
 			left: 50,
 		};
-		expectedStateValue.sortedHandles = [{id: 0, value: 50}];
+		expectedStateValue.sortedHandles = [{id: 0, value: 50, ariaLabel: '50'}];
 		expectedStateValue.minValueLabelDisplay = true;
 		expectedStateValue.progressDisplayOptions = [...expectedStateValue.progressDisplayOptions];
 		expectedStateValue.progressDisplayOptions[0] = {
@@ -188,7 +188,7 @@ describe(`Slider basic`, () => {
 		expectedStateValue.handleDisplayOptions = [...expectedStateValue.handleDisplayOptions];
 		expectedStateValue.handleDisplayOptions = [...expectedStateValue.handleDisplayOptions];
 		expectedStateValue.handleDisplayOptions[0].left = 0;
-		expectedStateValue.sortedHandles = [{id: 0, value: 0}];
+		expectedStateValue.sortedHandles = [{id: 0, value: 0, ariaLabel: '0'}];
 		expectedStateValue.minValueLabelDisplay = false;
 		expectedStateValue.progressDisplayOptions = [...expectedStateValue.progressDisplayOptions];
 		expectedStateValue.progressDisplayOptions[0] = {
@@ -208,7 +208,7 @@ describe(`Slider basic`, () => {
 			...expectedStateValue.handleDisplayOptions[0],
 			left: 100,
 		};
-		expectedStateValue.sortedHandles = [{id: 0, value: 100}];
+		expectedStateValue.sortedHandles = [{id: 0, value: 100, ariaLabel: '100'}];
 		expectedStateValue.minValueLabelDisplay = true;
 		expectedStateValue.maxValueLabelDisplay = false;
 		expectedStateValue.progressDisplayOptions = [...expectedStateValue.progressDisplayOptions];
@@ -231,7 +231,7 @@ describe(`Slider basic`, () => {
 			...expectedStateValue.handleDisplayOptions[0],
 			left: 70,
 		};
-		expectedStateValue.sortedHandles = [{id: 0, value: 70}];
+		expectedStateValue.sortedHandles = [{id: 0, value: 70, ariaLabel: '70'}];
 		expectedStateValue.minValueLabelDisplay = true;
 		expectedStateValue.progressDisplayOptions = [...expectedStateValue.progressDisplayOptions];
 		expectedStateValue.progressDisplayOptions[0] = {
@@ -253,7 +253,7 @@ describe(`Slider basic`, () => {
 			...expectedStateValue.handleDisplayOptions[0],
 			left: 0,
 		};
-		expectedStateValue.sortedHandles = [{id: 0, value: 0}];
+		expectedStateValue.sortedHandles = [{id: 0, value: 0, ariaLabel: '0'}];
 		expectedStateValue.minValueLabelDisplay = false;
 		expectedStateValue.progressDisplayOptions = [...expectedStateValue.progressDisplayOptions];
 		expectedStateValue.progressDisplayOptions[0] = {
@@ -281,7 +281,7 @@ describe(`Slider basic`, () => {
 			...expectedStateValue.handleDisplayOptions[0],
 			left: 50,
 		};
-		expectedStateValue.sortedHandles = [{id: 0, value: 50}];
+		expectedStateValue.sortedHandles = [{id: 0, value: 50, ariaLabel: '50'}];
 		expectedStateValue.minValueLabelDisplay = true;
 		expectedStateValue.progressDisplayOptions = [...expectedStateValue.progressDisplayOptions];
 		expectedStateValue.progressDisplayOptions[0] = {
@@ -300,7 +300,7 @@ describe(`Slider basic`, () => {
 			...expectedStateValue.handleDisplayOptions[0],
 			left: 49,
 		};
-		expectedStateValue.sortedHandles = [{id: 0, value: 49}];
+		expectedStateValue.sortedHandles = [{id: 0, value: 49, ariaLabel: '49'}];
 		expectedStateValue.progressDisplayOptions = [...expectedStateValue.progressDisplayOptions];
 		expectedStateValue.progressDisplayOptions[0] = {
 			...expectedStateValue.progressDisplayOptions[0],
@@ -318,7 +318,7 @@ describe(`Slider basic`, () => {
 			...expectedStateValue.handleDisplayOptions[0],
 			left: 48,
 		};
-		expectedStateValue.sortedHandles = [{id: 0, value: 48}];
+		expectedStateValue.sortedHandles = [{id: 0, value: 48, ariaLabel: '48'}];
 		expectedStateValue.progressDisplayOptions = [...expectedStateValue.progressDisplayOptions];
 		expectedStateValue.progressDisplayOptions[0] = {
 			...expectedStateValue.progressDisplayOptions[0],
@@ -343,7 +343,7 @@ describe(`Slider basic`, () => {
 			...expectedStateValue.handleDisplayOptions[0],
 			left: 100,
 		};
-		expectedStateValue.sortedHandles = [{id: 0, value: 100}];
+		expectedStateValue.sortedHandles = [{id: 0, value: 100, ariaLabel: '100'}];
 		expectedStateValue.minValueLabelDisplay = true;
 		expectedStateValue.maxValueLabelDisplay = false;
 		expectedStateValue.progressDisplayOptions = [...expectedStateValue.progressDisplayOptions];
@@ -372,7 +372,7 @@ describe(`Slider basic`, () => {
 			...expectedStateValue.handleDisplayOptions[0],
 			left: 50,
 		};
-		expectedStateValue.sortedHandles = [{id: 0, value: 50}];
+		expectedStateValue.sortedHandles = [{id: 0, value: 50, ariaLabel: '50'}];
 		expectedStateValue.minValueLabelDisplay = true;
 		expectedStateValue.progressDisplayOptions = [...expectedStateValue.progressDisplayOptions];
 		expectedStateValue.progressDisplayOptions[0] = {
@@ -391,7 +391,7 @@ describe(`Slider basic`, () => {
 			...expectedStateValue.handleDisplayOptions[0],
 			left: 51,
 		};
-		expectedStateValue.sortedHandles = [{id: 0, value: 51}];
+		expectedStateValue.sortedHandles = [{id: 0, value: 51, ariaLabel: '51'}];
 		expectedStateValue.progressDisplayOptions = [...expectedStateValue.progressDisplayOptions];
 		expectedStateValue.progressDisplayOptions[0] = {
 			...expectedStateValue.progressDisplayOptions[0],
@@ -409,7 +409,7 @@ describe(`Slider basic`, () => {
 			...expectedStateValue.handleDisplayOptions[0],
 			left: 52,
 		};
-		expectedStateValue.sortedHandles = [{id: 0, value: 52}];
+		expectedStateValue.sortedHandles = [{id: 0, value: 52, ariaLabel: '52'}];
 		expectedStateValue.progressDisplayOptions = [...expectedStateValue.progressDisplayOptions];
 		expectedStateValue.progressDisplayOptions[0] = {
 			...expectedStateValue.progressDisplayOptions[0],
@@ -432,7 +432,7 @@ describe(`Slider basic`, () => {
 			...expectedStateValue.handleDisplayOptions[0],
 			left: 50,
 		};
-		expectedStateValue.sortedHandles = [{id: 0, value: 50}];
+		expectedStateValue.sortedHandles = [{id: 0, value: 50, ariaLabel: '50'}];
 		expectedStateValue.minValueLabelDisplay = true;
 		expectedStateValue.progressDisplayOptions = [...expectedStateValue.progressDisplayOptions];
 		expectedStateValue.progressDisplayOptions[0] = {
@@ -451,7 +451,7 @@ describe(`Slider basic`, () => {
 			...expectedStateValue.handleDisplayOptions[0],
 			left: 0,
 		};
-		expectedStateValue.sortedHandles = [{id: 0, value: 0}];
+		expectedStateValue.sortedHandles = [{id: 0, value: 0, ariaLabel: '0'}];
 		expectedStateValue.minValueLabelDisplay = false;
 		expectedStateValue.progressDisplayOptions = [...expectedStateValue.progressDisplayOptions];
 		expectedStateValue.progressDisplayOptions[0] = {
@@ -475,7 +475,7 @@ describe(`Slider basic`, () => {
 			...expectedStateValue.handleDisplayOptions[0],
 			left: 50,
 		};
-		expectedStateValue.sortedHandles = [{id: 0, value: 50}];
+		expectedStateValue.sortedHandles = [{id: 0, value: 50, ariaLabel: '50'}];
 		expectedStateValue.minValueLabelDisplay = true;
 		expectedStateValue.progressDisplayOptions = [...expectedStateValue.progressDisplayOptions];
 		expectedStateValue.progressDisplayOptions[0] = {
@@ -494,7 +494,7 @@ describe(`Slider basic`, () => {
 			...expectedStateValue.handleDisplayOptions[0],
 			left: 100,
 		};
-		expectedStateValue.sortedHandles = [{id: 0, value: 100}];
+		expectedStateValue.sortedHandles = [{id: 0, value: 100, ariaLabel: '100'}];
 		expectedStateValue.maxValueLabelDisplay = false;
 		expectedStateValue.progressDisplayOptions = [...expectedStateValue.progressDisplayOptions];
 		expectedStateValue.progressDisplayOptions[0] = {
@@ -606,8 +606,8 @@ describe(`Slider range`, () => {
 			height: 100,
 		};
 		expectedStateValue.sortedHandles = [
-			{id: 0, value: 150},
-			{id: 1, value: 175},
+			{id: 0, value: 150, ariaLabel: '150'},
+			{id: 1, value: 175, ariaLabel: '175'},
 		];
 		expectedStateValue.minValueLabelDisplay = true;
 
@@ -640,8 +640,8 @@ describe(`Slider range`, () => {
 		};
 
 		expectedStateValue.sortedHandles = [
-			{id: 0, value: 10},
-			{id: 1, value: 50},
+			{id: 0, value: 10, ariaLabel: '10'},
+			{id: 1, value: 50, ariaLabel: '50'},
 		];
 		expectedStateValue.minValueLabelDisplay = true;
 
@@ -669,8 +669,8 @@ describe(`Slider range`, () => {
 			height: 100,
 		};
 		expectedStateValue.sortedHandles = [
-			{id: 0, value: 10},
-			{id: 1, value: 60},
+			{id: 0, value: 10, ariaLabel: '10'},
+			{id: 1, value: 60, ariaLabel: '60'},
 		];
 		expectedStateValue.minValueLabelDisplay = true;
 
@@ -702,8 +702,8 @@ describe(`Slider range`, () => {
 			height: 100,
 		};
 		expectedStateValue.sortedHandles = [
-			{id: 0, value: 10},
-			{id: 1, value: 50},
+			{id: 0, value: 10, ariaLabel: '10'},
+			{id: 1, value: 50, ariaLabel: '50'},
 		];
 		expectedStateValue.minValueLabelDisplay = true;
 
@@ -731,8 +731,8 @@ describe(`Slider range`, () => {
 			height: 100,
 		};
 		expectedStateValue.sortedHandles = [
-			{id: 1, value: 50},
-			{id: 0, value: 100},
+			{id: 1, value: 50, ariaLabel: '50'},
+			{id: 0, value: 100, ariaLabel: '100'},
 		];
 		expectedStateValue.maxValueLabelDisplay = false;
 
@@ -760,8 +760,8 @@ describe(`Slider range`, () => {
 			height: 100,
 		};
 		expectedStateValue.sortedHandles = [
-			{id: 1, value: 70},
-			{id: 0, value: 100},
+			{id: 1, value: 70, ariaLabel: '70'},
+			{id: 0, value: 100, ariaLabel: '100'},
 		];
 
 		expect(state).toStrictEqual(expectedStateValue);
@@ -792,8 +792,8 @@ describe(`Slider range`, () => {
 			height: 100,
 		};
 		expectedStateValue.sortedHandles = [
-			{id: 0, value: 45},
-			{id: 1, value: 50},
+			{id: 0, value: 45, ariaLabel: '45'},
+			{id: 1, value: 50, ariaLabel: '50'},
 		];
 		expectedStateValue.minValueLabelDisplay = true;
 		expectedStateValue.combinedLabelDisplay = true;
@@ -822,8 +822,8 @@ describe(`Slider range`, () => {
 			height: 100,
 		};
 		expectedStateValue.sortedHandles = [
-			{id: 0, value: 45},
-			{id: 1, value: 70},
+			{id: 0, value: 45, ariaLabel: '45'},
+			{id: 1, value: 70, ariaLabel: '70'},
 		];
 		expectedStateValue.minValueLabelDisplay = true;
 		expectedStateValue.combinedLabelDisplay = false;
@@ -882,6 +882,7 @@ describe(`Slider vertical`, () => {
 			{
 				id: 0,
 				value: 30,
+				ariaLabel: '30',
 			},
 		];
 
diff --git a/core/lib/slider.ts b/core/lib/slider.ts
index 36e29538a8..ad415c1327 100644
--- a/core/lib/slider.ts
+++ b/core/lib/slider.ts
@@ -108,7 +108,7 @@ export interface SliderState extends SliderCommonPropsAndState {
 	/**
 	 * Array of the sorted handles to display
 	 */
-	sortedHandles: {value: number; id: number}[];
+	sortedHandles: {value: number; id: number; ariaLabel: string}[];
 
 	/**
 	 * Array of objects representing progress display options
@@ -122,6 +122,14 @@ export interface SliderState extends SliderCommonPropsAndState {
 }
 
 export interface SliderProps extends SliderCommonPropsAndState {
+	/**
+	 * Return the value for the 'aria-label' attribute for the handle
+	 * @param value - value of the handle
+	 * @param sortedIndex - index of the handle in the sorted list
+	 * @param index - index of the handle in the original list
+	 */
+	ariaLabelHandle: (value: number, sortedIndex: number, index: number) => string;
+
 	/**
 	 * An event emitted when slider values are changed
 	 *
@@ -180,6 +188,7 @@ const defaultSliderConfig: SliderProps = {
 	disabled: false,
 	vertical: false,
 	className: '',
+	ariaLabelHandle: (value, _index) => '' + value,
 	onValuesChange: noop,
 	values: [0],
 };
@@ -199,6 +208,7 @@ const configValidator: ConfigValidator<SliderProps> = {
 	readonly: typeBoolean,
 	disabled: typeBoolean,
 	vertical: typeBoolean,
+	ariaLabelHandle: typeFunction,
 	onValuesChange: typeFunction,
 	values: typeArray,
 };
@@ -217,6 +227,7 @@ export function createSlider(config?: PropsConfig<SliderProps>): SliderWidget {
 			stepSize$,
 			values$: _dirtyValues$,
 
+			ariaLabelHandle$,
 			onValuesChange$,
 
 			...stateProps
@@ -239,7 +250,7 @@ export function createSlider(config?: PropsConfig<SliderProps>): SliderWidget {
 		onValuesChange$,
 		[_dirtyValues$],
 		([dirtyValues]) => dirtyValues.map((dv) => computeCleanValue(dv)),
-		(a, b) => a.every((val, index) => val === b[index]),
+		typeArray.equal,
 	);
 
 	// computed
@@ -297,13 +308,19 @@ export function createSlider(config?: PropsConfig<SliderProps>): SliderWidget {
 	const sliderDomRectOffset$ = computed(() => (vertical$() ? sliderDomRect$().top : sliderDomRect$().left));
 	const sliderDomRectSize$ = computed(() => (vertical$() ? sliderDomRect$().height : sliderDomRect$().width));
 	const sortedValues$ = computed(() => [...values$()].sort((a, b) => a - b));
-	const sortedHandles$ = computed(() =>
-		values$()
+	const sortedHandlesValues$ = computed(() => {
+		return values$()
 			.map((val, index) => {
 				return {id: index, value: val};
 			})
-			.sort((a, b) => a.value - b.value),
-	);
+			.sort((a, b) => a.value - b.value);
+	});
+	const sortedHandles$ = computed(() => {
+		const ariaLabelHandle = ariaLabelHandle$();
+		return sortedHandlesValues$().map((sortedValue, index) => {
+			return {...sortedValue, ariaLabel: ariaLabelHandle(sortedValue.value, index, sortedValue.id)};
+		});
+	});
 	const valuesPercent$ = computed(() => values$().map((val) => percentCompute(val)));
 	const sortedValuesPercent$ = computed(() => [...valuesPercent$()].sort((a, b) => a - b));
 	const minLabelWidth$ = computed(() => (minLabelDomRect$().width / sliderDomRectSize$()) * 100);
diff --git a/e2e/demo.spec.ts b/e2e/demo.spec.ts
index f47b2cdc0f..890bbd97da 100644
--- a/e2e/demo.spec.ts
+++ b/e2e/demo.spec.ts
@@ -11,15 +11,18 @@ const allRoutes = globSync(`${pathToFrameworkDir}/**/+page.svelte`).map((route)
 	normalizePath(route).replace(pathToFrameworkDir, '').replace('/+page.svelte', ''),
 );
 
-async function analyze(page: Page): Promise<AxeResults> {
-	return new AxeBuilder({page}).withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa']).analyze();
+async function analyze(page: Page, route: string): Promise<AxeResults> {
+	const analyser = new AxeBuilder({page}).withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa']);
+	if (route.includes('slider')) {
+		analyser.disableRules('color-contrast');
+	}
+	return analyser.analyze();
 }
 
 test.describe.parallel('Demo Website', () => {
 	for (const route of allRoutes) {
 		const svelteRoute = route.replace('[framework]', 'svelte');
 		test(`Route ${svelteRoute || '/'} should be accessible`, async ({page}) => {
-			test.skip(svelteRoute.includes('slider'), 'Slider accessibility issues to be solved');
 			await page.goto(svelteRoute);
 			const frames = page.frames();
 			if (frames.length > 1) {
@@ -27,7 +30,7 @@ test.describe.parallel('Demo Website', () => {
 				await Promise.all(iframes.map((frame) => expect.poll(() => frame.url()).not.toBe('about:blank')));
 				await Promise.all(iframes.map((frame) => frame.waitForURL(frame.url())));
 			}
-			expect((await analyze(page)).violations).toEqual([]);
+			expect((await analyze(page, svelteRoute)).violations).toEqual([]);
 		});
 	}
 });
diff --git a/e2e/samplesMarkup.e2e-spec.ts-snapshots/slider-default.html b/e2e/samplesMarkup.e2e-spec.ts-snapshots/slider-default.html
index af2a5f1884..128e2291a8 100644
--- a/e2e/samplesMarkup.e2e-spec.ts-snapshots/slider-default.html
+++ b/e2e/samplesMarkup.e2e-spec.ts-snapshots/slider-default.html
@@ -37,6 +37,7 @@ <h2>
 					"70 -"
 				</div>
 				<button
+				 aria-label="70"
 				 aria-valuemax="100"
 				 aria-valuemin="0"
 				 aria-valuenow="70"
@@ -86,6 +87,7 @@ <h2>
 					"20 -"
 				</div>
 				<button
+				 aria-label="20"
 				 aria-valuemax="100"
 				 aria-valuemin="0"
 				 aria-valuenow="20"
@@ -136,6 +138,7 @@ <h2>
 				</div>
 				<button
 				 aria-disabled="true"
+				 aria-label="60"
 				 aria-readonly="true"
 				 aria-valuemax="100"
 				 aria-valuemin="0"
diff --git a/e2e/samplesMarkup.e2e-spec.ts-snapshots/slider-playground.html b/e2e/samplesMarkup.e2e-spec.ts-snapshots/slider-playground.html
index f586b0ced4..27ffff7ccc 100644
--- a/e2e/samplesMarkup.e2e-spec.ts-snapshots/slider-playground.html
+++ b/e2e/samplesMarkup.e2e-spec.ts-snapshots/slider-playground.html
@@ -34,6 +34,7 @@
 					"0 -"
 				</div>
 				<button
+				 aria-label="0"
 				 aria-valuemax="100"
 				 aria-valuemin="0"
 				 aria-valuenow="0"
diff --git a/e2e/samplesMarkup.e2e-spec.ts-snapshots/slider-range.html b/e2e/samplesMarkup.e2e-spec.ts-snapshots/slider-range.html
index 596bcdeaf9..86ebebf83b 100644
--- a/e2e/samplesMarkup.e2e-spec.ts-snapshots/slider-range.html
+++ b/e2e/samplesMarkup.e2e-spec.ts-snapshots/slider-range.html
@@ -49,6 +49,7 @@ <h2>
 					"10 - 40"
 				</div>
 				<button
+				 aria-label="10"
 				 aria-valuemax="100"
 				 aria-valuemin="0"
 				 aria-valuenow="10"
@@ -64,6 +65,7 @@ <h2>
 					"10"
 				</div>
 				<button
+				 aria-label="40"
 				 aria-valuemax="100"
 				 aria-valuemin="0"
 				 aria-valuenow="40"
@@ -79,6 +81,7 @@ <h2>
 					"40"
 				</div>
 				<button
+				 aria-label="50"
 				 aria-valuemax="100"
 				 aria-valuemin="0"
 				 aria-valuenow="50"
@@ -94,6 +97,7 @@ <h2>
 					"50"
 				</div>
 				<button
+				 aria-label="60"
 				 aria-valuemax="100"
 				 aria-valuemin="0"
 				 aria-valuenow="60"
@@ -109,6 +113,7 @@ <h2>
 					"60"
 				</div>
 				<button
+				 aria-label="90"
 				 aria-valuemax="100"
 				 aria-valuemin="0"
 				 aria-valuenow="90"
@@ -158,6 +163,7 @@ <h2>
 					"10 - 40"
 				</div>
 				<button
+				 aria-label="10"
 				 aria-valuemax="100"
 				 aria-valuemin="0"
 				 aria-valuenow="10"
@@ -173,6 +179,7 @@ <h2>
 					"10"
 				</div>
 				<button
+				 aria-label="40"
 				 aria-valuemax="100"
 				 aria-valuemin="0"
 				 aria-valuenow="40"
diff --git a/e2e/samplesMarkup.e2e-spec.ts-snapshots/slider-vertical.html b/e2e/samplesMarkup.e2e-spec.ts-snapshots/slider-vertical.html
index c85ed5627c..8cac3e4429 100644
--- a/e2e/samplesMarkup.e2e-spec.ts-snapshots/slider-vertical.html
+++ b/e2e/samplesMarkup.e2e-spec.ts-snapshots/slider-vertical.html
@@ -42,6 +42,7 @@
 							"10 - 40"
 						</div>
 						<button
+						 aria-label="10"
 						 aria-orientation="vertical"
 						 aria-valuemax="100"
 						 aria-valuemin="0"
@@ -58,6 +59,7 @@
 							"10"
 						</div>
 						<button
+						 aria-label="40"
 						 aria-orientation="vertical"
 						 aria-valuemax="100"
 						 aria-valuemin="0"
@@ -113,6 +115,7 @@
 							"40 -"
 						</div>
 						<button
+						 aria-label="40"
 						 aria-orientation="vertical"
 						 aria-valuemax="100"
 						 aria-valuemin="0"
diff --git a/e2e/slider/slider.e2e-spec.ts b/e2e/slider/slider.e2e-spec.ts
index fc98962247..3f952028d1 100644
--- a/e2e/slider/slider.e2e-spec.ts
+++ b/e2e/slider/slider.e2e-spec.ts
@@ -7,6 +7,7 @@ const defaultExpectedState: {[key: string]: string | null} = {
 	min: '0',
 	max: '100',
 	text: '60',
+	ariaLabel: '60',
 	readonly: null,
 	disabled: null,
 	style: 'left: 60%; top: 0%;',
@@ -18,6 +19,7 @@ const defaultExpectedHandleState: {[key: string]: string | null}[] = [
 		min: '0',
 		max: '100',
 		text: '10',
+		ariaLabel: '10',
 		readonly: null,
 		disabled: null,
 		style: 'left: 10%; top: 0%;',
@@ -27,6 +29,7 @@ const defaultExpectedHandleState: {[key: string]: string | null}[] = [
 		min: '0',
 		max: '100',
 		text: '40',
+		ariaLabel: '40',
 		readonly: null,
 		disabled: null,
 		style: 'left: 40%; top: 0%;',
@@ -39,6 +42,7 @@ const defaultExpectedHandleStateVertical: {[key: string]: string | null}[] = [
 		min: '0',
 		max: '100',
 		text: '10',
+		ariaLabel: '10',
 		readonly: null,
 		disabled: null,
 		style: 'left: 0%; top: 90%;',
@@ -48,6 +52,7 @@ const defaultExpectedHandleStateVertical: {[key: string]: string | null}[] = [
 		min: '0',
 		max: '100',
 		text: '40',
+		ariaLabel: '40',
 		readonly: null,
 		disabled: null,
 		style: 'left: 0%; top: 60%;',
@@ -67,6 +72,7 @@ test.describe(`Slider tests`, () => {
 			const expectedState = {...defaultExpectedState};
 			expectedState.value = '88';
 			expectedState.text = '88';
+			expectedState.ariaLabel = '88';
 			expectedState.style = 'left: 88%; top: 0%;';
 
 			const sliderLocator = sliderPO.locatorRoot;
@@ -86,6 +92,7 @@ test.describe(`Slider tests`, () => {
 			const expectedState = {...defaultExpectedState};
 			expectedState.value = '88';
 			expectedState.text = '88';
+			expectedState.ariaLabel = '88';
 			expectedState.style = 'left: 88%; top: 0%;';
 
 			const sliderHandleLocator = sliderPO.locatorHandle;
@@ -108,6 +115,7 @@ test.describe(`Slider tests`, () => {
 			const expectedState = {...defaultExpectedState};
 			expectedState.value = '0';
 			expectedState.text = '0';
+			expectedState.ariaLabel = '0';
 			expectedState.style = 'left: 0%; top: 0%;';
 
 			const minLabelLocator = sliderPO.locatorMinLabelHorizontal;
@@ -125,6 +133,7 @@ test.describe(`Slider tests`, () => {
 			await page.keyboard.press('End');
 
 			expectedState.text = '100';
+			expectedState.ariaLabel = '100';
 			expectedState.value = '100';
 			expectedState.style = 'left: 100%; top: 0%;';
 
@@ -177,6 +186,7 @@ test.describe(`Slider tests`, () => {
 
 			expectedState.value = '88';
 			expectedState.text = '88';
+			expectedState.ariaLabel = '88';
 			expectedState.style = 'left: 88%; top: 0%;';
 			expectedState.readonly = null;
 
@@ -195,6 +205,7 @@ test.describe(`Slider tests`, () => {
 			const expectedState = {...defaultExpectedHandleState[1]};
 			expectedState.value = '88';
 			expectedState.text = '88';
+			expectedState.ariaLabel = '88';
 			expectedState.style = 'left: 88%; top: 0%;';
 
 			const sliderLocator = sliderPO.locatorRoot;
@@ -215,9 +226,11 @@ test.describe(`Slider tests`, () => {
 			const expectedState = {...defaultExpectedHandleState};
 			expectedState[0].value = '40';
 			expectedState[0].text = '40';
+			expectedState[0].ariaLabel = '40';
 			expectedState[0].style = 'left: 40%; top: 0%;';
 			expectedState[1].value = '83';
 			expectedState[1].text = '83';
+			expectedState[1].ariaLabel = '83';
 			expectedState[1].style = 'left: 83%; top: 0%;';
 
 			const sliderHandleLocator = sliderPO.locatorHandle;
@@ -242,8 +255,10 @@ test.describe(`Slider tests`, () => {
 			const expectedState = {...defaultExpectedHandleState};
 			expectedState[0].value = '0';
 			expectedState[0].text = '0';
+			expectedState[0].ariaLabel = '0';
 			expectedState[0].style = 'left: 0%; top: 0%;';
 			expectedState[1].text = '40';
+			expectedState[1].ariaLabel = '40';
 			expectedState[1].value = '40';
 			expectedState[1].style = 'left: 40%; top: 0%;';
 
@@ -263,9 +278,11 @@ test.describe(`Slider tests`, () => {
 			await page.keyboard.press('End');
 
 			expectedState[0].text = '40';
+			expectedState[0].ariaLabel = '40';
 			expectedState[0].value = '40';
 			expectedState[0].style = 'left: 40%; top: 0%;';
 			expectedState[1].text = '100';
+			expectedState[1].ariaLabel = '100';
 			expectedState[1].value = '100';
 			expectedState[1].style = 'left: 100%; top: 0%;';
 
@@ -289,6 +306,7 @@ test.describe(`Slider tests`, () => {
 			const expectedState = {...defaultExpectedHandleStateVertical[1]};
 			expectedState.value = '80';
 			expectedState.text = '80';
+			expectedState.ariaLabel = '80';
 			expectedState.style = 'left: 0%; top: 20%;';
 
 			const sliderLocator = sliderPO.locatorRoot;
@@ -309,6 +327,7 @@ test.describe(`Slider tests`, () => {
 			const expectedState = {...defaultExpectedHandleStateVertical};
 			expectedState[0].value = '0';
 			expectedState[0].text = '0';
+			expectedState[0].ariaLabel = '0';
 			expectedState[0].style = 'left: 0%; top: 100%;';
 
 			const minLabelLocator = sliderPO.locatorMinLabelVertical;
@@ -327,9 +346,11 @@ test.describe(`Slider tests`, () => {
 			await page.keyboard.press('End');
 
 			expectedState[0].text = '40';
+			expectedState[0].ariaLabel = '40';
 			expectedState[0].value = '40';
 			expectedState[0].style = 'left: 0%; top: 60%;';
 			expectedState[1].text = '100';
+			expectedState[1].ariaLabel = '100';
 			expectedState[1].value = '100';
 			expectedState[1].style = 'left: 0%; top: 0%;';
 
diff --git a/page-objects/lib/slider.po.ts b/page-objects/lib/slider.po.ts
index 3ea3ae9f36..bd751abd8d 100644
--- a/page-objects/lib/slider.po.ts
+++ b/page-objects/lib/slider.po.ts
@@ -50,6 +50,7 @@ export class SliderPO extends BasePO {
 					text: rn.getAttribute('aria-valuetext'),
 					disabled: rn.getAttribute('aria-disabled'),
 					readonly: rn.getAttribute('aria-readonly'),
+					ariaLabel: rn.getAttribute('aria-label'),
 				};
 			});
 		});
diff --git a/react/lib/Slider.tsx b/react/lib/Slider.tsx
index 1b2470ec3a..67139f2b1c 100644
--- a/react/lib/Slider.tsx
+++ b/react/lib/Slider.tsx
@@ -81,6 +81,7 @@ export function Slider(props: Partial<SliderProps>) {
 						aria-valuemax={max}
 						aria-valuenow={item.value}
 						aria-valuetext={'' + item.value}
+						aria-label={item.ariaLabel}
 						aria-readonly={readonly ? 'true' : undefined}
 						aria-disabled={disabled ? 'true' : undefined}
 						aria-orientation={vertical ? 'vertical' : undefined}
diff --git a/svelte/lib/slider/Slider.svelte b/svelte/lib/slider/Slider.svelte
index 07635e8d3e..a8bff60e95 100644
--- a/svelte/lib/slider/Slider.svelte
+++ b/svelte/lib/slider/Slider.svelte
@@ -95,6 +95,7 @@
 			aria-disabled={$disabled$ ? true : null}
 			aria-valuenow={item.value}
 			aria-valuetext={'' + item.value}
+			aria-label={item.ariaLabel}
 			aria-orientation={$vertical$ ? 'vertical' : null}
 			disabled={$disabled$ ? true : null}
 			style:left={`${$handleDisplayOptions$[item.id].left}%`}