diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index ad3ace5143..d4f9f96885 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -1786,7 +1786,10 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
             class="ant-input-number-handler-wrap"
           >
             <span
+              aria-disabled="false"
+              aria-label="Increase Value"
               class="ant-input-number-handler ant-input-number-handler-up "
+              role="button"
               unselectable="unselectable"
             >
               <span
@@ -1795,7 +1798,10 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
               />
             </span>
             <span
+              aria-disabled="false"
+              aria-label="Decrease Value"
               class="ant-input-number-handler ant-input-number-handler-down "
+              role="button"
               unselectable="unselectable"
             >
               <span
@@ -1805,7 +1811,11 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
             </span>
           </div>
           <div
+            aria-valuemax="10"
+            aria-valuemin="1"
+            aria-valuenow="3"
             class="ant-input-number-input-wrap"
+            role="spinbutton"
           >
             <input
               autocomplete="off"
@@ -2545,7 +2555,10 @@ exports[`renders ./components/form/demo/without-form-create.md correctly 1`] = `
             class="ant-input-number-handler-wrap"
           >
             <span
+              aria-disabled="false"
+              aria-label="Increase Value"
               class="ant-input-number-handler ant-input-number-handler-up "
+              role="button"
               unselectable="unselectable"
             >
               <span
@@ -2554,7 +2567,10 @@ exports[`renders ./components/form/demo/without-form-create.md correctly 1`] = `
               />
             </span>
             <span
+              aria-disabled="false"
+              aria-label="Decrease Value"
               class="ant-input-number-handler ant-input-number-handler-down "
+              role="button"
               unselectable="unselectable"
             >
               <span
@@ -2564,7 +2580,11 @@ exports[`renders ./components/form/demo/without-form-create.md correctly 1`] = `
             </span>
           </div>
           <div
+            aria-valuemax="12"
+            aria-valuemin="8"
+            aria-valuenow="11"
             class="ant-input-number-input-wrap"
+            role="spinbutton"
           >
             <input
               autocomplete="off"
diff --git a/components/input-number/__tests__/__snapshots__/demo.test.js.snap b/components/input-number/__tests__/__snapshots__/demo.test.js.snap
index 58dcab53ba..9a4e800924 100644
--- a/components/input-number/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input-number/__tests__/__snapshots__/demo.test.js.snap
@@ -8,7 +8,10 @@ exports[`renders ./components/input-number/demo/basic.md correctly 1`] = `
     class="ant-input-number-handler-wrap"
   >
     <span
+      aria-disabled="false"
+      aria-label="Increase Value"
       class="ant-input-number-handler ant-input-number-handler-up "
+      role="button"
       unselectable="unselectable"
     >
       <span
@@ -17,7 +20,10 @@ exports[`renders ./components/input-number/demo/basic.md correctly 1`] = `
       />
     </span>
     <span
+      aria-disabled="false"
+      aria-label="Decrease Value"
       class="ant-input-number-handler ant-input-number-handler-down "
+      role="button"
       unselectable="unselectable"
     >
       <span
@@ -27,7 +33,11 @@ exports[`renders ./components/input-number/demo/basic.md correctly 1`] = `
     </span>
   </div>
   <div
+    aria-valuemax="10"
+    aria-valuemin="1"
+    aria-valuenow="3"
     class="ant-input-number-input-wrap"
+    role="spinbutton"
   >
     <input
       autocomplete="off"
@@ -48,7 +58,10 @@ exports[`renders ./components/input-number/demo/digit.md correctly 1`] = `
     class="ant-input-number-handler-wrap"
   >
     <span
+      aria-disabled="false"
+      aria-label="Increase Value"
       class="ant-input-number-handler ant-input-number-handler-up "
+      role="button"
       unselectable="unselectable"
     >
       <span
@@ -57,7 +70,10 @@ exports[`renders ./components/input-number/demo/digit.md correctly 1`] = `
       />
     </span>
     <span
+      aria-disabled="false"
+      aria-label="Decrease Value"
       class="ant-input-number-handler ant-input-number-handler-down "
+      role="button"
       unselectable="unselectable"
     >
       <span
