diff --git a/components/config-provider/__tests__/__snapshots__/components.test.js.snap b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
index f3a84984c840..42395b9cc641 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.js.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
@@ -7410,14 +7410,14 @@ exports[`ConfigProvider components InputNumber configProvider 1`] = `
     </span>
   </div>
   <div
-    aria-valuemin="-9007199254740991"
     class="config-input-number-input-wrap"
-    role="spinbutton"
   >
     <input
+      aria-valuemin="-9007199254740991"
       autocomplete="off"
       class="config-input-number-input"
       min="-9007199254740991"
+      role="spinbutton"
       step="1"
       value=""
     />
@@ -7488,14 +7488,14 @@ exports[`ConfigProvider components InputNumber normal 1`] = `
     </span>
   </div>
   <div
-    aria-valuemin="-9007199254740991"
     class="ant-input-number-input-wrap"
-    role="spinbutton"
   >
     <input
+      aria-valuemin="-9007199254740991"
       autocomplete="off"
       class="ant-input-number-input"
       min="-9007199254740991"
+      role="spinbutton"
       step="1"
       value=""
     />
@@ -7566,14 +7566,14 @@ exports[`ConfigProvider components InputNumber prefixCls 1`] = `
     </span>
   </div>
   <div
-    aria-valuemin="-9007199254740991"
     class="prefix-InputNumber-input-wrap"
-    role="spinbutton"
   >
     <input
+      aria-valuemin="-9007199254740991"
       autocomplete="off"
       class="prefix-InputNumber-input"
       min="-9007199254740991"
+      role="spinbutton"
       step="1"
       value=""
     />
diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index 98cc6056a3d9..6bab2eda2d1a 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -2385,14 +2385,14 @@ exports[`renders ./components/form/demo/style-check-debug.md correctly 1`] = `
                     </span>
                   </div>
                   <div
-                    aria-valuemin="-9007199254740991"
                     class="ant-input-number-input-wrap"
-                    role="spinbutton"
                   >
                     <input
+                      aria-valuemin="-9007199254740991"
                       autocomplete="off"
                       class="ant-input-number-input"
                       min="-9007199254740991"
+                      role="spinbutton"
                       step="1"
                       value=""
                     />
@@ -3244,13 +3244,12 @@ 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
+                aria-valuemax="10"
+                aria-valuemin="1"
+                aria-valuenow="3"
                 autocomplete="off"
                 class="ant-input-number-input"
                 data-__field="[object Object]"
@@ -3258,6 +3257,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
                 id="validate_other_input-number"
                 max="10"
                 min="1"
+                role="spinbutton"
                 step="1"
                 value="3"
               />
@@ -5096,14 +5096,14 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
               </span>
             </div>
             <div
-              aria-valuemin="-9007199254740991"
               class="ant-input-number-input-wrap"
-              role="spinbutton"
             >
               <input
+                aria-valuemin="-9007199254740991"
                 autocomplete="off"
                 class="ant-input-number-input"
                 min="-9007199254740991"
+                role="spinbutton"
                 step="1"
                 value=""
               />
@@ -5227,17 +5227,17 @@ 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
+                aria-valuemax="12"
+                aria-valuemin="8"
+                aria-valuenow="11"
                 autocomplete="off"
                 class="ant-input-number-input"
                 max="12"
                 min="8"
+                role="spinbutton"
                 step="1"
                 value="11"
               />
diff --git a/components/input-number/__tests__/__snapshots__/demo.test.js.snap b/components/input-number/__tests__/__snapshots__/demo.test.js.snap
index 30d8675d5979..f6e2ea0292ff 100644
--- a/components/input-number/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input-number/__tests__/__snapshots__/demo.test.js.snap
@@ -63,17 +63,17 @@ 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
+      aria-valuemax="10"
+      aria-valuemin="1"
+      aria-valuenow="3"
       autocomplete="off"
       class="ant-input-number-input"
       max="10"
       min="1"
+      role="spinbutton"
       step="1"
       value="3"
     />
@@ -144,16 +144,16 @@ 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
+      aria-valuemax="10"
+      aria-valuemin="0"
       autocomplete="off"
       class="ant-input-number-input"
       max="10"
       min="0"
