diff --git a/src/Handles/Handle.tsx b/src/Handles/Handle.tsx
index 8d094c68a..60d2c74c5 100644
--- a/src/Handles/Handle.tsx
+++ b/src/Handles/Handle.tsx
@@ -134,6 +134,7 @@ const Handle = React.forwardRef((props: HandleProps, ref: React.Ref
);
diff --git a/tests/Range.test.js b/tests/Range.test.js
index e40500724..e4d9e873d 100644
--- a/tests/Range.test.js
+++ b/tests/Range.test.js
@@ -388,6 +388,26 @@ describe('Range', () => {
test('touch', (container) => doTouchMove(container, 0, 20, 'rc-slider-track'));
});
+ it('sets aria-orientation to default on the handle', () => {
+ const { container } = render();
+ expect(container.getElementsByClassName('rc-slider-handle')[0]).toHaveAttribute(
+ 'aria-orientation',
+ 'horizontal',
+ );
+ });
+
+ it('sets aria-orientation to vertical on the handles of vertical Slider', () => {
+ const { container } = render();
+ expect(container.getElementsByClassName('rc-slider-handle')[0]).toHaveAttribute(
+ 'aria-orientation',
+ 'vertical',
+ );
+ expect(container.getElementsByClassName('rc-slider-handle')[1]).toHaveAttribute(
+ 'aria-orientation',
+ 'vertical',
+ );
+ });
+
it('sets aria-label on the handles', () => {
const { container } = render(
,
diff --git a/tests/__snapshots__/Range.test.js.snap b/tests/__snapshots__/Range.test.js.snap
index 32f6c41e3..87e38f9d3 100644
--- a/tests/__snapshots__/Range.test.js.snap
+++ b/tests/__snapshots__/Range.test.js.snap
@@ -24,6 +24,7 @@ exports[`Range should render Multi-Range with correct DOM structure 1`] = `
/>