diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index 3599a0a2c0..da9e87544c 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -2280,6 +2280,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
             class="ant-slider-handle"
             role="slider"
             style="left:0%;"
+            tabindex="0"
           />
           <div
             class="ant-slider-mark"
diff --git a/components/grid/__tests__/__snapshots__/demo.test.js.snap b/components/grid/__tests__/__snapshots__/demo.test.js.snap
index fbd1aa81aa..cd63a0a4fb 100644
--- a/components/grid/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/grid/__tests__/__snapshots__/demo.test.js.snap
@@ -518,6 +518,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
           class="ant-slider-handle"
           role="slider"
           style="left:20%;"
+          tabindex="0"
         />
         <div
           class="ant-slider-mark"
@@ -615,6 +616,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
           class="ant-slider-handle"
           role="slider"
           style="left:40%;"
+          tabindex="0"
         />
         <div
           class="ant-slider-mark"
diff --git a/components/slider/__tests__/__snapshots__/demo.test.js.snap b/components/slider/__tests__/__snapshots__/demo.test.js.snap
index 3e8ef956ab..8ba4823d3e 100644
--- a/components/slider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/slider/__tests__/__snapshots__/demo.test.js.snap
@@ -23,6 +23,7 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
       class="ant-slider-handle"
       role="slider"
       style="left:30%;"
+      tabindex="0"
     />
     <div
       class="ant-slider-mark"
@@ -49,6 +50,7 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
       class="ant-slider-handle ant-slider-handle-1"
       role="slider"
       style="left:20%;"
+      tabindex="0"
     />
     <div
       aria-disabled="false"
@@ -58,6 +60,7 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
       class="ant-slider-handle ant-slider-handle-2"
       role="slider"
       style="left:50%;"
+      tabindex="0"
     />
     <div
       class="ant-slider-mark"
@@ -98,6 +101,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
       class="ant-slider-handle"
       role="slider"
       style="left:30%;"
+      tabindex="0"
     />
     <div
       class="ant-slider-mark"
@@ -124,6 +128,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
       class="ant-slider-handle ant-slider-handle-1"
       role="slider"
       style="left:20%;"
+      tabindex="0"
     />
     <div
       aria-disabled="false"
@@ -133,6 +138,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
       class="ant-slider-handle ant-slider-handle-2"
       role="slider"
       style="left:50%;"
+      tabindex="0"
     />
     <div
       class="ant-slider-mark"
@@ -169,6 +175,7 @@ exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
       class="ant-slider-handle"
       role="slider"
       style="left:0%;"
+      tabindex="0"
     />
     <div
       class="ant-slider-mark"
@@ -209,6 +216,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
           class="ant-slider-handle"
           role="slider"
           style="left:0%;"
+          tabindex="0"
         />
         <div
           class="ant-slider-mark"
@@ -296,6 +304,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
           class="ant-slider-handle"
           role="slider"
           style="left:0%;"
+          tabindex="0"
         />
         <div
           class="ant-slider-mark"
@@ -402,6 +411,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       class="ant-slider-handle"
       role="slider"
       style="left:37%;"
+      tabindex="0"
     />
     <div
       class="ant-slider-mark"
@@ -472,6 +482,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       class="ant-slider-handle ant-slider-handle-1"
       role="slider"
       style="left:26%;"
+      tabindex="0"
     />
     <div
       aria-disabled="false"
@@ -481,6 +492,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       class="ant-slider-handle ant-slider-handle-2"
       role="slider"
       style="left:37%;"
+      tabindex="0"
     />
     <div
       class="ant-slider-mark"
@@ -554,6 +566,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       class="ant-slider-handle"
       role="slider"
       style="left:37%;"
+      tabindex="0"
     />
     <div
       class="ant-slider-mark"
@@ -627,6 +640,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       class="ant-slider-handle"
       role="slider"
       style="left:37%;"
+      tabindex="0"
     />
     <div
       class="ant-slider-mark"
@@ -700,6 +714,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       class="ant-slider-handle"
       role="slider"
       style="left:37%;"
+      tabindex="0"
     />
     <div
       class="ant-slider-mark"
@@ -758,6 +773,7 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
       class="ant-slider-handle"
       role="slider"
       style="left:0%;"
+      tabindex="0"
     />
     <div
       class="ant-slider-mark"
@@ -784,6 +800,7 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
       class="ant-slider-handle"
       role="slider"
       style="left:0%;"
+      tabindex="0"
     />
     <div
       class="ant-slider-mark"
@@ -820,6 +837,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
         class="ant-slider-handle"
         role="slider"
         style="bottom:30%;"
+        tabindex="0"
       />
       <div
         class="ant-slider-mark"
@@ -850,6 +868,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
         class="ant-slider-handle ant-slider-handle-1"
         role="slider"
         style="bottom:20%;"
+        tabindex="0"
       />
       <div
         aria-disabled="false"
@@ -859,6 +878,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
         class="ant-slider-handle ant-slider-handle-2"
         role="slider"
         style="bottom:50%;"
+        tabindex="0"
       />
       <div
         class="ant-slider-mark"
@@ -906,6 +926,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
         class="ant-slider-handle ant-slider-handle-1"
         role="slider"
         style="bottom:26%;"
+        tabindex="0"
       />
       <div
         aria-disabled="false"
@@ -915,6 +936,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
         class="ant-slider-handle ant-slider-handle-2"
         role="slider"
         style="bottom:37%;"
+        tabindex="0"
       />
       <div
         class="ant-slider-mark"
diff --git a/package.json b/package.json
index 95adef728e..3dc9f73373 100644
--- a/package.json
+++ b/package.json
@@ -65,7 +65,7 @@
     "rc-progress": "~2.2.2",
     "rc-rate": "~2.1.1",
     "rc-select": "~6.9.0",
-    "rc-slider": "~8.2.0",
+    "rc-slider": "~8.3.0",
     "rc-steps": "~2.5.1",
     "rc-switch": "~1.5.1",
     "rc-table": "~5.6.9",