diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index a7c1b06a18..5a91b0b3ff 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -2123,7 +2123,12 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
             />
           </div>
           <div
+            aria-disabled="false"
+            aria-valuemax="100"
+            aria-valuemin="0"
+            aria-valuenow="0"
             class="ant-slider-handle"
+            role="slider"
             style="left:0%;"
           />
           <div
diff --git a/components/grid/__tests__/__snapshots__/demo.test.js.snap b/components/grid/__tests__/__snapshots__/demo.test.js.snap
index 727ccdd5e5..fbd1aa81aa 100644
--- a/components/grid/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/grid/__tests__/__snapshots__/demo.test.js.snap
@@ -511,7 +511,12 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
           />
         </div>
         <div
+          aria-disabled="false"
+          aria-valuemax="5"
+          aria-valuemin="0"
+          aria-valuenow="1"
           class="ant-slider-handle"
+          role="slider"
           style="left:20%;"
         />
         <div
@@ -603,7 +608,12 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
           />
         </div>
         <div
+          aria-disabled="false"
+          aria-valuemax="5"
+          aria-valuemin="0"
+          aria-valuenow="2"
           class="ant-slider-handle"
+          role="slider"
           style="left:40%;"
         />
         <div
diff --git a/components/slider/__tests__/__snapshots__/demo.test.js.snap b/components/slider/__tests__/__snapshots__/demo.test.js.snap
index 4b09871e74..7409753055 100644
--- a/components/slider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/slider/__tests__/__snapshots__/demo.test.js.snap
@@ -16,7 +16,12 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="30"
       class="ant-slider-handle"
+      role="slider"
       style="left:30%;"
     />
     <div
@@ -37,11 +42,21 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="20"
       class="ant-slider-handle ant-slider-handle-1"
+      role="slider"
       style="left:20%;"
     />
     <div
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="50"
       class="ant-slider-handle ant-slider-handle-2"
+      role="slider"
       style="left:50%;"
     />
     <div
@@ -76,7 +91,12 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="30"
       class="ant-slider-handle"
+      role="slider"
       style="left:30%;"
     />
     <div
@@ -97,11 +117,21 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="20"
       class="ant-slider-handle ant-slider-handle-1"
+      role="slider"
       style="left:20%;"
     />
     <div
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="50"
       class="ant-slider-handle ant-slider-handle-2"
+      role="slider"
       style="left:50%;"
     />
     <div
@@ -132,7 +162,12 @@ exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
+      aria-disabled="false"
+      aria-valuemax="20"
+      aria-valuemin="0"
+      aria-valuenow="0"
       class="ant-slider-handle"
+      role="slider"
       style="left:0%;"
     />
     <div
@@ -167,7 +202,12 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
           class="ant-slider-step"
         />
         <div
+          aria-disabled="false"
+          aria-valuemax="20"
+          aria-valuemin="1"
+          aria-valuenow="1"
           class="ant-slider-handle"
+          role="slider"
           style="left:0%;"
         />
         <div
@@ -248,7 +288,12 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
           class="ant-slider-step"
         />
         <div
+          aria-disabled="false"
+          aria-valuemax="1"
+          aria-valuemin="0"
+          aria-valuenow="0"
           class="ant-slider-handle"
+          role="slider"
           style="left:0%;"
         />
         <div
@@ -348,7 +393,12 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       />
     </div>
     <div
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="37"
       class="ant-slider-handle"
+      role="slider"
       style="left:37%;"
     />
     <div
@@ -413,11 +463,21 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       />
     </div>
     <div
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="26"
       class="ant-slider-handle ant-slider-handle-1"
+      role="slider"
       style="left:26%;"
     />
     <div
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="37"
       class="ant-slider-handle ant-slider-handle-2"
+      role="slider"
       style="left:37%;"
     />
     <div
@@ -485,7 +545,12 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       />
     </div>
     <div
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="37"
       class="ant-slider-handle"
+      role="slider"
       style="left:37%;"
     />
     <div
@@ -553,7 +618,12 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       />
     </div>
     <div
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="37"
       class="ant-slider-handle"
+      role="slider"
       style="left:37%;"
     />
     <div
@@ -621,7 +691,12 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       />
     </div>
     <div
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="37"
       class="ant-slider-handle"
+      role="slider"
       style="left:37%;"
     />
     <div
@@ -674,7 +749,12 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="0"
       class="ant-slider-handle"
+      role="slider"
       style="left:0%;"
     />
     <div
@@ -695,7 +775,12 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="0"
       class="ant-slider-handle"
+      role="slider"
       style="left:0%;"
     />
     <div
@@ -726,7 +811,12 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
         class="ant-slider-step"
       />
       <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="30"
         class="ant-slider-handle"
+        role="slider"
         style="bottom:30%;"
       />
       <div
@@ -751,11 +841,21 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
         class="ant-slider-step"
       />
       <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="20"
         class="ant-slider-handle ant-slider-handle-1"
+        role="slider"
         style="bottom:20%;"
       />
       <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="50"
         class="ant-slider-handle ant-slider-handle-2"
+        role="slider"
         style="bottom:50%;"
       />
       <div
@@ -797,11 +897,21 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
         />
       </div>
       <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="26"
         class="ant-slider-handle ant-slider-handle-1"
+        role="slider"
         style="bottom:26%;"
       />
       <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="37"
         class="ant-slider-handle ant-slider-handle-2"
+        role="slider"
         style="bottom:37%;"
       />
       <div
diff --git a/components/slider/index.tsx b/components/slider/index.tsx
index 0463ef2660..0b7218de50 100644
--- a/components/slider/index.tsx
+++ b/components/slider/index.tsx
@@ -70,6 +70,7 @@ export default class Slider extends React.Component<SliderProps, any> {
       >
         <RcHandle
           {...restProps}
+          value={value}
           onMouseEnter={() => this.toggleTooltipVisible(index, true)}
           onMouseLeave={() => this.toggleTooltipVisible(index, false)}
         />
diff --git a/package.json b/package.json
index 2b9bb02a10..cfb61395e1 100644
--- a/package.json
+++ b/package.json
@@ -62,7 +62,7 @@
     "rc-progress": "~2.1.0",
     "rc-rate": "~2.1.0",
     "rc-select": "~6.8.0",
-    "rc-slider": "~7.0.0",
+    "rc-slider": "~8.0.0",
     "rc-steps": "~2.5.0",
     "rc-switch": "~1.4.2",
     "rc-table": "~5.3.3",