@@ -67,7 +83,10 @@ exports[`renders ./components/input-number/demo/digit.md correctly 1`] = `
     </span>
   </div>
   <div
+    aria-valuemax="10"
+    aria-valuemin="0"
     class="ant-input-number-input-wrap"
+    role="spinbutton"
   >
     <input
       autocomplete="off"
@@ -89,7 +108,10 @@ exports[`renders ./components/input-number/demo/disabled.md correctly 1`] = `
       class="ant-input-number-handler-wrap"
     >
       <span
+        aria-disabled="true"
+        aria-label="Increase Value"
         class="ant-input-number-handler ant-input-number-handler-up "
+        role="button"
         unselectable="unselectable"
       >
         <span
@@ -98,7 +120,10 @@ exports[`renders ./components/input-number/demo/disabled.md correctly 1`] = `
         />
       </span>
       <span
+        aria-disabled="true"
+        aria-label="Decrease Value"
         class="ant-input-number-handler ant-input-number-handler-down "
+        role="button"
         unselectable="unselectable"
       >
         <span
@@ -108,7 +133,11 @@ exports[`renders ./components/input-number/demo/disabled.md correctly 1`] = `
       </span>
     </div>
     <div
+      aria-valuemax="10"
+      aria-valuemin="1"
+      aria-valuenow="3"
       class="ant-input-number-input-wrap"
+      role="spinbutton"
     >
       <input
         autocomplete="off"
@@ -144,7 +173,10 @@ exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = `
       class="ant-input-number-handler-wrap"
     >
       <span
+        aria-disabled="false"
+        aria-label="Increase Value"
         class="ant-input-number-handler ant-input-number-handler-up "
+        role="button"
         unselectable="unselectable"
       >
         <span
@@ -153,7 +185,10 @@ exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = `
         />
       </span>
       <span
+        aria-disabled="false"
+        aria-label="Decrease Value"
         class="ant-input-number-handler ant-input-number-handler-down "
+        role="button"
         unselectable="unselectable"
       >
         <span
@@ -163,7 +198,11 @@ exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = `
       </span>
     </div>
     <div
+      aria-valuemax="Infinity"
+      aria-valuemin="-Infinity"
+      aria-valuenow="1000"
       class="ant-input-number-input-wrap"
+      role="spinbutton"
     >
       <input
         autocomplete="off"
@@ -181,7 +220,10 @@ exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = `
       class="ant-input-number-handler-wrap"
     >
       <span
+        aria-disabled="true"
+        aria-label="Increase Value"
         class="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled"
+        role="button"
         unselectable="unselectable"
       >
         <span
@@ -190,7 +232,10 @@ exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = `
         />
       </span>
       <span
+        aria-disabled="false"
+        aria-label="Decrease Value"
         class="ant-input-number-handler ant-input-number-handler-down "
+        role="button"
         unselectable="unselectable"
       >
         <span
@@ -200,7 +245,11 @@ exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = `
       </span>
     </div>
     <div
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="100"
       class="ant-input-number-input-wrap"
+      role="spinbutton"
     >
       <input
         autocomplete="off"
@@ -223,7 +272,10 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
       class="ant-input-number-handler-wrap"
     >
       <span
+        aria-disabled="false"
+        aria-label="Increase Value"
         class="ant-input-number-handler ant-input-number-handler-up "
+        role="button"
         unselectable="unselectable"
       >
         <span
@@ -232,7 +284,10 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
         />
       </span>
       <span
+        aria-disabled="false"
+        aria-label="Decrease Value"
         class="ant-input-number-handler ant-input-number-handler-down "
+        role="button"
         unselectable="unselectable"
       >
         <span
@@ -242,7 +297,11 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
       </span>
     </div>
     <div
+      aria-valuemax="100000"
+      aria-valuemin="1"
+      aria-valuenow="3"
       class="ant-input-number-input-wrap"
+      role="spinbutton"
     >
       <input
         autocomplete="off"
@@ -260,7 +319,10 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
       class="ant-input-number-handler-wrap"
     >
       <span
+        aria-disabled="false"
+        aria-label="Increase Value"
         class="ant-input-number-handler ant-input-number-handler-up "
+        role="button"
         unselectable="unselectable"
       >
         <span
@@ -269,7 +331,10 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
         />
       </span>
       <span
+        aria-disabled="false"
+        aria-label="Decrease Value"
         class="ant-input-number-handler ant-input-number-handler-down "