+      role="spinbutton"
       step="0.1"
       value=""
     />
@@ -225,18 +225,18 @@ 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
+        aria-valuemax="10"
+        aria-valuemin="1"
+        aria-valuenow="3"
         autocomplete="off"
         class="ant-input-number-input"
         disabled=""
         max="10"
         min="1"
+        role="spinbutton"
         step="1"
         value="3"
       />
@@ -321,15 +321,15 @@ exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = `
       </span>
     </div>
     <div
-      aria-valuemin="-9007199254740991"
-      aria-valuenow="1000"
       class="ant-input-number-input-wrap"
-      role="spinbutton"
     >
       <input
+        aria-valuemin="-9007199254740991"
+        aria-valuenow="1000"
         autocomplete="off"
         class="ant-input-number-input"
         min="-9007199254740991"
+        role="spinbutton"
         step="1"
         value="$ 1,000"
       />
@@ -397,17 +397,17 @@ 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
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="100"
         autocomplete="off"
         class="ant-input-number-input"
         max="100"
         min="0"
+        role="spinbutton"
         step="1"
         value="100%"
       />
@@ -480,17 +480,17 @@ 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
+        aria-valuemax="100000"
+        aria-valuemin="1"
+        aria-valuenow="3"
         autocomplete="off"
         class="ant-input-number-input"
         max="100000"
         min="1"
+        role="spinbutton"
         step="1"
         value="3"
       />
@@ -558,17 +558,17 @@ 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
+        aria-valuemax="100000"
+        aria-valuemin="1"
+        aria-valuenow="3"
         autocomplete="off"
         class="ant-input-number-input"
         max="100000"
         min="1"
+        role="spinbutton"
         step="1"
         value="3"
       />
@@ -636,17 +636,17 @@ 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
+        aria-valuemax="100000"
+        aria-valuemin="1"
+        aria-valuenow="3"
         autocomplete="off"
         class="ant-input-number-input"
         max="100000"
         min="1"
+        role="spinbutton"
         step="1"
         value="3"
       />
diff --git a/components/input/__tests__/__snapshots__/demo.test.js.snap b/components/input/__tests__/__snapshots__/demo.test.js.snap
index 2eaa58b129a6..13b8b246188a 100644
--- a/components/input/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.js.snap
@@ -342,14 +342,14 @@ exports[`renders ./components/input/demo/align.md correctly 1`] = `
       </span>
     </div>
     <div
-      aria-valuemin="-9007199254740991"
       class="ant-input-number-input-wrap"
-      role="spinbutton"
     >
       <input
+        aria-valuemin="-9007199254740991"
         autocomplete="off"
         class="ant-input-number-input"
         min="-9007199254740991"
+        role="spinbutton"
         step="1"
         value=""
       />
@@ -1105,14 +1105,14 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
         </span>
       </div>
       <div
-        aria-valuemin="-9007199254740991"
         class="ant-input-number-input-wrap"
-        role="spinbutton"
       >
         <input
+          aria-valuemin="-9007199254740991"
           autocomplete="off"
           class="ant-input-number-input"
           min="-9007199254740991"
+          role="spinbutton"
           step="1"
           value=""
         />
diff --git a/components/slider/__tests__/__snapshots__/demo.test.js.snap b/components/slider/__tests__/__snapshots__/demo.test.js.snap
index 2c4c6aef5d42..5050e829832e 100644
--- a/components/slider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/slider/__tests__/__snapshots__/demo.test.js.snap
@@ -325,17 +325,17 @@ 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
+            aria-valuemax="20"
+            aria-valuemin="1"
+            aria-valuenow="1"
             autocomplete="off"
             class="ant-input-number-input"
             max="20"
             min="1"
+            role="spinbutton"
             step="1"
             value="1"
           />
@@ -443,17 +443,17 @@ 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
+            aria-valuemax="1"
+            aria-valuemin="0"
+            aria-valuenow="0"
             autocomplete="off"
             class="ant-input-number-input"
             max="1"
             min="0"
+            role="spinbutton"
             step="0.01"
             value="0.00"
           />