+        role="button"
         unselectable="unselectable"
       >
         <span
@@ -279,7 +344,11 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
       </span>
     </div>
     <div
+      aria-valuemax="100000"
+      aria-valuemin="1"
+      aria-valuenow="3"
       class="ant-input-number-input-wrap"
+      role="spinbutton"
     >
       <input
         autocomplete="off"
@@ -297,7 +366,10 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
       class="ant-input-number-handler-wrap"
     >
       <span
+        aria-disabled="false"
+        aria-label="Increase Value"
         class="ant-input-number-handler ant-input-number-handler-up "
+        role="button"
         unselectable="unselectable"
       >
         <span
@@ -306,7 +378,10 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
         />
       </span>
       <span
+        aria-disabled="false"
+        aria-label="Decrease Value"
         class="ant-input-number-handler ant-input-number-handler-down "
+        role="button"
         unselectable="unselectable"
       >
         <span
@@ -316,7 +391,11 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
       </span>
     </div>
     <div
+      aria-valuemax="100000"
+      aria-valuemin="1"
+      aria-valuenow="3"
       class="ant-input-number-input-wrap"
+      role="spinbutton"
     >
       <input
         autocomplete="off"
diff --git a/components/input/__tests__/__snapshots__/demo.test.js.snap b/components/input/__tests__/__snapshots__/demo.test.js.snap
index 89b9bcfd06..2d908dedeb 100644
--- a/components/input/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.js.snap
@@ -294,7 +294,10 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
         class="ant-input-number-handler-wrap"
       >
         <span
+          aria-disabled="false"
+          aria-label="Increase Value"
           class="ant-input-number-handler ant-input-number-handler-up "
+          role="button"
           unselectable="unselectable"
         >
           <span
@@ -303,7 +306,10 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
           />
         </span>
         <span
+          aria-disabled="false"
+          aria-label="Decrease Value"
           class="ant-input-number-handler ant-input-number-handler-down "
+          role="button"
           unselectable="unselectable"
         >
           <span
@@ -313,7 +319,10 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
         </span>
       </div>
       <div
+        aria-valuemax="Infinity"
+        aria-valuemin="-Infinity"
         class="ant-input-number-input-wrap"
+        role="spinbutton"
       >
         <input
           autocomplete="off"
diff --git a/components/slider/__tests__/__snapshots__/demo.test.js.snap b/components/slider/__tests__/__snapshots__/demo.test.js.snap
index c95a967dce..4b09871e74 100644
--- a/components/slider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/slider/__tests__/__snapshots__/demo.test.js.snap
@@ -186,7 +186,10 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
           class="ant-input-number-handler-wrap"
         >
           <span
+            aria-disabled="false"
+            aria-label="Increase Value"
             class="ant-input-number-handler ant-input-number-handler-up "
+            role="button"
             unselectable="unselectable"
           >
             <span
@@ -195,7 +198,10 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
             />
           </span>
           <span
+            aria-disabled="true"
+            aria-label="Decrease Value"
             class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled"
+            role="button"
             unselectable="unselectable"
           >
             <span
@@ -205,7 +211,11 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
           </span>
         </div>
         <div
+          aria-valuemax="20"
+          aria-valuemin="1"
+          aria-valuenow="1"
           class="ant-input-number-input-wrap"
+          role="spinbutton"
         >
           <input
             autocomplete="off"
@@ -257,7 +267,10 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
           class="ant-input-number-handler-wrap"
         >
           <span
+            aria-disabled="false"
+            aria-label="Increase Value"
             class="ant-input-number-handler ant-input-number-handler-up "
+            role="button"
             unselectable="unselectable"
           >
             <span
@@ -266,7 +279,10 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
             />
           </span>
           <span
+            aria-disabled="false"
+            aria-label="Decrease Value"
             class="ant-input-number-handler ant-input-number-handler-down "
+            role="button"
             unselectable="unselectable"
           >
             <span
@@ -276,7 +292,11 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
           </span>
         </div>
         <div
+          aria-valuemax="1"
+          aria-valuemin="0"
+          aria-valuenow="0"
           class="ant-input-number-input-wrap"
+          role="spinbutton"
         >
           <input
             autocomplete="off"