diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
deleted file mode 100644
index 567649f479..0000000000
--- a/.github/CODEOWNERS
+++ /dev/null
@@ -1,4 +0,0 @@
-package.json          @ant-design/ant-design-core
-.github/workflows/    @ant-design/ant-design-core
-scripts/              @ant-design/ant-design-core
-LICENSE               @ant-design/ant-design-core
\ No newline at end of file
diff --git a/.stylelintrc.json b/.stylelintrc.json
index b5af6dd10a..3ee014415a 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -13,6 +13,7 @@
       {
         "ignoreFunctions": [
           "fade",
+          "fadeout",
           "tint",
           "darken",
           "ceil",
diff --git a/components/auto-complete/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/auto-complete/__tests__/__snapshots__/demo-extend.test.ts.snap
index 325a0faabf..928df24883 100644
--- a/components/auto-complete/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/auto-complete/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -522,9 +522,11 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class=""
@@ -535,6 +537,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -589,9 +592,11 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class=""
@@ -602,6 +607,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -730,9 +736,11 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class=""
@@ -743,6 +751,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -917,9 +926,11 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class=""
@@ -930,6 +941,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1011,9 +1023,11 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class=""
@@ -1024,6 +1038,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1225,9 +1240,11 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class=""
@@ -1238,6 +1255,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1448,9 +1466,11 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class=""
@@ -1461,6 +1481,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md extend context co
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
diff --git a/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap b/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
index b5774b17fd..886e28e7cc 100644
--- a/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
@@ -174,9 +174,11 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class=""
@@ -187,6 +189,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -227,9 +230,11 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class=""
@@ -240,6 +245,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -308,9 +314,11 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class=""
@@ -321,6 +329,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -421,9 +430,11 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class=""
@@ -434,6 +445,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -501,9 +513,11 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class=""
@@ -514,6 +528,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -641,9 +656,11 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class=""
@@ -654,6 +671,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -790,9 +808,11 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class=""
@@ -803,6 +823,7 @@ exports[`renders ./components/auto-complete/demo/form-debug.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
diff --git a/components/avatar/demo/fallback.md b/components/avatar/demo/fallback.md
index 19f7437d75..53a10bc6e7 100644
--- a/components/avatar/demo/fallback.md
+++ b/components/avatar/demo/fallback.md
@@ -8,11 +8,11 @@ debug: true
 
 ## zh-CN
 
-图片不存在时，会回退到 `src`。
+图片不存在时，如果 `src` 本身是个 ReactElement，会尝试回退到 `src`，否则尝试回退到 `icon`，最后回退到显示 `children`。
 
 ## en-US
 
-图片不存在时，会回退到 `src`。
+图片不存在时，如果 `src` 本身是个 ReactElement，会尝试回退到 `src`，否则尝试回退到 `icon`，最后回退到显示 `children`。
 
 ```tsx
 import { Avatar } from 'antd';
diff --git a/components/calendar/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/calendar/__tests__/__snapshots__/demo-extend.test.ts.snap
index 75b231e364..3826ee833c 100644
--- a/components/calendar/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/calendar/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -3185,10 +3185,12 @@ exports[`renders ./components/calendar/demo/customize-header.md extend context c
       </h4>
       <div
         class="ant-row"
+        role="row"
         style="margin-left:-4px;margin-right:-4px"
       >
         <div
           class="ant-col"
+          role="cell"
           style="padding-left:4px;padding-right:4px"
         >
           <div
@@ -3237,6 +3239,7 @@ exports[`renders ./components/calendar/demo/customize-header.md extend context c
         </div>
         <div
           class="ant-col"
+          role="cell"
           style="padding-left:4px;padding-right:4px"
         >
           <div
@@ -3687,6 +3690,7 @@ exports[`renders ./components/calendar/demo/customize-header.md extend context c
         </div>
         <div
           class="ant-col"
+          role="cell"
           style="padding-left:4px;padding-right:4px"
         >
           <div
diff --git a/components/calendar/__tests__/__snapshots__/demo.test.js.snap b/components/calendar/__tests__/__snapshots__/demo.test.js.snap
index a078f79ae0..cda7c516e0 100644
--- a/components/calendar/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/calendar/__tests__/__snapshots__/demo.test.js.snap
@@ -1905,10 +1905,12 @@ exports[`renders ./components/calendar/demo/customize-header.md correctly 1`] =
       </h4>
       <div
         class="ant-row"
+        role="row"
         style="margin-left:-4px;margin-right:-4px"
       >
         <div
           class="ant-col"
+          role="cell"
           style="padding-left:4px;padding-right:4px"
         >
           <div
@@ -1957,6 +1959,7 @@ exports[`renders ./components/calendar/demo/customize-header.md correctly 1`] =
         </div>
         <div
           class="ant-col"
+          role="cell"
           style="padding-left:4px;padding-right:4px"
         >
           <div
@@ -2021,6 +2024,7 @@ exports[`renders ./components/calendar/demo/customize-header.md correctly 1`] =
         </div>
         <div
           class="ant-col"
+          role="cell"
           style="padding-left:4px;padding-right:4px"
         >
           <div
diff --git a/components/calendar/generateCalendar.tsx b/components/calendar/generateCalendar.tsx
index e6c6d4a473..f31fff7936 100644
--- a/components/calendar/generateCalendar.tsx
+++ b/components/calendar/generateCalendar.tsx
@@ -139,8 +139,6 @@ function generateCalendar<DateType>(generateConfig: GenerateConfig<DateType>) {
     };
 
     const triggerChange = (date: DateType) => {
-      console.log('trigger change!!!', isSameDate(date, mergedValue));
-      console.log('trigger change!!!', String(date), String(mergedValue));
       setMergedValue(date);
 
       if (!isSameDate(date, mergedValue)) {
diff --git a/components/card/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/card/__tests__/__snapshots__/demo-extend.test.ts.snap
index 8d514e5d1e..044c2381a7 100644
--- a/components/card/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/card/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -233,10 +233,12 @@ exports[`renders ./components/card/demo/in-column.md extend context correctly 1`
 >
   <div
     class="ant-row"
+    role="row"
     style="margin-left:-8px;margin-right:-8px"
   >
     <div
       class="ant-col ant-col-8"
+      role="cell"
       style="padding-left:8px;padding-right:8px"
     >
       <div
@@ -264,6 +266,7 @@ exports[`renders ./components/card/demo/in-column.md extend context correctly 1`
     </div>
     <div
       class="ant-col ant-col-8"
+      role="cell"
       style="padding-left:8px;padding-right:8px"
     >
       <div
@@ -291,6 +294,7 @@ exports[`renders ./components/card/demo/in-column.md extend context correctly 1`
     </div>
     <div
       class="ant-col ant-col-8"
+      role="cell"
       style="padding-left:8px;padding-right:8px"
     >
       <div
@@ -434,10 +438,12 @@ Array [
       >
         <div
           class="ant-row"
+          role="row"
           style="margin-left:-4px;margin-right:-4px"
         >
           <div
             class="ant-col ant-col-22"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
@@ -447,10 +453,12 @@ Array [
         </div>
         <div
           class="ant-row"
+          role="row"
           style="margin-left:-4px;margin-right:-4px"
         >
           <div
             class="ant-col ant-col-8"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
@@ -459,6 +467,7 @@ Array [
           </div>
           <div
             class="ant-col ant-col-15"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
@@ -468,10 +477,12 @@ Array [
         </div>
         <div
           class="ant-row"
+          role="row"
           style="margin-left:-4px;margin-right:-4px"
         >
           <div
             class="ant-col ant-col-6"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
@@ -480,6 +491,7 @@ Array [
           </div>
           <div
             class="ant-col ant-col-18"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
@@ -489,10 +501,12 @@ Array [
         </div>
         <div
           class="ant-row"
+          role="row"
           style="margin-left:-4px;margin-right:-4px"
         >
           <div
             class="ant-col ant-col-13"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
@@ -501,6 +515,7 @@ Array [
           </div>
           <div
             class="ant-col ant-col-9"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
@@ -510,10 +525,12 @@ Array [
         </div>
         <div
           class="ant-row"
+          role="row"
           style="margin-left:-4px;margin-right:-4px"
         >
           <div
             class="ant-col ant-col-4"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
@@ -522,6 +539,7 @@ Array [
           </div>
           <div
             class="ant-col ant-col-3"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
@@ -530,6 +548,7 @@ Array [
           </div>
           <div
             class="ant-col ant-col-16"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
diff --git a/components/card/__tests__/__snapshots__/demo.test.js.snap b/components/card/__tests__/__snapshots__/demo.test.js.snap
index 2f8eefb762..9c9c9400c4 100644
--- a/components/card/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/card/__tests__/__snapshots__/demo.test.js.snap
@@ -233,10 +233,12 @@ exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
 >
   <div
     class="ant-row"
+    role="row"
     style="margin-left:-8px;margin-right:-8px"
   >
     <div
       class="ant-col ant-col-8"
+      role="cell"
       style="padding-left:8px;padding-right:8px"
     >
       <div
@@ -264,6 +266,7 @@ exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-8"
+      role="cell"
       style="padding-left:8px;padding-right:8px"
     >
       <div
@@ -291,6 +294,7 @@ exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-8"
+      role="cell"
       style="padding-left:8px;padding-right:8px"
     >
       <div
@@ -434,10 +438,12 @@ Array [
       >
         <div
           class="ant-row"
+          role="row"
           style="margin-left:-4px;margin-right:-4px"
         >
           <div
             class="ant-col ant-col-22"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
@@ -447,10 +453,12 @@ Array [
         </div>
         <div
           class="ant-row"
+          role="row"
           style="margin-left:-4px;margin-right:-4px"
         >
           <div
             class="ant-col ant-col-8"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
@@ -459,6 +467,7 @@ Array [
           </div>
           <div
             class="ant-col ant-col-15"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
@@ -468,10 +477,12 @@ Array [
         </div>
         <div
           class="ant-row"
+          role="row"
           style="margin-left:-4px;margin-right:-4px"
         >
           <div
             class="ant-col ant-col-6"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
@@ -480,6 +491,7 @@ Array [
           </div>
           <div
             class="ant-col ant-col-18"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
@@ -489,10 +501,12 @@ Array [
         </div>
         <div
           class="ant-row"
+          role="row"
           style="margin-left:-4px;margin-right:-4px"
         >
           <div
             class="ant-col ant-col-13"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
@@ -501,6 +515,7 @@ Array [
           </div>
           <div
             class="ant-col ant-col-9"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
@@ -510,10 +525,12 @@ Array [
         </div>
         <div
           class="ant-row"
+          role="row"
           style="margin-left:-4px;margin-right:-4px"
         >
           <div
             class="ant-col ant-col-4"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
@@ -522,6 +539,7 @@ Array [
           </div>
           <div
             class="ant-col ant-col-3"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
@@ -530,6 +548,7 @@ Array [
           </div>
           <div
             class="ant-col ant-col-16"
+            role="cell"
             style="padding-left:4px;padding-right:4px"
           >
             <div
diff --git a/components/card/__tests__/__snapshots__/index.test.js.snap b/components/card/__tests__/__snapshots__/index.test.js.snap
index 7819e2e6a0..fa7080e240 100644
--- a/components/card/__tests__/__snapshots__/index.test.js.snap
+++ b/components/card/__tests__/__snapshots__/index.test.js.snap
@@ -24,10 +24,12 @@ exports[`Card should still have padding when card which set padding to 0 is load
     >
       <div
         class="ant-row"
+        role="row"
         style="margin-left: -4px; margin-right: -4px;"
       >
         <div
           class="ant-col ant-col-22"
+          role="cell"
           style="padding-left: 4px; padding-right: 4px;"
         >
           <div
@@ -37,10 +39,12 @@ exports[`Card should still have padding when card which set padding to 0 is load
       </div>
       <div
         class="ant-row"
+        role="row"
         style="margin-left: -4px; margin-right: -4px;"
       >
         <div
           class="ant-col ant-col-8"
+          role="cell"
           style="padding-left: 4px; padding-right: 4px;"
         >
           <div
@@ -49,6 +53,7 @@ exports[`Card should still have padding when card which set padding to 0 is load
         </div>
         <div
           class="ant-col ant-col-15"
+          role="cell"
           style="padding-left: 4px; padding-right: 4px;"
         >
           <div
@@ -58,10 +63,12 @@ exports[`Card should still have padding when card which set padding to 0 is load
       </div>
       <div
         class="ant-row"
+        role="row"
         style="margin-left: -4px; margin-right: -4px;"
       >
         <div
           class="ant-col ant-col-6"
+          role="cell"
           style="padding-left: 4px; padding-right: 4px;"
         >
           <div
@@ -70,6 +77,7 @@ exports[`Card should still have padding when card which set padding to 0 is load
         </div>
         <div
           class="ant-col ant-col-18"
+          role="cell"
           style="padding-left: 4px; padding-right: 4px;"
         >
           <div
@@ -79,10 +87,12 @@ exports[`Card should still have padding when card which set padding to 0 is load
       </div>
       <div
         class="ant-row"
+        role="row"
         style="margin-left: -4px; margin-right: -4px;"
       >
         <div
           class="ant-col ant-col-13"
+          role="cell"
           style="padding-left: 4px; padding-right: 4px;"
         >
           <div
@@ -91,6 +101,7 @@ exports[`Card should still have padding when card which set padding to 0 is load
         </div>
         <div
           class="ant-col ant-col-9"
+          role="cell"
           style="padding-left: 4px; padding-right: 4px;"
         >
           <div
@@ -100,10 +111,12 @@ exports[`Card should still have padding when card which set padding to 0 is load
       </div>
       <div
         class="ant-row"
+        role="row"
         style="margin-left: -4px; margin-right: -4px;"
       >
         <div
           class="ant-col ant-col-4"
+          role="cell"
           style="padding-left: 4px; padding-right: 4px;"
         >
           <div
@@ -112,6 +125,7 @@ exports[`Card should still have padding when card which set padding to 0 is load
         </div>
         <div
           class="ant-col ant-col-3"
+          role="cell"
           style="padding-left: 4px; padding-right: 4px;"
         >
           <div
@@ -120,6 +134,7 @@ exports[`Card should still have padding when card which set padding to 0 is load
         </div>
         <div
           class="ant-col ant-col-16"
+          role="cell"
           style="padding-left: 4px; padding-right: 4px;"
         >
           <div
diff --git a/components/checkbox/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/checkbox/__tests__/__snapshots__/demo-extend.test.ts.snap
index 5271081f95..8c71bae686 100644
--- a/components/checkbox/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/checkbox/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -606,9 +606,11 @@ exports[`renders ./components/checkbox/demo/layout.md extend context correctly 1
 >
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-8"
+      role="cell"
     >
       <label
         class="ant-checkbox-wrapper"
@@ -632,6 +634,7 @@ exports[`renders ./components/checkbox/demo/layout.md extend context correctly 1
     </div>
     <div
       class="ant-col ant-col-8"
+      role="cell"
     >
       <label
         class="ant-checkbox-wrapper"
@@ -655,6 +658,7 @@ exports[`renders ./components/checkbox/demo/layout.md extend context correctly 1
     </div>
     <div
       class="ant-col ant-col-8"
+      role="cell"
     >
       <label
         class="ant-checkbox-wrapper"
@@ -678,6 +682,7 @@ exports[`renders ./components/checkbox/demo/layout.md extend context correctly 1
     </div>
     <div
       class="ant-col ant-col-8"
+      role="cell"
     >
       <label
         class="ant-checkbox-wrapper"
@@ -701,6 +706,7 @@ exports[`renders ./components/checkbox/demo/layout.md extend context correctly 1
     </div>
     <div
       class="ant-col ant-col-8"
+      role="cell"
     >
       <label
         class="ant-checkbox-wrapper"
diff --git a/components/checkbox/__tests__/__snapshots__/demo.test.js.snap b/components/checkbox/__tests__/__snapshots__/demo.test.js.snap
index 4261f83365..24c6d283a6 100644
--- a/components/checkbox/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/checkbox/__tests__/__snapshots__/demo.test.js.snap
@@ -606,9 +606,11 @@ exports[`renders ./components/checkbox/demo/layout.md correctly 1`] = `
 >
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-8"
+      role="cell"
     >
       <label
         class="ant-checkbox-wrapper"
@@ -632,6 +634,7 @@ exports[`renders ./components/checkbox/demo/layout.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-8"
+      role="cell"
     >
       <label
         class="ant-checkbox-wrapper"
@@ -655,6 +658,7 @@ exports[`renders ./components/checkbox/demo/layout.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-8"
+      role="cell"
     >
       <label
         class="ant-checkbox-wrapper"
@@ -678,6 +682,7 @@ exports[`renders ./components/checkbox/demo/layout.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-8"
+      role="cell"
     >
       <label
         class="ant-checkbox-wrapper"
@@ -701,6 +706,7 @@ exports[`renders ./components/checkbox/demo/layout.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-8"
+      role="cell"
     >
       <label
         class="ant-checkbox-wrapper"
diff --git a/components/comment/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/comment/__tests__/__snapshots__/demo-extend.test.ts.snap
index 524768aef5..6d43c6b914 100644
--- a/components/comment/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/comment/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -216,9 +216,11 @@ exports[`renders ./components/comment/demo/editor.md extend context correctly 1`
       >
         <div
           class="ant-row ant-form-item"
+          role="row"
         >
           <div
             class="ant-col ant-form-item-control"
+            role="cell"
           >
             <div
               class="ant-form-item-control-input"
@@ -236,9 +238,11 @@ exports[`renders ./components/comment/demo/editor.md extend context correctly 1`
         </div>
         <div
           class="ant-row ant-form-item"
+          role="row"
         >
           <div
             class="ant-col ant-form-item-control"
+            role="cell"
           >
             <div
               class="ant-form-item-control-input"
diff --git a/components/comment/__tests__/__snapshots__/demo.test.js.snap b/components/comment/__tests__/__snapshots__/demo.test.js.snap
index 72e2762a9c..d14139acc1 100644
--- a/components/comment/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/comment/__tests__/__snapshots__/demo.test.js.snap
@@ -144,9 +144,11 @@ exports[`renders ./components/comment/demo/editor.md correctly 1`] = `
       >
         <div
           class="ant-row ant-form-item"
+          role="row"
         >
           <div
             class="ant-col ant-form-item-control"
+            role="cell"
           >
             <div
               class="ant-form-item-control-input"
@@ -164,9 +166,11 @@ exports[`renders ./components/comment/demo/editor.md correctly 1`] = `
         </div>
         <div
           class="ant-row ant-form-item"
+          role="row"
         >
           <div
             class="ant-col ant-form-item-control"
+            role="cell"
           >
             <div
               class="ant-form-item-control-input"
diff --git a/components/config-provider/__tests__/__snapshots__/components.test.js.snap b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
index 8e6e60db56..993db5643c 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.js.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
@@ -13368,9 +13368,11 @@ exports[`ConfigProvider components Form configProvider 1`] = `
 >
   <div
     class="config-row config-form-item config-form-item-with-help config-form-item-has-error"
+    role="row"
   >
     <div
       class="config-col config-form-item-control"
+      role="cell"
     >
       <div
         class="config-form-item-control-input"
@@ -13406,9 +13408,11 @@ exports[`ConfigProvider components Form configProvider componentSize large 1`] =
 >
   <div
     class="config-row config-form-item config-form-item-with-help config-form-item-has-error"
+    role="row"
   >
     <div
       class="config-col config-form-item-control"
+      role="cell"
     >
       <div
         class="config-form-item-control-input"
@@ -13444,9 +13448,11 @@ exports[`ConfigProvider components Form configProvider componentSize middle 1`]
 >
   <div
     class="config-row config-form-item config-form-item-with-help config-form-item-has-error"
+    role="row"
   >
     <div
       class="config-col config-form-item-control"
+      role="cell"
     >
       <div
         class="config-form-item-control-input"
@@ -13482,9 +13488,11 @@ exports[`ConfigProvider components Form configProvider virtual and dropdownMatch
 >
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -13520,9 +13528,11 @@ exports[`ConfigProvider components Form normal 1`] = `
 >
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -13558,9 +13568,11 @@ exports[`ConfigProvider components Form prefixCls 1`] = `
 >
   <div
     class="ant-row prefix-Form-item prefix-Form-item-with-help prefix-Form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col prefix-Form-item-control"
+      role="cell"
     >
       <div
         class="prefix-Form-item-control-input"
@@ -13593,9 +13605,11 @@ exports[`ConfigProvider components Form prefixCls 1`] = `
 exports[`ConfigProvider components Grid configProvider 1`] = `
 <div
   class="config-row"
+  role="row"
 >
   <div
     class="config-col config-col-1"
+    role="cell"
   />
 </div>
 `;
@@ -13603,9 +13617,11 @@ exports[`ConfigProvider components Grid configProvider 1`] = `
 exports[`ConfigProvider components Grid configProvider componentSize large 1`] = `
 <div
   class="config-row"
+  role="row"
 >
   <div
     class="config-col config-col-1"
+    role="cell"
   />
 </div>
 `;
@@ -13613,9 +13629,11 @@ exports[`ConfigProvider components Grid configProvider componentSize large 1`] =
 exports[`ConfigProvider components Grid configProvider componentSize middle 1`] = `
 <div
   class="config-row"
+  role="row"
 >
   <div
     class="config-col config-col-1"
+    role="cell"
   />
 </div>
 `;
@@ -13623,9 +13641,11 @@ exports[`ConfigProvider components Grid configProvider componentSize middle 1`]
 exports[`ConfigProvider components Grid configProvider virtual and dropdownMatchSelectWidth 1`] = `
 <div
   class="ant-row"
+  role="row"
 >
   <div
     class="ant-col ant-col-1"
+    role="cell"
   />
 </div>
 `;
@@ -13633,9 +13653,11 @@ exports[`ConfigProvider components Grid configProvider virtual and dropdownMatch
 exports[`ConfigProvider components Grid normal 1`] = `
 <div
   class="ant-row"
+  role="row"
 >
   <div
     class="ant-col ant-col-1"
+    role="cell"
   />
 </div>
 `;
@@ -13643,9 +13665,11 @@ exports[`ConfigProvider components Grid normal 1`] = `
 exports[`ConfigProvider components Grid prefixCls 1`] = `
 <div
   class="prefix-row"
+  role="row"
 >
   <div
     class="prefix-col prefix-col-1"
+    role="cell"
   />
 </div>
 `;
diff --git a/components/config-provider/__tests__/__snapshots__/form.test.js.snap b/components/config-provider/__tests__/__snapshots__/form.test.js.snap
index d04898ef93..42559773ef 100644
--- a/components/config-provider/__tests__/__snapshots__/form.test.js.snap
+++ b/components/config-provider/__tests__/__snapshots__/form.test.js.snap
@@ -6,9 +6,11 @@ exports[`ConfigProvider.Form form requiredMark set requiredMark optional 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required-mark-optional"
@@ -26,6 +28,7 @@ exports[`ConfigProvider.Form form requiredMark set requiredMark optional 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
diff --git a/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
index e43b509fbe..b7ad30f62b 100644
--- a/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -8,17 +8,21 @@ exports[`renders ./components/form/demo/advanced-search.md extend context correc
   >
     <div
       class="ant-row"
+      role="row"
       style="margin-left:-12px;margin-right:-12px"
     >
       <div
         class="ant-col ant-col-8"
+        role="cell"
         style="padding-left:12px;padding-right:12px"
       >
         <div
           class="ant-row ant-form-item"
+          role="row"
         >
           <div
             class="ant-col ant-form-item-label"
+            role="cell"
           >
             <label
               class="ant-form-item-required"
@@ -30,6 +34,7 @@ exports[`renders ./components/form/demo/advanced-search.md extend context correc
           </div>
           <div
             class="ant-col ant-form-item-control"
+            role="cell"
           >
             <div
               class="ant-form-item-control-input"
@@ -51,13 +56,16 @@ exports[`renders ./components/form/demo/advanced-search.md extend context correc
       </div>
       <div
         class="ant-col ant-col-8"
+        role="cell"
         style="padding-left:12px;padding-right:12px"
       >
         <div
           class="ant-row ant-form-item"
+          role="row"
         >
           <div
             class="ant-col ant-form-item-label"
+            role="cell"
           >
             <label
               class="ant-form-item-required"
@@ -69,6 +77,7 @@ exports[`renders ./components/form/demo/advanced-search.md extend context correc
           </div>
           <div
             class="ant-col ant-form-item-control"
+            role="cell"
           >
             <div
               class="ant-form-item-control-input"
@@ -225,13 +234,16 @@ exports[`renders ./components/form/demo/advanced-search.md extend context correc
       </div>
       <div
         class="ant-col ant-col-8"
+        role="cell"
         style="padding-left:12px;padding-right:12px"
       >
         <div
           class="ant-row ant-form-item"
+          role="row"
         >
           <div
             class="ant-col ant-form-item-label"
+            role="cell"
           >
             <label
               class="ant-form-item-required"
@@ -243,6 +255,7 @@ exports[`renders ./components/form/demo/advanced-search.md extend context correc
           </div>
           <div
             class="ant-col ant-form-item-control"
+            role="cell"
           >
             <div
               class="ant-form-item-control-input"
@@ -264,13 +277,16 @@ exports[`renders ./components/form/demo/advanced-search.md extend context correc
       </div>
       <div
         class="ant-col ant-col-8"
+        role="cell"
         style="padding-left:12px;padding-right:12px"
       >
         <div
           class="ant-row ant-form-item"
+          role="row"
         >
           <div
             class="ant-col ant-form-item-label"
+            role="cell"
           >
             <label
               class="ant-form-item-required"
@@ -282,6 +298,7 @@ exports[`renders ./components/form/demo/advanced-search.md extend context correc
           </div>
           <div
             class="ant-col ant-form-item-control"
+            role="cell"
           >
             <div
               class="ant-form-item-control-input"
@@ -303,13 +320,16 @@ exports[`renders ./components/form/demo/advanced-search.md extend context correc
       </div>
       <div
         class="ant-col ant-col-8"
+        role="cell"
         style="padding-left:12px;padding-right:12px"
       >
         <div
           class="ant-row ant-form-item"
+          role="row"
         >
           <div
             class="ant-col ant-form-item-label"
+            role="cell"
           >
             <label
               class="ant-form-item-required"
@@ -321,6 +341,7 @@ exports[`renders ./components/form/demo/advanced-search.md extend context correc
           </div>
           <div
             class="ant-col ant-form-item-control"
+            role="cell"
           >
             <div
               class="ant-form-item-control-input"
@@ -477,13 +498,16 @@ exports[`renders ./components/form/demo/advanced-search.md extend context correc
       </div>
       <div
         class="ant-col ant-col-8"
+        role="cell"
         style="padding-left:12px;padding-right:12px"
       >
         <div
           class="ant-row ant-form-item"
+          role="row"
         >
           <div
             class="ant-col ant-form-item-label"
+            role="cell"
           >
             <label
               class="ant-form-item-required"
@@ -495,6 +519,7 @@ exports[`renders ./components/form/demo/advanced-search.md extend context correc
           </div>
           <div
             class="ant-col ant-form-item-control"
+            role="cell"
           >
             <div
               class="ant-form-item-control-input"
@@ -517,9 +542,11 @@ exports[`renders ./components/form/demo/advanced-search.md extend context correc
     </div>
     <div
       class="ant-row"
+      role="row"
     >
       <div
         class="ant-col ant-col-24"
+        role="cell"
         style="text-align:right"
       >
         <button
@@ -582,9 +609,11 @@ exports[`renders ./components/form/demo/basic.md extend context correctly 1`] =
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -596,6 +625,7 @@ exports[`renders ./components/form/demo/basic.md extend context correctly 1`] =
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -615,9 +645,11 @@ exports[`renders ./components/form/demo/basic.md extend context correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -629,6 +661,7 @@ exports[`renders ./components/form/demo/basic.md extend context correctly 1`] =
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -680,9 +713,11 @@ exports[`renders ./components/form/demo/basic.md extend context correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -716,9 +751,11 @@ exports[`renders ./components/form/demo/basic.md extend context correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -750,9 +787,11 @@ Array [
   >
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-col-24 ant-form-item-label"
+        role="cell"
       >
         <label
           class="ant-form-item-required"
@@ -764,6 +803,7 @@ Array [
       </div>
       <div
         class="ant-col ant-col-24 ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -783,9 +823,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-col-24 ant-form-item-label"
+        role="cell"
       >
         <label
           class="ant-form-item-required"
@@ -797,6 +839,7 @@ Array [
       </div>
       <div
         class="ant-col ant-col-24 ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -848,9 +891,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-col-24 ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -878,9 +923,11 @@ Array [
   >
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label ant-col-sm-24 ant-col-xl-24"
+        role="cell"
       >
         <label
           class="ant-form-item-required"
@@ -892,6 +939,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control ant-col-sm-24 ant-col-xl-24"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -911,9 +959,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label ant-col-sm-24 ant-col-xl-24"
+        role="cell"
       >
         <label
           class="ant-form-item-required"
@@ -925,6 +975,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control ant-col-sm-24 ant-col-xl-24"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -976,9 +1027,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-control ant-col-sm-24 ant-col-xl-24"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -1009,9 +1062,11 @@ exports[`renders ./components/form/demo/control-hooks.md extend context correctl
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -1023,6 +1078,7 @@ exports[`renders ./components/form/demo/control-hooks.md extend context correctl
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1042,9 +1098,11 @@ exports[`renders ./components/form/demo/control-hooks.md extend context correctl
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -1056,6 +1114,7 @@ exports[`renders ./components/form/demo/control-hooks.md extend context correctl
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1227,9 +1286,11 @@ exports[`renders ./components/form/demo/control-hooks.md extend context correctl
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1275,9 +1336,11 @@ exports[`renders ./components/form/demo/control-ref.md extend context correctly
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -1289,6 +1352,7 @@ exports[`renders ./components/form/demo/control-ref.md extend context correctly
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1308,9 +1372,11 @@ exports[`renders ./components/form/demo/control-ref.md extend context correctly
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -1322,6 +1388,7 @@ exports[`renders ./components/form/demo/control-ref.md extend context correctly
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1493,9 +1560,11 @@ exports[`renders ./components/form/demo/control-ref.md extend context correctly
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1541,9 +1610,11 @@ exports[`renders ./components/form/demo/customized-form-controls.md extend conte
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1555,6 +1626,7 @@ exports[`renders ./components/form/demo/customized-form-controls.md extend conte
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1718,9 +1790,11 @@ exports[`renders ./components/form/demo/customized-form-controls.md extend conte
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1751,9 +1825,11 @@ exports[`renders ./components/form/demo/dep-debug.md extend context correctly 1`
   0
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1765,6 +1841,7 @@ exports[`renders ./components/form/demo/dep-debug.md extend context correctly 1`
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1784,9 +1861,11 @@ exports[`renders ./components/form/demo/dep-debug.md extend context correctly 1`
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1798,6 +1877,7 @@ exports[`renders ./components/form/demo/dep-debug.md extend context correctly 1`
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1824,9 +1904,11 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1838,6 +1920,7 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1871,9 +1954,11 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1884,6 +1969,7 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1941,9 +2027,11 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1954,6 +2042,7 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1973,9 +2062,11 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1986,6 +2077,7 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2114,9 +2206,11 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -2127,6 +2221,7 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2294,9 +2389,11 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -2307,6 +2404,7 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2431,9 +2529,11 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -2444,6 +2544,7 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3051,9 +3152,11 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -3064,6 +3167,7 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4257,9 +4361,11 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4270,6 +4376,7 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4357,9 +4464,11 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4370,6 +4479,7 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4388,9 +4498,11 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4401,6 +4513,7 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4428,9 +4541,11 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4441,6 +4556,7 @@ exports[`renders ./components/form/demo/disabled.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4470,9 +4586,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4483,6 +4601,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4502,9 +4621,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4515,6 +4636,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4544,9 +4666,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4557,6 +4681,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4587,9 +4712,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4600,6 +4727,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4619,9 +4747,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4632,6 +4762,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4661,9 +4792,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4674,6 +4807,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4704,9 +4838,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4717,6 +4853,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4749,9 +4886,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4762,6 +4901,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4804,9 +4944,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4817,6 +4959,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4860,9 +5003,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4873,6 +5018,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4901,9 +5047,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4914,6 +5062,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4952,9 +5101,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4965,6 +5116,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md extend context c
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5012,9 +5164,11 @@ exports[`renders ./components/form/demo/dynamic-form-item.md extend context corr
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-20 ant-col-sm-offset-4"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5092,9 +5246,11 @@ exports[`renders ./components/form/demo/dynamic-form-item.md extend context corr
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-20 ant-col-sm-offset-4"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5125,9 +5281,11 @@ exports[`renders ./components/form/demo/dynamic-form-items.md extend context cor
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5172,9 +5330,11 @@ exports[`renders ./components/form/demo/dynamic-form-items.md extend context cor
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5205,9 +5365,11 @@ exports[`renders ./components/form/demo/dynamic-form-items-complex.md extend con
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -5219,6 +5381,7 @@ exports[`renders ./components/form/demo/dynamic-form-items-complex.md extend con
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5371,9 +5534,11 @@ exports[`renders ./components/form/demo/dynamic-form-items-complex.md extend con
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5418,9 +5583,11 @@ exports[`renders ./components/form/demo/dynamic-form-items-complex.md extend con
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5451,9 +5618,11 @@ exports[`renders ./components/form/demo/dynamic-form-items-no-style.md extend co
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -5464,6 +5633,7 @@ exports[`renders ./components/form/demo/dynamic-form-items-no-style.md extend co
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5473,9 +5643,11 @@ exports[`renders ./components/form/demo/dynamic-form-items-no-style.md extend co
         >
           <div
             class="ant-row ant-form-item"
+            role="row"
           >
             <div
               class="ant-col ant-form-item-control"
+              role="cell"
             >
               <div
                 class="ant-form-item-control-input"
@@ -5524,9 +5696,11 @@ exports[`renders ./components/form/demo/dynamic-form-items-no-style.md extend co
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5556,9 +5730,11 @@ exports[`renders ./components/form/demo/dynamic-rule.md extend context correctly
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -5570,6 +5746,7 @@ exports[`renders ./components/form/demo/dynamic-rule.md extend context correctly
     </div>
     <div
       class="ant-col ant-col-8 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5590,9 +5767,11 @@ exports[`renders ./components/form/demo/dynamic-rule.md extend context correctly
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -5604,6 +5783,7 @@ exports[`renders ./components/form/demo/dynamic-rule.md extend context correctly
     </div>
     <div
       class="ant-col ant-col-8 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5624,9 +5804,11 @@ exports[`renders ./components/form/demo/dynamic-rule.md extend context correctly
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-col-offset-4 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5658,9 +5840,11 @@ exports[`renders ./components/form/demo/dynamic-rule.md extend context correctly
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-col-offset-4 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5690,9 +5874,11 @@ exports[`renders ./components/form/demo/form-context.md extend context correctly
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -5704,6 +5890,7 @@ exports[`renders ./components/form/demo/form-context.md extend context correctly
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5723,9 +5910,11 @@ exports[`renders ./components/form/demo/form-context.md extend context correctly
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -5736,6 +5925,7 @@ exports[`renders ./components/form/demo/form-context.md extend context correctly
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5774,9 +5964,11 @@ exports[`renders ./components/form/demo/form-context.md extend context correctly
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5829,9 +6021,11 @@ Array [
   >
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class="ant-form-item-required"
@@ -5843,6 +6037,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -5883,9 +6078,11 @@ exports[`renders ./components/form/demo/inline-login.md extend context correctly
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5933,9 +6130,11 @@ exports[`renders ./components/form/demo/inline-login.md extend context correctly
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5983,9 +6182,11 @@ exports[`renders ./components/form/demo/inline-login.md extend context correctly
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6015,9 +6216,11 @@ exports[`renders ./components/form/demo/label-debug.md extend context correctly
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -6050,6 +6253,7 @@ exports[`renders ./components/form/demo/label-debug.md extend context correctly
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6069,9 +6273,11 @@ exports[`renders ./components/form/demo/label-debug.md extend context correctly
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -6104,6 +6310,7 @@ exports[`renders ./components/form/demo/label-debug.md extend context correctly
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6162,9 +6369,11 @@ exports[`renders ./components/form/demo/layout.md extend context correctly 1`] =
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -6176,6 +6385,7 @@ exports[`renders ./components/form/demo/layout.md extend context correctly 1`] =
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6252,9 +6462,11 @@ exports[`renders ./components/form/demo/layout.md extend context correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -6265,6 +6477,7 @@ exports[`renders ./components/form/demo/layout.md extend context correctly 1`] =
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6284,9 +6497,11 @@ exports[`renders ./components/form/demo/layout.md extend context correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -6297,6 +6512,7 @@ exports[`renders ./components/form/demo/layout.md extend context correctly 1`] =
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6316,9 +6532,11 @@ exports[`renders ./components/form/demo/layout.md extend context correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-14 ant-col-offset-4 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6348,9 +6566,11 @@ exports[`renders ./components/form/demo/layout-can-wrap.md extend context correc
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-form-item-label-left ant-form-item-label-wrap"
+      role="cell"
       style="flex:0 0 110px"
     >
       <label
@@ -6363,6 +6583,7 @@ exports[`renders ./components/form/demo/layout-can-wrap.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
       style="flex:1 1 auto"
     >
       <div
@@ -6383,9 +6604,11 @@ exports[`renders ./components/form/demo/layout-can-wrap.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-form-item-label-left ant-form-item-label-wrap"
+      role="cell"
       style="flex:0 0 110px"
     >
       <label
@@ -6398,6 +6621,7 @@ exports[`renders ./components/form/demo/layout-can-wrap.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
       style="flex:1 1 auto"
     >
       <div
@@ -6418,9 +6642,11 @@ exports[`renders ./components/form/demo/layout-can-wrap.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-form-item-label-left ant-form-item-label-wrap"
+      role="cell"
       style="flex:0 0 110px"
     >
       <label
@@ -6432,6 +6658,7 @@ exports[`renders ./components/form/demo/layout-can-wrap.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
       style="flex:1 1 auto"
     >
       <div
@@ -6462,9 +6689,11 @@ exports[`renders ./components/form/demo/nest-messages.md extend context correctl
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -6476,6 +6705,7 @@ exports[`renders ./components/form/demo/nest-messages.md extend context correctl
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6495,9 +6725,11 @@ exports[`renders ./components/form/demo/nest-messages.md extend context correctl
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -6509,6 +6741,7 @@ exports[`renders ./components/form/demo/nest-messages.md extend context correctl
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6528,9 +6761,11 @@ exports[`renders ./components/form/demo/nest-messages.md extend context correctl
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -6542,6 +6777,7 @@ exports[`renders ./components/form/demo/nest-messages.md extend context correctl
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6629,9 +6865,11 @@ exports[`renders ./components/form/demo/nest-messages.md extend context correctl
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -6643,6 +6881,7 @@ exports[`renders ./components/form/demo/nest-messages.md extend context correctl
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6662,9 +6901,11 @@ exports[`renders ./components/form/demo/nest-messages.md extend context correctl
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -6676,6 +6917,7 @@ exports[`renders ./components/form/demo/nest-messages.md extend context correctl
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6693,9 +6935,11 @@ exports[`renders ./components/form/demo/nest-messages.md extend context correctl
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6725,9 +6969,11 @@ exports[`renders ./components/form/demo/normal-login.md extend context correctly
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6775,9 +7021,11 @@ exports[`renders ./components/form/demo/normal-login.md extend context correctly
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6825,9 +7073,11 @@ exports[`renders ./components/form/demo/normal-login.md extend context correctly
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6867,9 +7117,11 @@ exports[`renders ./components/form/demo/normal-login.md extend context correctly
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6904,9 +7156,11 @@ exports[`renders ./components/form/demo/ref-item.md extend context correctly 1`]
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -6918,6 +7172,7 @@ exports[`renders ./components/form/demo/ref-item.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6937,9 +7192,11 @@ exports[`renders ./components/form/demo/ref-item.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6983,9 +7240,11 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -6997,6 +7256,7 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -7016,9 +7276,11 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -7030,6 +7292,7 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -7081,9 +7344,11 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -7095,6 +7360,7 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -7146,9 +7412,11 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -7207,6 +7475,7 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -7226,9 +7495,11 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -7240,6 +7511,7 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -7428,9 +7700,11 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -7442,6 +7716,7 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -7617,9 +7892,11 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -7631,6 +7908,7 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -7871,9 +8149,11 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -7885,6 +8165,7 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -7942,9 +8223,11 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -7956,6 +8239,7 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -7978,9 +8262,11 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -7992,6 +8278,7 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8163,9 +8450,11 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class=""
@@ -8176,6 +8465,7 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8185,10 +8475,12 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
         >
           <div
             class="ant-row"
+            role="row"
             style="margin-left:-4px;margin-right:-4px"
           >
             <div
               class="ant-col ant-col-12"
+              role="cell"
               style="padding-left:4px;padding-right:4px"
             >
               <input
@@ -8200,6 +8492,7 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
             </div>
             <div
               class="ant-col ant-col-12"
+              role="cell"
               style="padding-left:4px;padding-right:4px"
             >
               <button
@@ -8223,9 +8516,11 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-16 ant-col-sm-offset-8"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8263,9 +8558,11 @@ exports[`renders ./components/form/demo/register.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-16 ant-col-sm-offset-8"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8294,9 +8591,11 @@ exports[`renders ./components/form/demo/required-mark.md extend context correctl
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required-mark-optional"
@@ -8314,6 +8613,7 @@ exports[`renders ./components/form/demo/required-mark.md extend context correctl
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8390,9 +8690,11 @@ exports[`renders ./components/form/demo/required-mark.md extend context correctl
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required ant-form-item-required-mark-optional"
@@ -8450,6 +8752,7 @@ exports[`renders ./components/form/demo/required-mark.md extend context correctl
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8469,9 +8772,11 @@ exports[`renders ./components/form/demo/required-mark.md extend context correctl
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required-mark-optional"
@@ -8535,6 +8840,7 @@ exports[`renders ./components/form/demo/required-mark.md extend context correctl
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8554,9 +8860,11 @@ exports[`renders ./components/form/demo/required-mark.md extend context correctl
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8585,9 +8893,11 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -8599,6 +8909,7 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8675,9 +8986,11 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -8688,6 +9001,7 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8706,9 +9020,11 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -8719,6 +9035,7 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8845,9 +9162,11 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -8858,6 +9177,7 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -9023,9 +9343,11 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -9036,6 +9358,7 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -9158,9 +9481,11 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -9171,6 +9496,7 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -9777,9 +10103,11 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -9790,6 +10118,7 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -9876,9 +10205,11 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -9889,6 +10220,7 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -9915,9 +10247,11 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -9928,6 +10262,7 @@ exports[`renders ./components/form/demo/size.md extend context correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -9957,9 +10292,11 @@ exports[`renders ./components/form/demo/time-related-controls.md extend context
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -9971,6 +10308,7 @@ exports[`renders ./components/form/demo/time-related-controls.md extend context
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -10578,9 +10916,11 @@ exports[`renders ./components/form/demo/time-related-controls.md extend context
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -10592,6 +10932,7 @@ exports[`renders ./components/form/demo/time-related-controls.md extend context
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -12552,9 +12893,11 @@ exports[`renders ./components/form/demo/time-related-controls.md extend context
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -12566,6 +12909,7 @@ exports[`renders ./components/form/demo/time-related-controls.md extend context
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -12809,9 +13153,11 @@ exports[`renders ./components/form/demo/time-related-controls.md extend context
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -12823,6 +13169,7 @@ exports[`renders ./components/form/demo/time-related-controls.md extend context
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -14015,9 +14362,11 @@ exports[`renders ./components/form/demo/time-related-controls.md extend context
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -14029,6 +14378,7 @@ exports[`renders ./components/form/demo/time-related-controls.md extend context
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -16036,9 +16386,11 @@ exports[`renders ./components/form/demo/time-related-controls.md extend context
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -16050,6 +16402,7 @@ exports[`renders ./components/form/demo/time-related-controls.md extend context
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -17471,9 +17824,11 @@ exports[`renders ./components/form/demo/time-related-controls.md extend context
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-16 ant-col-sm-offset-8"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -17504,9 +17859,11 @@ Array [
   >
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -17518,6 +17875,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -17537,9 +17895,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -17551,6 +17911,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -17654,9 +18015,11 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -17667,6 +18030,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -17685,9 +18049,11 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -17699,6 +18065,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -17853,9 +18220,11 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -17867,6 +18236,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -18010,9 +18380,11 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -18023,6 +18395,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -18118,9 +18491,11 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -18132,6 +18507,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -18159,9 +18535,11 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -18173,6 +18551,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -18299,9 +18678,11 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -18313,6 +18694,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -18388,9 +18770,11 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -18402,6 +18786,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -18477,9 +18862,11 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -18491,6 +18878,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -18504,9 +18892,11 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
           >
             <div
               class="ant-row"
+              role="row"
             >
               <div
                 class="ant-col ant-col-8"
+                role="cell"
               >
                 <label
                   class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-wrapper-in-form-item"
@@ -18532,6 +18922,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
               </div>
               <div
                 class="ant-col ant-col-8"
+                role="cell"
               >
                 <label
                   class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-wrapper-disabled ant-checkbox-wrapper-in-form-item"
@@ -18558,6 +18949,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
               </div>
               <div
                 class="ant-col ant-col-8"
+                role="cell"
               >
                 <label
                   class="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
@@ -18582,6 +18974,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
               </div>
               <div
                 class="ant-col ant-col-8"
+                role="cell"
               >
                 <label
                   class="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
@@ -18606,6 +18999,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
               </div>
               <div
                 class="ant-col ant-col-8"
+                role="cell"
               >
                 <label
                   class="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
@@ -18630,6 +19024,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
               </div>
               <div
                 class="ant-col ant-col-8"
+                role="cell"
               >
                 <label
                   class="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
@@ -18660,9 +19055,11 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -18674,6 +19071,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -18983,9 +19381,11 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -18997,6 +19397,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -19065,9 +19466,11 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -19078,6 +19481,7 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -19149,9 +19553,11 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-12 ant-col-offset-6 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -19180,9 +19586,11 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
 >
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -19193,6 +19601,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -19223,9 +19632,11 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-warning"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -19236,6 +19647,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -19283,9 +19695,11 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-is-validating"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -19296,6 +19710,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -19357,9 +19772,11 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-success"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -19370,6 +19787,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -19421,9 +19839,11 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-warning"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -19434,6 +19854,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -19485,9 +19906,11 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -19498,6 +19921,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -19559,9 +19983,11 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-success"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -19572,6 +19998,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -20202,9 +20629,11 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-warning"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -20215,6 +20644,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -21659,9 +22089,11 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -21672,6 +22104,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -22887,9 +23320,11 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -22900,6 +23335,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -23093,9 +23529,11 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -23106,6 +23544,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -23240,9 +23679,11 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-warning"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -23253,6 +23694,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -23433,10 +23875,12 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
     style="margin-bottom:0"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -23447,6 +23891,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -23456,10 +23901,12 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
         >
           <div
             class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+            role="row"
             style="display:inline-block;width:calc(50% - 12px)"
           >
             <div
               class="ant-col ant-form-item-control"
+              role="cell"
             >
               <div
                 class="ant-form-item-control-input"
@@ -24081,10 +24528,12 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
           </span>
           <div
             class="ant-row ant-form-item"
+            role="row"
             style="display:inline-block;width:calc(50% - 12px)"
           >
             <div
               class="ant-col ant-form-item-control"
+              role="cell"
             >
               <div
                 class="ant-form-item-control-input"
@@ -24695,9 +25144,11 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-success"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -24708,6 +25159,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -24826,9 +25278,11 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-success"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -24839,6 +25293,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -24914,9 +25369,11 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-warning"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -24927,6 +25384,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -25001,9 +25459,11 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -25014,6 +25474,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -25113,9 +25574,11 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -25126,6 +25589,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -25178,9 +25642,11 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -25191,6 +25657,7 @@ exports[`renders ./components/form/demo/validate-static.md extend context correc
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -25281,9 +25748,11 @@ exports[`renders ./components/form/demo/warning-only.md extend context correctly
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -25295,6 +25764,7 @@ exports[`renders ./components/form/demo/warning-only.md extend context correctly
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -25315,9 +25785,11 @@ exports[`renders ./components/form/demo/warning-only.md extend context correctly
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -25367,9 +25839,11 @@ exports[`renders ./components/form/demo/without-form-create.md extend context co
 >
   <div
     class="ant-row ant-form-item ant-form-item-with-help"
+    role="row"
   >
     <div
       class="ant-col ant-col-7 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -25380,6 +25854,7 @@ exports[`renders ./components/form/demo/without-form-create.md extend context co
     </div>
     <div
       class="ant-col ant-col-12 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index 21629693c4..f12f5e3928 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -8,17 +8,21 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
   >
     <div
       class="ant-row"
+      role="row"
       style="margin-left:-12px;margin-right:-12px"
     >
       <div
         class="ant-col ant-col-8"
+        role="cell"
         style="padding-left:12px;padding-right:12px"
       >
         <div
           class="ant-row ant-form-item"
+          role="row"
         >
           <div
             class="ant-col ant-form-item-label"
+            role="cell"
           >
             <label
               class="ant-form-item-required"
@@ -30,6 +34,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
           </div>
           <div
             class="ant-col ant-form-item-control"
+            role="cell"
           >
             <div
               class="ant-form-item-control-input"
@@ -51,13 +56,16 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
       </div>
       <div
         class="ant-col ant-col-8"
+        role="cell"
         style="padding-left:12px;padding-right:12px"
       >
         <div
           class="ant-row ant-form-item"
+          role="row"
         >
           <div
             class="ant-col ant-form-item-label"
+            role="cell"
           >
             <label
               class="ant-form-item-required"
@@ -69,6 +77,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
           </div>
           <div
             class="ant-col ant-form-item-control"
+            role="cell"
           >
             <div
               class="ant-form-item-control-input"
@@ -143,13 +152,16 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
       </div>
       <div
         class="ant-col ant-col-8"
+        role="cell"
         style="padding-left:12px;padding-right:12px"
       >
         <div
           class="ant-row ant-form-item"
+          role="row"
         >
           <div
             class="ant-col ant-form-item-label"
+            role="cell"
           >
             <label
               class="ant-form-item-required"
@@ -161,6 +173,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
           </div>
           <div
             class="ant-col ant-form-item-control"
+            role="cell"
           >
             <div
               class="ant-form-item-control-input"
@@ -182,13 +195,16 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
       </div>
       <div
         class="ant-col ant-col-8"
+        role="cell"
         style="padding-left:12px;padding-right:12px"
       >
         <div
           class="ant-row ant-form-item"
+          role="row"
         >
           <div
             class="ant-col ant-form-item-label"
+            role="cell"
           >
             <label
               class="ant-form-item-required"
@@ -200,6 +216,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
           </div>
           <div
             class="ant-col ant-form-item-control"
+            role="cell"
           >
             <div
               class="ant-form-item-control-input"
@@ -221,13 +238,16 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
       </div>
       <div
         class="ant-col ant-col-8"
+        role="cell"
         style="padding-left:12px;padding-right:12px"
       >
         <div
           class="ant-row ant-form-item"
+          role="row"
         >
           <div
             class="ant-col ant-form-item-label"
+            role="cell"
           >
             <label
               class="ant-form-item-required"
@@ -239,6 +259,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
           </div>
           <div
             class="ant-col ant-form-item-control"
+            role="cell"
           >
             <div
               class="ant-form-item-control-input"
@@ -313,13 +334,16 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
       </div>
       <div
         class="ant-col ant-col-8"
+        role="cell"
         style="padding-left:12px;padding-right:12px"
       >
         <div
           class="ant-row ant-form-item"
+          role="row"
         >
           <div
             class="ant-col ant-form-item-label"
+            role="cell"
           >
             <label
               class="ant-form-item-required"
@@ -331,6 +355,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
           </div>
           <div
             class="ant-col ant-form-item-control"
+            role="cell"
           >
             <div
               class="ant-form-item-control-input"
@@ -353,9 +378,11 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
     </div>
     <div
       class="ant-row"
+      role="row"
     >
       <div
         class="ant-col ant-col-24"
+        role="cell"
         style="text-align:right"
       >
         <button
@@ -418,9 +445,11 @@ exports[`renders ./components/form/demo/basic.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -432,6 +461,7 @@ exports[`renders ./components/form/demo/basic.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -451,9 +481,11 @@ exports[`renders ./components/form/demo/basic.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -465,6 +497,7 @@ exports[`renders ./components/form/demo/basic.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -516,9 +549,11 @@ exports[`renders ./components/form/demo/basic.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -552,9 +587,11 @@ exports[`renders ./components/form/demo/basic.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -586,9 +623,11 @@ Array [
   >
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-col-24 ant-form-item-label"
+        role="cell"
       >
         <label
           class="ant-form-item-required"
@@ -600,6 +639,7 @@ Array [
       </div>
       <div
         class="ant-col ant-col-24 ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -619,9 +659,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-col-24 ant-form-item-label"
+        role="cell"
       >
         <label
           class="ant-form-item-required"
@@ -633,6 +675,7 @@ Array [
       </div>
       <div
         class="ant-col ant-col-24 ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -684,9 +727,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-col-24 ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -714,9 +759,11 @@ Array [
   >
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label ant-col-sm-24 ant-col-xl-24"
+        role="cell"
       >
         <label
           class="ant-form-item-required"
@@ -728,6 +775,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control ant-col-sm-24 ant-col-xl-24"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -747,9 +795,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label ant-col-sm-24 ant-col-xl-24"
+        role="cell"
       >
         <label
           class="ant-form-item-required"
@@ -761,6 +811,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control ant-col-sm-24 ant-col-xl-24"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -812,9 +863,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-control ant-col-sm-24 ant-col-xl-24"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -845,9 +898,11 @@ exports[`renders ./components/form/demo/control-hooks.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -859,6 +914,7 @@ exports[`renders ./components/form/demo/control-hooks.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -878,9 +934,11 @@ exports[`renders ./components/form/demo/control-hooks.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -892,6 +950,7 @@ exports[`renders ./components/form/demo/control-hooks.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -964,9 +1023,11 @@ exports[`renders ./components/form/demo/control-hooks.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1012,9 +1073,11 @@ exports[`renders ./components/form/demo/control-ref.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -1026,6 +1089,7 @@ exports[`renders ./components/form/demo/control-ref.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1045,9 +1109,11 @@ exports[`renders ./components/form/demo/control-ref.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -1059,6 +1125,7 @@ exports[`renders ./components/form/demo/control-ref.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1131,9 +1198,11 @@ exports[`renders ./components/form/demo/control-ref.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1179,9 +1248,11 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1193,6 +1264,7 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1274,9 +1346,11 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1307,9 +1381,11 @@ exports[`renders ./components/form/demo/dep-debug.md correctly 1`] = `
   0
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1321,6 +1397,7 @@ exports[`renders ./components/form/demo/dep-debug.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1340,9 +1417,11 @@ exports[`renders ./components/form/demo/dep-debug.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1354,6 +1433,7 @@ exports[`renders ./components/form/demo/dep-debug.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1380,9 +1460,11 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1394,6 +1476,7 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1427,9 +1510,11 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1440,6 +1525,7 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1497,9 +1583,11 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1510,6 +1598,7 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1529,9 +1618,11 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1542,6 +1633,7 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1613,9 +1705,11 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1626,6 +1720,7 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1696,9 +1791,11 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1709,6 +1806,7 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1779,9 +1877,11 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1792,6 +1892,7 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1845,9 +1946,11 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1858,6 +1961,7 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1954,9 +2058,11 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1967,6 +2073,7 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2054,9 +2161,11 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -2067,6 +2176,7 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2085,9 +2195,11 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -2098,6 +2210,7 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2125,9 +2238,11 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -2138,6 +2253,7 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2167,9 +2283,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -2180,6 +2298,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2199,9 +2318,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -2212,6 +2333,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2241,9 +2363,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -2254,6 +2378,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2284,9 +2409,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -2297,6 +2424,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2316,9 +2444,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -2329,6 +2459,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2358,9 +2489,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -2371,6 +2504,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2401,9 +2535,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -2414,6 +2550,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2446,9 +2583,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -2459,6 +2598,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2501,9 +2641,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -2514,6 +2656,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2557,9 +2700,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -2570,6 +2715,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2598,9 +2744,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -2611,6 +2759,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2649,9 +2798,11 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -2662,6 +2813,7 @@ exports[`renders ./components/form/demo/disabled-input-debug.md correctly 1`] =
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2709,9 +2861,11 @@ exports[`renders ./components/form/demo/dynamic-form-item.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-20 ant-col-sm-offset-4"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2789,9 +2943,11 @@ exports[`renders ./components/form/demo/dynamic-form-item.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-20 ant-col-sm-offset-4"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2822,9 +2978,11 @@ exports[`renders ./components/form/demo/dynamic-form-items.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2869,9 +3027,11 @@ exports[`renders ./components/form/demo/dynamic-form-items.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2902,9 +3062,11 @@ exports[`renders ./components/form/demo/dynamic-form-items-complex.md correctly
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -2916,6 +3078,7 @@ exports[`renders ./components/form/demo/dynamic-form-items-complex.md correctly
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -2986,9 +3149,11 @@ exports[`renders ./components/form/demo/dynamic-form-items-complex.md correctly
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3033,9 +3198,11 @@ exports[`renders ./components/form/demo/dynamic-form-items-complex.md correctly
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3066,9 +3233,11 @@ exports[`renders ./components/form/demo/dynamic-form-items-no-style.md correctly
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -3079,6 +3248,7 @@ exports[`renders ./components/form/demo/dynamic-form-items-no-style.md correctly
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3088,9 +3258,11 @@ exports[`renders ./components/form/demo/dynamic-form-items-no-style.md correctly
         >
           <div
             class="ant-row ant-form-item"
+            role="row"
           >
             <div
               class="ant-col ant-form-item-control"
+              role="cell"
             >
               <div
                 class="ant-form-item-control-input"
@@ -3139,9 +3311,11 @@ exports[`renders ./components/form/demo/dynamic-form-items-no-style.md correctly
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3171,9 +3345,11 @@ exports[`renders ./components/form/demo/dynamic-rule.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -3185,6 +3361,7 @@ exports[`renders ./components/form/demo/dynamic-rule.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-8 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3205,9 +3382,11 @@ exports[`renders ./components/form/demo/dynamic-rule.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -3219,6 +3398,7 @@ exports[`renders ./components/form/demo/dynamic-rule.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-8 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3239,9 +3419,11 @@ exports[`renders ./components/form/demo/dynamic-rule.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-col-offset-4 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3273,9 +3455,11 @@ exports[`renders ./components/form/demo/dynamic-rule.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-col-offset-4 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3305,9 +3489,11 @@ exports[`renders ./components/form/demo/form-context.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -3319,6 +3505,7 @@ exports[`renders ./components/form/demo/form-context.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3338,9 +3525,11 @@ exports[`renders ./components/form/demo/form-context.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -3351,6 +3540,7 @@ exports[`renders ./components/form/demo/form-context.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3389,9 +3579,11 @@ exports[`renders ./components/form/demo/form-context.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3444,9 +3636,11 @@ Array [
   >
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class="ant-form-item-required"
@@ -3458,6 +3652,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -3498,9 +3693,11 @@ exports[`renders ./components/form/demo/inline-login.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3548,9 +3745,11 @@ exports[`renders ./components/form/demo/inline-login.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3598,9 +3797,11 @@ exports[`renders ./components/form/demo/inline-login.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3630,9 +3831,11 @@ exports[`renders ./components/form/demo/label-debug.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -3665,6 +3868,7 @@ exports[`renders ./components/form/demo/label-debug.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3684,9 +3888,11 @@ exports[`renders ./components/form/demo/label-debug.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -3719,6 +3925,7 @@ exports[`renders ./components/form/demo/label-debug.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3777,9 +3984,11 @@ exports[`renders ./components/form/demo/layout.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -3791,6 +4000,7 @@ exports[`renders ./components/form/demo/layout.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3867,9 +4077,11 @@ exports[`renders ./components/form/demo/layout.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -3880,6 +4092,7 @@ exports[`renders ./components/form/demo/layout.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3899,9 +4112,11 @@ exports[`renders ./components/form/demo/layout.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -3912,6 +4127,7 @@ exports[`renders ./components/form/demo/layout.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3931,9 +4147,11 @@ exports[`renders ./components/form/demo/layout.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-14 ant-col-offset-4 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -3963,9 +4181,11 @@ exports[`renders ./components/form/demo/layout-can-wrap.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-form-item-label-left ant-form-item-label-wrap"
+      role="cell"
       style="flex:0 0 110px"
     >
       <label
@@ -3978,6 +4198,7 @@ exports[`renders ./components/form/demo/layout-can-wrap.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
       style="flex:1 1 auto"
     >
       <div
@@ -3998,9 +4219,11 @@ exports[`renders ./components/form/demo/layout-can-wrap.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-form-item-label-left ant-form-item-label-wrap"
+      role="cell"
       style="flex:0 0 110px"
     >
       <label
@@ -4013,6 +4236,7 @@ exports[`renders ./components/form/demo/layout-can-wrap.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
       style="flex:1 1 auto"
     >
       <div
@@ -4033,9 +4257,11 @@ exports[`renders ./components/form/demo/layout-can-wrap.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-form-item-label-left ant-form-item-label-wrap"
+      role="cell"
       style="flex:0 0 110px"
     >
       <label
@@ -4047,6 +4273,7 @@ exports[`renders ./components/form/demo/layout-can-wrap.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
       style="flex:1 1 auto"
     >
       <div
@@ -4077,9 +4304,11 @@ exports[`renders ./components/form/demo/nest-messages.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -4091,6 +4320,7 @@ exports[`renders ./components/form/demo/nest-messages.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4110,9 +4340,11 @@ exports[`renders ./components/form/demo/nest-messages.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4124,6 +4356,7 @@ exports[`renders ./components/form/demo/nest-messages.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4143,9 +4376,11 @@ exports[`renders ./components/form/demo/nest-messages.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4157,6 +4392,7 @@ exports[`renders ./components/form/demo/nest-messages.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4244,9 +4480,11 @@ exports[`renders ./components/form/demo/nest-messages.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4258,6 +4496,7 @@ exports[`renders ./components/form/demo/nest-messages.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4277,9 +4516,11 @@ exports[`renders ./components/form/demo/nest-messages.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-8 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4291,6 +4532,7 @@ exports[`renders ./components/form/demo/nest-messages.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4308,9 +4550,11 @@ exports[`renders ./components/form/demo/nest-messages.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4340,9 +4584,11 @@ exports[`renders ./components/form/demo/normal-login.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4390,9 +4636,11 @@ exports[`renders ./components/form/demo/normal-login.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4440,9 +4688,11 @@ exports[`renders ./components/form/demo/normal-login.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4482,9 +4732,11 @@ exports[`renders ./components/form/demo/normal-login.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4519,9 +4771,11 @@ exports[`renders ./components/form/demo/ref-item.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -4533,6 +4787,7 @@ exports[`renders ./components/form/demo/ref-item.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4552,9 +4807,11 @@ exports[`renders ./components/form/demo/ref-item.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4598,9 +4855,11 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -4612,6 +4871,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4631,9 +4891,11 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -4645,6 +4907,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4696,9 +4959,11 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -4710,6 +4975,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4761,9 +5027,11 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -4798,6 +5066,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4817,9 +5086,11 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -4831,6 +5102,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -4929,9 +5201,11 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -4943,6 +5217,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5036,9 +5311,11 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -5050,6 +5327,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5208,9 +5486,11 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -5222,6 +5502,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5265,9 +5546,11 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -5279,6 +5562,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5301,9 +5585,11 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -5315,6 +5601,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5387,9 +5674,11 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class=""
@@ -5400,6 +5689,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5409,10 +5699,12 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
         >
           <div
             class="ant-row"
+            role="row"
             style="margin-left:-4px;margin-right:-4px"
           >
             <div
               class="ant-col ant-col-12"
+              role="cell"
               style="padding-left:4px;padding-right:4px"
             >
               <input
@@ -5424,6 +5716,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
             </div>
             <div
               class="ant-col ant-col-12"
+              role="cell"
               style="padding-left:4px;padding-right:4px"
             >
               <button
@@ -5447,9 +5740,11 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-16 ant-col-sm-offset-8"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5487,9 +5782,11 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-16 ant-col-sm-offset-8"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5518,9 +5815,11 @@ exports[`renders ./components/form/demo/required-mark.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required-mark-optional"
@@ -5538,6 +5837,7 @@ exports[`renders ./components/form/demo/required-mark.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5614,9 +5914,11 @@ exports[`renders ./components/form/demo/required-mark.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required ant-form-item-required-mark-optional"
@@ -5650,6 +5952,7 @@ exports[`renders ./components/form/demo/required-mark.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5669,9 +5972,11 @@ exports[`renders ./components/form/demo/required-mark.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required-mark-optional"
@@ -5711,6 +6016,7 @@ exports[`renders ./components/form/demo/required-mark.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5730,9 +6036,11 @@ exports[`renders ./components/form/demo/required-mark.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5761,9 +6069,11 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -5775,6 +6085,7 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5851,9 +6162,11 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -5864,6 +6177,7 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5882,9 +6196,11 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -5895,6 +6211,7 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -5964,9 +6281,11 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -5977,6 +6296,7 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6045,9 +6365,11 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -6058,6 +6380,7 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6126,9 +6449,11 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -6139,6 +6464,7 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6191,9 +6517,11 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -6204,6 +6532,7 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6290,9 +6619,11 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -6303,6 +6634,7 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6329,9 +6661,11 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -6342,6 +6676,7 @@ exports[`renders ./components/form/demo/size.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6371,9 +6706,11 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -6385,6 +6722,7 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6438,9 +6776,11 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -6452,6 +6792,7 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6505,9 +6846,11 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -6519,6 +6862,7 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6572,9 +6916,11 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -6586,6 +6932,7 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6681,9 +7028,11 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -6695,6 +7044,7 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6790,9 +7140,11 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -6804,6 +7156,7 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-16"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6860,9 +7213,11 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-16 ant-col-sm-offset-8"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -6893,9 +7248,11 @@ Array [
   >
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -6907,6 +7264,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -6926,9 +7284,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -6940,6 +7300,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -7043,9 +7404,11 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -7056,6 +7419,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -7074,9 +7438,11 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -7088,6 +7454,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -7160,9 +7527,11 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -7174,6 +7543,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -7236,9 +7606,11 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -7249,6 +7621,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -7344,9 +7717,11 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -7358,6 +7733,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -7385,9 +7761,11 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -7399,6 +7777,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -7501,9 +7880,11 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -7515,6 +7896,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -7590,9 +7972,11 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -7604,6 +7988,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -7679,9 +8064,11 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -7693,6 +8080,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -7706,9 +8094,11 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
           >
             <div
               class="ant-row"
+              role="row"
             >
               <div
                 class="ant-col ant-col-8"
+                role="cell"
               >
                 <label
                   class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-wrapper-in-form-item"
@@ -7734,6 +8124,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
               </div>
               <div
                 class="ant-col ant-col-8"
+                role="cell"
               >
                 <label
                   class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-wrapper-disabled ant-checkbox-wrapper-in-form-item"
@@ -7760,6 +8151,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
               </div>
               <div
                 class="ant-col ant-col-8"
+                role="cell"
               >
                 <label
                   class="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
@@ -7784,6 +8176,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
               </div>
               <div
                 class="ant-col ant-col-8"
+                role="cell"
               >
                 <label
                   class="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
@@ -7808,6 +8201,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
               </div>
               <div
                 class="ant-col ant-col-8"
+                role="cell"
               >
                 <label
                   class="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
@@ -7832,6 +8226,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
               </div>
               <div
                 class="ant-col ant-col-8"
+                role="cell"
               >
                 <label
                   class="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
@@ -7862,9 +8257,11 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -7876,6 +8273,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8185,9 +8583,11 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -8199,6 +8599,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8267,9 +8668,11 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -8280,6 +8683,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8351,9 +8755,11 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-12 ant-col-offset-6 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8382,9 +8788,11 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -8395,6 +8803,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8425,9 +8834,11 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-warning"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -8438,6 +8849,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8485,9 +8897,11 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-is-validating"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -8498,6 +8912,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8559,9 +8974,11 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-success"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -8572,6 +8989,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8623,9 +9041,11 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-warning"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -8636,6 +9056,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8687,9 +9108,11 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -8700,6 +9123,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8761,9 +9185,11 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-success"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -8774,6 +9200,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8850,9 +9277,11 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-warning"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -8863,6 +9292,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -8942,9 +9372,11 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -8955,6 +9387,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -9073,9 +9506,11 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -9086,6 +9521,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -9180,9 +9616,11 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -9193,6 +9631,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -9296,9 +9735,11 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-warning"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -9309,6 +9750,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -9412,10 +9854,12 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
     style="margin-bottom:0"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -9426,6 +9870,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -9435,10 +9880,12 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
         >
           <div
             class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
+            role="row"
             style="display:inline-block;width:calc(50% - 12px)"
           >
             <div
               class="ant-col ant-form-item-control"
+              role="cell"
             >
               <div
                 class="ant-form-item-control-input"
@@ -9506,10 +9953,12 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
           </span>
           <div
             class="ant-row ant-form-item"
+            role="row"
             style="display:inline-block;width:calc(50% - 12px)"
           >
             <div
               class="ant-col ant-form-item-control"
+              role="cell"
             >
               <div
                 class="ant-form-item-control-input"
@@ -9566,9 +10015,11 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-success"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -9579,6 +10030,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -9697,9 +10149,11 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-success"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -9710,6 +10164,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -9785,9 +10240,11 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-warning"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -9798,6 +10255,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -9872,9 +10330,11 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -9885,6 +10345,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -9984,9 +10445,11 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -9997,6 +10460,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -10049,9 +10513,11 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-error"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+      role="cell"
     >
       <label
         class=""
@@ -10062,6 +10528,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-14"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -10152,9 +10619,11 @@ exports[`renders ./components/form/demo/warning-only.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -10166,6 +10635,7 @@ exports[`renders ./components/form/demo/warning-only.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -10186,9 +10656,11 @@ exports[`renders ./components/form/demo/warning-only.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -10238,9 +10710,11 @@ exports[`renders ./components/form/demo/without-form-create.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item ant-form-item-with-help"
+    role="row"
   >
     <div
       class="ant-col ant-col-7 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -10251,6 +10725,7 @@ exports[`renders ./components/form/demo/without-form-create.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-12 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
diff --git a/components/form/__tests__/__snapshots__/index.test.js.snap b/components/form/__tests__/__snapshots__/index.test.js.snap
index 96e7066bec..28225d87cb 100644
--- a/components/form/__tests__/__snapshots__/index.test.js.snap
+++ b/components/form/__tests__/__snapshots__/index.test.js.snap
@@ -6,9 +6,11 @@ exports[`Form Form item hidden noStyle should not work when hidden 1`] = `
 >
   <div
     class="ant-row ant-form-item ant-form-item-hidden"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -35,9 +37,11 @@ exports[`Form Form item hidden should work 1`] = `
 >
   <div
     class="ant-row ant-form-item ant-form-item-hidden"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -67,9 +71,11 @@ exports[`Form Form.Item should support data-*、aria-* and custom attribute 1`]
     cccc="bbbb"
     class="ant-row ant-form-item"
     data-text="123"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -91,9 +97,11 @@ exports[`Form form should support disabled 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -105,6 +113,7 @@ exports[`Form form should support disabled 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -138,9 +147,11 @@ exports[`Form form should support disabled 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -151,6 +162,7 @@ exports[`Form form should support disabled 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -206,9 +218,11 @@ exports[`Form form should support disabled 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -219,6 +233,7 @@ exports[`Form form should support disabled 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -237,9 +252,11 @@ exports[`Form form should support disabled 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -250,6 +267,7 @@ exports[`Form form should support disabled 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -320,9 +338,11 @@ exports[`Form form should support disabled 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -333,6 +353,7 @@ exports[`Form form should support disabled 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -402,9 +423,11 @@ exports[`Form form should support disabled 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -415,6 +438,7 @@ exports[`Form form should support disabled 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -484,9 +508,11 @@ exports[`Form form should support disabled 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -497,6 +523,7 @@ exports[`Form form should support disabled 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -549,9 +576,11 @@ exports[`Form form should support disabled 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -562,6 +591,7 @@ exports[`Form form should support disabled 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -656,9 +686,11 @@ exports[`Form form should support disabled 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -669,6 +701,7 @@ exports[`Form form should support disabled 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -755,9 +788,11 @@ exports[`Form form should support disabled 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -768,6 +803,7 @@ exports[`Form form should support disabled 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -785,9 +821,11 @@ exports[`Form form should support disabled 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -798,6 +836,7 @@ exports[`Form form should support disabled 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -824,9 +863,11 @@ exports[`Form form should support disabled 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -837,6 +878,7 @@ exports[`Form form should support disabled 1`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -865,9 +907,11 @@ exports[`Form form should support disabled 2`] = `
 >
   <div
     class="ant-row ant-form-item ant-form-item-has-success"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -879,6 +923,7 @@ exports[`Form form should support disabled 2`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -912,9 +957,11 @@ exports[`Form form should support disabled 2`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -925,6 +972,7 @@ exports[`Form form should support disabled 2`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -980,9 +1028,11 @@ exports[`Form form should support disabled 2`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -993,6 +1043,7 @@ exports[`Form form should support disabled 2`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1011,9 +1062,11 @@ exports[`Form form should support disabled 2`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1024,6 +1077,7 @@ exports[`Form form should support disabled 2`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1094,9 +1148,11 @@ exports[`Form form should support disabled 2`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1107,6 +1163,7 @@ exports[`Form form should support disabled 2`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1176,9 +1233,11 @@ exports[`Form form should support disabled 2`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1189,6 +1248,7 @@ exports[`Form form should support disabled 2`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1258,9 +1318,11 @@ exports[`Form form should support disabled 2`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1271,6 +1333,7 @@ exports[`Form form should support disabled 2`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1323,9 +1386,11 @@ exports[`Form form should support disabled 2`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1336,6 +1401,7 @@ exports[`Form form should support disabled 2`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1430,9 +1496,11 @@ exports[`Form form should support disabled 2`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1443,6 +1511,7 @@ exports[`Form form should support disabled 2`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1529,9 +1598,11 @@ exports[`Form form should support disabled 2`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1542,6 +1613,7 @@ exports[`Form form should support disabled 2`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1559,9 +1631,11 @@ exports[`Form form should support disabled 2`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1572,6 +1646,7 @@ exports[`Form form should support disabled 2`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1598,9 +1673,11 @@ exports[`Form form should support disabled 2`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -1611,6 +1688,7 @@ exports[`Form form should support disabled 2`] = `
     </div>
     <div
       class="ant-col ant-col-14 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -1642,9 +1720,11 @@ exports[`Form rtl render component should be rendered correctly in RTL direction
 exports[`Form rtl render component should be rendered correctly in RTL direction 2`] = `
 <div
   class="ant-row ant-row-rtl ant-form-item"
+  role="row"
 >
   <div
     class="ant-col ant-form-item-control ant-col-rtl"
+    role="cell"
   >
     <div
       class="ant-form-item-control-input"
diff --git a/components/grid/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/grid/__tests__/__snapshots__/demo-extend.test.ts.snap
index 8c4b09c910..a5fef7e589 100644
--- a/components/grid/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/grid/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -4,66 +4,80 @@ exports[`renders ./components/grid/demo/basic.md extend context correctly 1`] =
 Array [
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-24"
+      role="cell"
     >
       col
     </div>
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-12"
+      role="cell"
     >
       col-12
     </div>
     <div
       class="ant-col ant-col-12"
+      role="cell"
     >
       col-12
     </div>
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-8"
+      role="cell"
     >
       col-8
     </div>
     <div
       class="ant-col ant-col-8"
+      role="cell"
     >
       col-8
     </div>
     <div
       class="ant-col ant-col-8"
+      role="cell"
     >
       col-8
     </div>
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-6"
+      role="cell"
     >
       col-6
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
     >
       col-6
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
     >
       col-6
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
     >
       col-6
     </div>
@@ -85,24 +99,29 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-start"
+    role="row"
   >
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
@@ -119,24 +138,29 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-center"
+    role="row"
   >
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
@@ -153,24 +177,29 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-end"
+    role="row"
   >
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
@@ -187,24 +216,29 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-space-between"
+    role="row"
   >
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
@@ -221,24 +255,29 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-space-around"
+    role="row"
   >
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
@@ -255,24 +294,29 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-space-evenly"
+    role="row"
   >
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
@@ -294,9 +338,11 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-center ant-row-top"
+    role="row"
   >
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-100"
@@ -306,6 +352,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-50"
@@ -315,6 +362,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-120"
@@ -324,6 +372,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-80"
@@ -344,9 +393,11 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-space-around ant-row-middle"
+    role="row"
   >
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-100"
@@ -356,6 +407,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-50"
@@ -365,6 +417,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-120"
@@ -374,6 +427,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-80"
@@ -394,9 +448,11 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-space-between ant-row-bottom"
+    role="row"
   >
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-100"
@@ -406,6 +462,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-50"
@@ -415,6 +472,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-120"
@@ -424,6 +482,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-80"
@@ -449,24 +508,29 @@ Array [
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-col-order-4"
+      role="cell"
     >
       1 col-order-4
     </div>
     <div
       class="ant-col ant-col-6 ant-col-order-3"
+      role="cell"
     >
       2 col-order-3
     </div>
     <div
       class="ant-col ant-col-6 ant-col-order-2"
+      role="cell"
     >
       3 col-order-2
     </div>
     <div
       class="ant-col ant-col-6 ant-col-order-1"
+      role="cell"
     >
       4 col-order-1
     </div>
@@ -483,24 +547,29 @@ Array [
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-col-xs-order-1 ant-col-sm-order-2 ant-col-md-order-3 ant-col-lg-order-4"
+      role="cell"
     >
       1 col-order-responsive
     </div>
     <div
       class="ant-col ant-col-6 ant-col-xs-order-2 ant-col-sm-order-1 ant-col-md-order-4 ant-col-lg-order-3"
+      role="cell"
     >
       2 col-order-responsive
     </div>
     <div
       class="ant-col ant-col-6 ant-col-xs-order-3 ant-col-sm-order-4 ant-col-md-order-2 ant-col-lg-order-1"
+      role="cell"
     >
       3 col-order-responsive
     </div>
     <div
       class="ant-col ant-col-6 ant-col-xs-order-4 ant-col-sm-order-3 ant-col-md-order-1 ant-col-lg-order-2"
+      role="cell"
     >
       4 col-order-responsive
     </div>
@@ -522,15 +591,18 @@ Array [
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col"
+      role="cell"
       style="flex:2 2 auto"
     >
       2 / 5
     </div>
     <div
       class="ant-col"
+      role="cell"
       style="flex:3 3 auto"
     >
       3 / 5
@@ -548,15 +620,18 @@ Array [
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col"
+      role="cell"
       style="flex:0 0 100px"
     >
       100px
     </div>
     <div
       class="ant-col"
+      role="cell"
       style="flex:auto"
     >
       Fill Rest
@@ -574,15 +649,18 @@ Array [
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col"
+      role="cell"
       style="flex:1 1 200px"
     >
       1 1 200px
     </div>
     <div
       class="ant-col"
+      role="cell"
       style="flex:0 1 300px"
     >
       0 1 300px
@@ -590,9 +668,11 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-no-wrap"
+    role="row"
   >
     <div
       class="ant-col"
+      role="cell"
       style="flex:none;min-width:0"
     >
       <div
@@ -603,6 +683,7 @@ Array [
     </div>
     <div
       class="ant-col"
+      role="cell"
       style="flex:auto;min-width:0"
     >
       auto with no-wrap
@@ -625,10 +706,12 @@ Array [
   </div>,
   <div
     class="ant-row"
+    role="row"
     style="margin-left:-8px;margin-right:-8px"
   >
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px"
     >
       <div
@@ -639,6 +722,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px"
     >
       <div
@@ -649,6 +733,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px"
     >
       <div
@@ -659,6 +744,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px"
     >
       <div
@@ -680,10 +766,12 @@ Array [
   </div>,
   <div
     class="ant-row"
+    role="row"
     style="margin-left:-16px;margin-right:-16px"
   >
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:16px;padding-right:16px"
     >
       <div
@@ -694,6 +782,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:16px;padding-right:16px"
     >
       <div
@@ -704,6 +793,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:16px;padding-right:16px"
     >
       <div
@@ -714,6 +804,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:16px;padding-right:16px"
     >
       <div
@@ -735,10 +826,12 @@ Array [
   </div>,
   <div
     class="ant-row"
+    role="row"
     style="margin-left:-8px;margin-right:-8px;margin-top:-12px;margin-bottom:-12px"
   >
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
     >
       <div
@@ -749,6 +842,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
     >
       <div
@@ -759,6 +853,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
     >
       <div
@@ -769,6 +864,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
     >
       <div
@@ -779,6 +875,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
     >
       <div
@@ -789,6 +886,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
     >
       <div
@@ -799,6 +897,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
     >
       <div
@@ -809,6 +908,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
     >
       <div
@@ -825,37 +925,45 @@ exports[`renders ./components/grid/demo/offset.md extend context correctly 1`] =
 Array [
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-8"
+      role="cell"
     >
       col-8
     </div>
     <div
       class="ant-col ant-col-8 ant-col-offset-8"
+      role="cell"
     >
       col-8
     </div>
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-col-offset-6"
+      role="cell"
     >
       col-6 col-offset-6
     </div>
     <div
       class="ant-col ant-col-6 ant-col-offset-6"
+      role="cell"
     >
       col-6 col-offset-6
     </div>
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-12 ant-col-offset-6"
+      role="cell"
     >
       col-12 col-offset-6
     </div>
@@ -1227,10 +1335,12 @@ Array [
   </div>,
   <div
     class="ant-row"
+    role="row"
     style="margin-left:-8px;margin-right:-8px;margin-top:-8px;margin-bottom:-8px"
   >
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1239,6 +1349,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1247,6 +1358,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1255,6 +1367,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1263,6 +1376,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1271,6 +1385,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1279,6 +1394,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1287,6 +1403,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1297,10 +1414,12 @@ Array [
   "Another Row:",
   <div
     class="ant-row"
+    role="row"
     style="margin-left:-8px;margin-right:-8px;margin-top:-8px;margin-bottom:-8px"
   >
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1309,6 +1428,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1317,6 +1437,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1325,6 +1446,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1363,19 +1485,23 @@ Array [
 exports[`renders ./components/grid/demo/responsive.md extend context correctly 1`] = `
 <div
   class="ant-row"
+  role="row"
 >
   <div
     class="ant-col ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10"
+    role="cell"
   >
     Col
   </div>
   <div
     class="ant-col ant-col-xs-20 ant-col-sm-16 ant-col-md-12 ant-col-lg-8 ant-col-xl-4"
+    role="cell"
   >
     Col
   </div>
   <div
     class="ant-col ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10"
+    role="cell"
   >
     Col
   </div>
@@ -1385,19 +1511,23 @@ exports[`renders ./components/grid/demo/responsive.md extend context correctly 1
 exports[`renders ./components/grid/demo/responsive-more.md extend context correctly 1`] = `
 <div
   class="ant-row"
+  role="row"
 >
   <div
     class="ant-col ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"
+    role="cell"
   >
     Col
   </div>
   <div
     class="ant-col ant-col-xs-11 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"
+    role="cell"
   >
     Col
   </div>
   <div
     class="ant-col ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"
+    role="cell"
   >
     Col
   </div>
@@ -1407,14 +1537,17 @@ exports[`renders ./components/grid/demo/responsive-more.md extend context correc
 exports[`renders ./components/grid/demo/sort.md extend context correctly 1`] = `
 <div
   class="ant-row"
+  role="row"
 >
   <div
     class="ant-col ant-col-18 ant-col-push-6"
+    role="cell"
   >
     col-18 col-push-6
   </div>
   <div
     class="ant-col ant-col-6 ant-col-pull-18"
+    role="cell"
   >
     col-6 col-pull-18
   </div>
diff --git a/components/grid/__tests__/__snapshots__/demo.test.js.snap b/components/grid/__tests__/__snapshots__/demo.test.js.snap
index de51051625..bd88829842 100644
--- a/components/grid/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/grid/__tests__/__snapshots__/demo.test.js.snap
@@ -4,66 +4,80 @@ exports[`renders ./components/grid/demo/basic.md correctly 1`] = `
 Array [
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-24"
+      role="cell"
     >
       col
     </div>
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-12"
+      role="cell"
     >
       col-12
     </div>
     <div
       class="ant-col ant-col-12"
+      role="cell"
     >
       col-12
     </div>
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-8"
+      role="cell"
     >
       col-8
     </div>
     <div
       class="ant-col ant-col-8"
+      role="cell"
     >
       col-8
     </div>
     <div
       class="ant-col ant-col-8"
+      role="cell"
     >
       col-8
     </div>
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-6"
+      role="cell"
     >
       col-6
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
     >
       col-6
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
     >
       col-6
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
     >
       col-6
     </div>
@@ -85,24 +99,29 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-start"
+    role="row"
   >
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
@@ -119,24 +138,29 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-center"
+    role="row"
   >
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
@@ -153,24 +177,29 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-end"
+    role="row"
   >
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
@@ -187,24 +216,29 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-space-between"
+    role="row"
   >
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
@@ -221,24 +255,29 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-space-around"
+    role="row"
   >
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
@@ -255,24 +294,29 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-space-evenly"
+    role="row"
   >
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       col-4
     </div>
@@ -294,9 +338,11 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-center ant-row-top"
+    role="row"
   >
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-100"
@@ -306,6 +352,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-50"
@@ -315,6 +362,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-120"
@@ -324,6 +372,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-80"
@@ -344,9 +393,11 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-space-around ant-row-middle"
+    role="row"
   >
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-100"
@@ -356,6 +407,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-50"
@@ -365,6 +417,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-120"
@@ -374,6 +427,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-80"
@@ -394,9 +448,11 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-space-between ant-row-bottom"
+    role="row"
   >
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-100"
@@ -406,6 +462,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-50"
@@ -415,6 +472,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-120"
@@ -424,6 +482,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <p
         class="height-80"
@@ -449,24 +508,29 @@ Array [
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-col-order-4"
+      role="cell"
     >
       1 col-order-4
     </div>
     <div
       class="ant-col ant-col-6 ant-col-order-3"
+      role="cell"
     >
       2 col-order-3
     </div>
     <div
       class="ant-col ant-col-6 ant-col-order-2"
+      role="cell"
     >
       3 col-order-2
     </div>
     <div
       class="ant-col ant-col-6 ant-col-order-1"
+      role="cell"
     >
       4 col-order-1
     </div>
@@ -483,24 +547,29 @@ Array [
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-col-xs-order-1 ant-col-sm-order-2 ant-col-md-order-3 ant-col-lg-order-4"
+      role="cell"
     >
       1 col-order-responsive
     </div>
     <div
       class="ant-col ant-col-6 ant-col-xs-order-2 ant-col-sm-order-1 ant-col-md-order-4 ant-col-lg-order-3"
+      role="cell"
     >
       2 col-order-responsive
     </div>
     <div
       class="ant-col ant-col-6 ant-col-xs-order-3 ant-col-sm-order-4 ant-col-md-order-2 ant-col-lg-order-1"
+      role="cell"
     >
       3 col-order-responsive
     </div>
     <div
       class="ant-col ant-col-6 ant-col-xs-order-4 ant-col-sm-order-3 ant-col-md-order-1 ant-col-lg-order-2"
+      role="cell"
     >
       4 col-order-responsive
     </div>
@@ -522,15 +591,18 @@ Array [
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col"
+      role="cell"
       style="flex:2 2 auto"
     >
       2 / 5
     </div>
     <div
       class="ant-col"
+      role="cell"
       style="flex:3 3 auto"
     >
       3 / 5
@@ -548,15 +620,18 @@ Array [
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col"
+      role="cell"
       style="flex:0 0 100px"
     >
       100px
     </div>
     <div
       class="ant-col"
+      role="cell"
       style="flex:auto"
     >
       Fill Rest
@@ -574,15 +649,18 @@ Array [
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col"
+      role="cell"
       style="flex:1 1 200px"
     >
       1 1 200px
     </div>
     <div
       class="ant-col"
+      role="cell"
       style="flex:0 1 300px"
     >
       0 1 300px
@@ -590,9 +668,11 @@ Array [
   </div>,
   <div
     class="ant-row ant-row-no-wrap"
+    role="row"
   >
     <div
       class="ant-col"
+      role="cell"
       style="flex:none;min-width:0"
     >
       <div
@@ -603,6 +683,7 @@ Array [
     </div>
     <div
       class="ant-col"
+      role="cell"
       style="flex:auto;min-width:0"
     >
       auto with no-wrap
@@ -625,10 +706,12 @@ Array [
   </div>,
   <div
     class="ant-row"
+    role="row"
     style="margin-left:-8px;margin-right:-8px"
   >
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px"
     >
       <div
@@ -639,6 +722,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px"
     >
       <div
@@ -649,6 +733,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px"
     >
       <div
@@ -659,6 +744,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px"
     >
       <div
@@ -680,10 +766,12 @@ Array [
   </div>,
   <div
     class="ant-row"
+    role="row"
     style="margin-left:-16px;margin-right:-16px"
   >
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:16px;padding-right:16px"
     >
       <div
@@ -694,6 +782,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:16px;padding-right:16px"
     >
       <div
@@ -704,6 +793,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:16px;padding-right:16px"
     >
       <div
@@ -714,6 +804,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:16px;padding-right:16px"
     >
       <div
@@ -735,10 +826,12 @@ Array [
   </div>,
   <div
     class="ant-row"
+    role="row"
     style="margin-left:-8px;margin-right:-8px;margin-top:-12px;margin-bottom:-12px"
   >
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
     >
       <div
@@ -749,6 +842,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
     >
       <div
@@ -759,6 +853,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
     >
       <div
@@ -769,6 +864,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
     >
       <div
@@ -779,6 +875,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
     >
       <div
@@ -789,6 +886,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
     >
       <div
@@ -799,6 +897,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
     >
       <div
@@ -809,6 +908,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6 gutter-row"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:12px;padding-bottom:12px"
     >
       <div
@@ -825,37 +925,45 @@ exports[`renders ./components/grid/demo/offset.md correctly 1`] = `
 Array [
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-8"
+      role="cell"
     >
       col-8
     </div>
     <div
       class="ant-col ant-col-8 ant-col-offset-8"
+      role="cell"
     >
       col-8
     </div>
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-col-offset-6"
+      role="cell"
     >
       col-6 col-offset-6
     </div>
     <div
       class="ant-col ant-col-6 ant-col-offset-6"
+      role="cell"
     >
       col-6 col-offset-6
     </div>
   </div>,
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-12 ant-col-offset-6"
+      role="cell"
     >
       col-12 col-offset-6
     </div>
@@ -1155,10 +1263,12 @@ Array [
   </div>,
   <div
     class="ant-row"
+    role="row"
     style="margin-left:-8px;margin-right:-8px;margin-top:-8px;margin-bottom:-8px"
   >
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1167,6 +1277,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1175,6 +1286,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1183,6 +1295,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1191,6 +1304,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1199,6 +1313,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1207,6 +1322,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1215,6 +1331,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1225,10 +1342,12 @@ Array [
   "Another Row:",
   <div
     class="ant-row"
+    role="row"
     style="margin-left:-8px;margin-right:-8px;margin-top:-8px;margin-bottom:-8px"
   >
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1237,6 +1356,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1245,6 +1365,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1253,6 +1374,7 @@ Array [
     </div>
     <div
       class="ant-col ant-col-6"
+      role="cell"
       style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px"
     >
       <div>
@@ -1291,19 +1413,23 @@ Array [
 exports[`renders ./components/grid/demo/responsive.md correctly 1`] = `
 <div
   class="ant-row"
+  role="row"
 >
   <div
     class="ant-col ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10"
+    role="cell"
   >
     Col
   </div>
   <div
     class="ant-col ant-col-xs-20 ant-col-sm-16 ant-col-md-12 ant-col-lg-8 ant-col-xl-4"
+    role="cell"
   >
     Col
   </div>
   <div
     class="ant-col ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10"
+    role="cell"
   >
     Col
   </div>
@@ -1313,19 +1439,23 @@ exports[`renders ./components/grid/demo/responsive.md correctly 1`] = `
 exports[`renders ./components/grid/demo/responsive-more.md correctly 1`] = `
 <div
   class="ant-row"
+  role="row"
 >
   <div
     class="ant-col ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"
+    role="cell"
   >
     Col
   </div>
   <div
     class="ant-col ant-col-xs-11 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"
+    role="cell"
   >
     Col
   </div>
   <div
     class="ant-col ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"
+    role="cell"
   >
     Col
   </div>
@@ -1335,14 +1465,17 @@ exports[`renders ./components/grid/demo/responsive-more.md correctly 1`] = `
 exports[`renders ./components/grid/demo/sort.md correctly 1`] = `
 <div
   class="ant-row"
+  role="row"
 >
   <div
     class="ant-col ant-col-18 ant-col-push-6"
+    role="cell"
   >
     col-18 col-push-6
   </div>
   <div
     class="ant-col ant-col-6 ant-col-pull-18"
+    role="cell"
   >
     col-6 col-pull-18
   </div>
diff --git a/components/grid/__tests__/__snapshots__/index.test.js.snap b/components/grid/__tests__/__snapshots__/index.test.js.snap
index e140bd9caa..9e657c8a97 100644
--- a/components/grid/__tests__/__snapshots__/index.test.js.snap
+++ b/components/grid/__tests__/__snapshots__/index.test.js.snap
@@ -3,16 +3,19 @@
 exports[`Grid renders wrapped Col correctly 1`] = `
 <div
   class="ant-row"
+  role="row"
   style="margin-left:-10px;margin-right:-10px"
 >
   <div>
     <div
       class="ant-col ant-col-12"
+      role="cell"
       style="padding-left:10px;padding-right:10px"
     />
   </div>
   <div
     class="ant-col ant-col-12"
+    role="cell"
     style="padding-left:10px;padding-right:10px"
   />
 </div>
@@ -21,30 +24,35 @@ exports[`Grid renders wrapped Col correctly 1`] = `
 exports[`Grid rtl render component should be rendered correctly in RTL direction 1`] = `
 <div
   class="ant-row ant-row-rtl"
+  role="row"
 />
 `;
 
 exports[`Grid rtl render component should be rendered correctly in RTL direction 2`] = `
 <div
   class="ant-col ant-col-rtl"
+  role="cell"
 />
 `;
 
 exports[`Grid should render Col 1`] = `
 <div
   class="ant-col ant-col-2"
+  role="cell"
 />
 `;
 
 exports[`Grid should render Row 1`] = `
 <div
   class="ant-row"
+  role="row"
 />
 `;
 
 exports[`Grid when typeof gutter is object array in large screen 1`] = `
 <div
   class="ant-row"
+  role="row"
   style="margin-left:-20px;margin-right:-20px;margin-top:-200px;margin-bottom:-200px"
 />
 `;
diff --git a/components/grid/__tests__/gap.test.js b/components/grid/__tests__/gap.test.js
index 5a2b87abc0..8129d9f13d 100644
--- a/components/grid/__tests__/gap.test.js
+++ b/components/grid/__tests__/gap.test.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOMServer from 'react-dom/server';
 import { mount } from 'enzyme';
-import { render } from '../../../tests/utils';
+import { render, screen } from '../../../tests/utils';
 import { Col, Row } from '..';
 // eslint-disable-next-line no-unused-vars
 import * as styleChecker from '../../_util/styleChecker';
@@ -13,6 +13,16 @@ jest.mock('../../_util/styleChecker', () => ({
 }));
 
 describe('Grid.Gap', () => {
+  it('should not have `row-gap: 0px` style', () => {
+    render(
+      <Row>
+        <Col />
+      </Row>,
+    );
+
+    expect(screen.getByRole('row').style.rowGap).toBe('');
+  });
+
   it('should use gap', () => {
     const wrapper = mount(
       <Row gutter={[16, 8]}>
diff --git a/components/grid/col.tsx b/components/grid/col.tsx
index dacf1e1655..9b1f78820a 100644
--- a/components/grid/col.tsx
+++ b/components/grid/col.tsx
@@ -128,7 +128,7 @@ const Col = React.forwardRef<HTMLDivElement, ColProps>((props, ref) => {
   }
 
   return (
-    <div {...others} style={{ ...mergedStyle, ...style }} className={classes} ref={ref}>
+    <div role="cell" {...others} style={{ ...mergedStyle, ...style }} className={classes} ref={ref}>
       {children}
     </div>
   );
diff --git a/components/grid/row.tsx b/components/grid/row.tsx
index b5cc2a5939..2dbc6cd291 100644
--- a/components/grid/row.tsx
+++ b/components/grid/row.tsx
@@ -13,7 +13,8 @@ import useFlexGapSupport from '../_util/hooks/useFlexGapSupport';
 const RowAligns = tuple('top', 'middle', 'bottom', 'stretch');
 const RowJustify = tuple('start', 'end', 'center', 'space-around', 'space-between', 'space-evenly');
 
-export type Gutter = number | Partial<Record<Breakpoint, number>>;
+type Gap = number | undefined;
+export type Gutter = number | undefined | Partial<Record<Breakpoint, number>>;
 export interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
   gutter?: Gutter | [Gutter, Gutter];
   align?: typeof RowAligns[number];
@@ -66,9 +67,9 @@ const Row = React.forwardRef<HTMLDivElement, RowProps>((props, ref) => {
   }, []);
 
   // ================================== Render ==================================
-  const getGutter = (): [number, number] => {
-    const results: [number, number] = [0, 0];
-    const normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, 0];
+  const getGutter = (): [Gap, Gap] => {
+    const results: [Gap, Gap] = [undefined, undefined];
+    const normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, undefined];
     normalizedGutter.forEach((g, index) => {
       if (typeof g === 'object') {
         for (let i = 0; i < responsiveArray.length; i++) {
@@ -79,7 +80,7 @@ const Row = React.forwardRef<HTMLDivElement, RowProps>((props, ref) => {
           }
         }
       } else {
-        results[index] = g || 0;
+        results[index] = g;
       }
     });
     return results;
@@ -100,8 +101,8 @@ const Row = React.forwardRef<HTMLDivElement, RowProps>((props, ref) => {
 
   // Add gutter related style
   const rowStyle: React.CSSProperties = {};
-  const horizontalGutter = gutters[0] > 0 ? gutters[0] / -2 : undefined;
-  const verticalGutter = gutters[1] > 0 ? gutters[1] / -2 : undefined;
+  const horizontalGutter = gutters[0] != null && gutters[0] > 0 ? gutters[0] / -2 : undefined;
+  const verticalGutter = gutters[1] != null && gutters[1] > 0 ? gutters[1] / -2 : undefined;
 
   if (horizontalGutter) {
     rowStyle.marginLeft = horizontalGutter;
@@ -126,7 +127,7 @@ const Row = React.forwardRef<HTMLDivElement, RowProps>((props, ref) => {
 
   return (
     <RowContext.Provider value={rowContext}>
-      <div {...others} className={classes} style={{ ...rowStyle, ...style }} ref={ref}>
+      <div role="row" {...others} className={classes} style={{ ...rowStyle, ...style }} ref={ref}>
         {children}
       </div>
     </RowContext.Provider>
diff --git a/components/input/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/input/__tests__/__snapshots__/demo-extend.test.ts.snap
index 536c06d893..9f0c6ddc3a 100644
--- a/components/input/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/input/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -5201,10 +5201,12 @@ exports[`renders ./components/input/demo/group.md extend context correctly 1`] =
   >
     <div
       class="ant-row"
+      role="row"
       style="margin-left:-4px;margin-right:-4px"
     >
       <div
         class="ant-col ant-col-5"
+        role="cell"
         style="padding-left:4px;padding-right:4px"
       >
         <input
@@ -5215,6 +5217,7 @@ exports[`renders ./components/input/demo/group.md extend context correctly 1`] =
       </div>
       <div
         class="ant-col ant-col-8"
+        role="cell"
         style="padding-left:4px;padding-right:4px"
       >
         <input
diff --git a/components/input/__tests__/__snapshots__/demo.test.js.snap b/components/input/__tests__/__snapshots__/demo.test.js.snap
index 570ca6c1f1..76ba09921b 100644
--- a/components/input/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.js.snap
@@ -1418,10 +1418,12 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
   >
     <div
       class="ant-row"
+      role="row"
       style="margin-left:-4px;margin-right:-4px"
     >
       <div
         class="ant-col ant-col-5"
+        role="cell"
         style="padding-left:4px;padding-right:4px"
       >
         <input
@@ -1432,6 +1434,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
       </div>
       <div
         class="ant-col ant-col-8"
+        role="cell"
         style="padding-left:4px;padding-right:4px"
       >
         <input
diff --git a/components/input/__tests__/__snapshots__/index.test.tsx.snap b/components/input/__tests__/__snapshots__/index.test.tsx.snap
index e9f891a688..7ddc700b4e 100644
--- a/components/input/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/input/__tests__/__snapshots__/index.test.tsx.snap
@@ -365,9 +365,11 @@ exports[`Input should support size in form 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
diff --git a/components/list/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/list/__tests__/__snapshots__/demo-extend.test.ts.snap
index 50ee5b75aa..bd53ff0069 100644
--- a/components/list/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/list/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -179,6 +179,7 @@ exports[`renders ./components/list/demo/grid.md extend context correctly 1`] = `
     >
       <div
         class="ant-row"
+        role="row"
         style="margin-left:-8px;margin-right:-8px"
       >
         <div
@@ -186,6 +187,7 @@ exports[`renders ./components/list/demo/grid.md extend context correctly 1`] = `
         >
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
@@ -221,6 +223,7 @@ exports[`renders ./components/list/demo/grid.md extend context correctly 1`] = `
         >
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
@@ -256,6 +259,7 @@ exports[`renders ./components/list/demo/grid.md extend context correctly 1`] = `
         >
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
@@ -291,6 +295,7 @@ exports[`renders ./components/list/demo/grid.md extend context correctly 1`] = `
         >
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
@@ -340,6 +345,7 @@ Array [
       >
         <div
           class="ant-row"
+          role="row"
           style="margin-left:-8px;margin-right:-8px"
         >
           <div
@@ -347,6 +353,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -382,6 +389,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -417,6 +425,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -452,6 +461,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -487,6 +497,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -522,6 +533,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -567,6 +579,7 @@ Array [
       >
         <div
           class="ant-row"
+          role="row"
           style="margin-left:-8px;margin-right:-8px"
         >
           <div
@@ -574,6 +587,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -609,6 +623,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -644,6 +659,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -679,6 +695,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -714,6 +731,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -749,6 +767,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -794,6 +813,7 @@ Array [
       >
         <div
           class="ant-row"
+          role="row"
           style="margin-left:-8px;margin-right:-8px"
         >
           <div
@@ -801,6 +821,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -837,6 +858,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -873,6 +895,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -909,6 +932,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -945,6 +969,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -981,6 +1006,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -1176,11 +1202,13 @@ exports[`renders ./components/list/demo/responsive.md extend context correctly 1
     >
       <div
         class="ant-row"
+        role="row"
         style="margin-left:-8px;margin-right:-8px"
       >
         <div>
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
@@ -1214,6 +1242,7 @@ exports[`renders ./components/list/demo/responsive.md extend context correctly 1
         <div>
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
@@ -1247,6 +1276,7 @@ exports[`renders ./components/list/demo/responsive.md extend context correctly 1
         <div>
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
@@ -1280,6 +1310,7 @@ exports[`renders ./components/list/demo/responsive.md extend context correctly 1
         <div>
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
@@ -1313,6 +1344,7 @@ exports[`renders ./components/list/demo/responsive.md extend context correctly 1
         <div>
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
@@ -1346,6 +1378,7 @@ exports[`renders ./components/list/demo/responsive.md extend context correctly 1
         <div>
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
diff --git a/components/list/__tests__/__snapshots__/demo.test.js.snap b/components/list/__tests__/__snapshots__/demo.test.js.snap
index f0c8174f2c..5e8670ba41 100644
--- a/components/list/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/list/__tests__/__snapshots__/demo.test.js.snap
@@ -179,6 +179,7 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
     >
       <div
         class="ant-row"
+        role="row"
         style="margin-left:-8px;margin-right:-8px"
       >
         <div
@@ -186,6 +187,7 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
         >
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
@@ -221,6 +223,7 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
         >
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
@@ -256,6 +259,7 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
         >
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
@@ -291,6 +295,7 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
         >
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
@@ -340,6 +345,7 @@ Array [
       >
         <div
           class="ant-row"
+          role="row"
           style="margin-left:-8px;margin-right:-8px"
         >
           <div
@@ -347,6 +353,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -382,6 +389,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -417,6 +425,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -452,6 +461,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -487,6 +497,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -522,6 +533,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -567,6 +579,7 @@ Array [
       >
         <div
           class="ant-row"
+          role="row"
           style="margin-left:-8px;margin-right:-8px"
         >
           <div
@@ -574,6 +587,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -609,6 +623,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -644,6 +659,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -679,6 +695,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -714,6 +731,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -749,6 +767,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -794,6 +813,7 @@ Array [
       >
         <div
           class="ant-row"
+          role="row"
           style="margin-left:-8px;margin-right:-8px"
         >
           <div
@@ -801,6 +821,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -837,6 +858,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -873,6 +895,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -909,6 +932,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -945,6 +969,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -981,6 +1006,7 @@ Array [
           >
             <div
               class="ant-col"
+              role="cell"
               style="padding-left:8px;padding-right:8px;flex:1 1 auto"
             >
               <div
@@ -1176,11 +1202,13 @@ exports[`renders ./components/list/demo/responsive.md correctly 1`] = `
     >
       <div
         class="ant-row"
+        role="row"
         style="margin-left:-8px;margin-right:-8px"
       >
         <div>
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
@@ -1214,6 +1242,7 @@ exports[`renders ./components/list/demo/responsive.md correctly 1`] = `
         <div>
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
@@ -1247,6 +1276,7 @@ exports[`renders ./components/list/demo/responsive.md correctly 1`] = `
         <div>
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
@@ -1280,6 +1310,7 @@ exports[`renders ./components/list/demo/responsive.md correctly 1`] = `
         <div>
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
@@ -1313,6 +1344,7 @@ exports[`renders ./components/list/demo/responsive.md correctly 1`] = `
         <div>
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
@@ -1346,6 +1378,7 @@ exports[`renders ./components/list/demo/responsive.md correctly 1`] = `
         <div>
           <div
             class="ant-col"
+            role="cell"
             style="padding-left:8px;padding-right:8px;flex:1 1 auto"
           >
             <div
diff --git a/components/mentions/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/mentions/__tests__/__snapshots__/demo-extend.test.ts.snap
index bdbdbe3a4a..73cd8ecabf 100644
--- a/components/mentions/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/mentions/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -44,9 +44,11 @@ exports[`renders ./components/mentions/demo/form.md extend context correctly 1`]
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -58,6 +60,7 @@ exports[`renders ./components/mentions/demo/form.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -80,9 +83,11 @@ exports[`renders ./components/mentions/demo/form.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -94,6 +99,7 @@ exports[`renders ./components/mentions/demo/form.md extend context correctly 1`]
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -117,9 +123,11 @@ exports[`renders ./components/mentions/demo/form.md extend context correctly 1`]
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-14 ant-col-offset-6 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
diff --git a/components/mentions/__tests__/__snapshots__/demo.test.js.snap b/components/mentions/__tests__/__snapshots__/demo.test.js.snap
index 2e2c58f457..c397ff0686 100644
--- a/components/mentions/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/mentions/__tests__/__snapshots__/demo.test.js.snap
@@ -44,9 +44,11 @@ exports[`renders ./components/mentions/demo/form.md correctly 1`] = `
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -58,6 +60,7 @@ exports[`renders ./components/mentions/demo/form.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -80,9 +83,11 @@ exports[`renders ./components/mentions/demo/form.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-6 ant-form-item-label"
+      role="cell"
     >
       <label
         class="ant-form-item-required"
@@ -94,6 +99,7 @@ exports[`renders ./components/mentions/demo/form.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-16 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
@@ -117,9 +123,11 @@ exports[`renders ./components/mentions/demo/form.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-14 ant-col-offset-6 ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
diff --git a/components/page-header/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/page-header/__tests__/__snapshots__/demo-extend.test.ts.snap
index 7c88f42f7e..15bf51d4be 100644
--- a/components/page-header/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/page-header/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -339,6 +339,7 @@ Array [
     >
       <div
         class="ant-row"
+        role="row"
       >
         <div
           class="ant-statistic"
@@ -942,6 +943,7 @@ exports[`renders ./components/page-header/demo/content.md extend context correct
   >
     <div
       class="ant-row"
+      role="row"
     >
       <div
         style="flex:1"
diff --git a/components/page-header/__tests__/__snapshots__/demo.test.js.snap b/components/page-header/__tests__/__snapshots__/demo.test.js.snap
index 26dd262b48..0694a3f8e1 100644
--- a/components/page-header/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/page-header/__tests__/__snapshots__/demo.test.js.snap
@@ -339,6 +339,7 @@ Array [
     >
       <div
         class="ant-row"
+        role="row"
       >
         <div
           class="ant-statistic"
@@ -739,6 +740,7 @@ exports[`renders ./components/page-header/demo/content.md correctly 1`] = `
   >
     <div
       class="ant-row"
+      role="row"
     >
       <div
         style="flex:1"
diff --git a/components/skeleton/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/skeleton/__tests__/__snapshots__/demo-extend.test.ts.snap
index 5f7834f555..dc1997fb4c 100644
--- a/components/skeleton/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/skeleton/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -190,9 +190,11 @@ Array [
   >
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -203,6 +205,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -229,9 +232,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -242,6 +247,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -268,9 +274,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -281,6 +289,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -356,9 +365,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -369,6 +380,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -444,9 +456,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -457,6 +471,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
diff --git a/components/skeleton/__tests__/__snapshots__/demo.test.js.snap b/components/skeleton/__tests__/__snapshots__/demo.test.js.snap
index c9be57e5f8..e72e46a123 100644
--- a/components/skeleton/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/skeleton/__tests__/__snapshots__/demo.test.js.snap
@@ -190,9 +190,11 @@ Array [
   >
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -203,6 +205,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -229,9 +232,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -242,6 +247,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -268,9 +274,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -281,6 +289,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -356,9 +365,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -369,6 +380,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -444,9 +456,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -457,6 +471,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
diff --git a/components/slider/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/slider/__tests__/__snapshots__/demo-extend.test.ts.snap
index b57edd2b58..6c6b4fa78f 100644
--- a/components/slider/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/slider/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -466,9 +466,11 @@ exports[`renders ./components/slider/demo/input-number.md extend context correct
 <div>
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-12"
+      role="cell"
     >
       <div
         class="ant-slider ant-slider-horizontal"
@@ -521,6 +523,7 @@ exports[`renders ./components/slider/demo/input-number.md extend context correct
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <div
         class="ant-input-number"
@@ -603,9 +606,11 @@ exports[`renders ./components/slider/demo/input-number.md extend context correct
   </div>
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-12"
+      role="cell"
     >
       <div
         class="ant-slider ant-slider-horizontal"
@@ -658,6 +663,7 @@ exports[`renders ./components/slider/demo/input-number.md extend context correct
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <div
         class="ant-input-number"
diff --git a/components/slider/__tests__/__snapshots__/demo.test.js.snap b/components/slider/__tests__/__snapshots__/demo.test.js.snap
index bed03c73da..7dc7e31db9 100644
--- a/components/slider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/slider/__tests__/__snapshots__/demo.test.js.snap
@@ -250,9 +250,11 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
 <div>
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-12"
+      role="cell"
     >
       <div
         class="ant-slider ant-slider-horizontal"
@@ -281,6 +283,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <div
         class="ant-input-number"
@@ -363,9 +366,11 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
   </div>
   <div
     class="ant-row"
+    role="row"
   >
     <div
       class="ant-col ant-col-12"
+      role="cell"
     >
       <div
         class="ant-slider ant-slider-horizontal"
@@ -394,6 +399,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-4"
+      role="cell"
     >
       <div
         class="ant-input-number"
diff --git a/components/statistic/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/statistic/__tests__/__snapshots__/demo-extend.test.ts.snap
index 5fe892af96..950560ffdd 100644
--- a/components/statistic/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/statistic/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -3,10 +3,12 @@
 exports[`renders ./components/statistic/demo/basic.md extend context correctly 1`] = `
 <div
   class="ant-row"
+  role="row"
   style="margin-left:-8px;margin-right:-8px"
 >
   <div
     class="ant-col ant-col-12"
+    role="cell"
     style="padding-left:8px;padding-right:8px"
   >
     <div
@@ -34,6 +36,7 @@ exports[`renders ./components/statistic/demo/basic.md extend context correctly 1
   </div>
   <div
     class="ant-col ant-col-12"
+    role="cell"
     style="padding-left:8px;padding-right:8px"
   >
     <div
@@ -75,6 +78,7 @@ exports[`renders ./components/statistic/demo/basic.md extend context correctly 1
   </div>
   <div
     class="ant-col ant-col-12"
+    role="cell"
     style="padding-left:8px;padding-right:8px"
   >
     <div
@@ -107,10 +111,12 @@ exports[`renders ./components/statistic/demo/card.md extend context correctly 1`
 >
   <div
     class="ant-row"
+    role="row"
     style="margin-left:-8px;margin-right:-8px"
   >
     <div
       class="ant-col ant-col-12"
+      role="cell"
       style="padding-left:8px;padding-right:8px"
     >
       <div
@@ -180,6 +186,7 @@ exports[`renders ./components/statistic/demo/card.md extend context correctly 1`
     </div>
     <div
       class="ant-col ant-col-12"
+      role="cell"
       style="padding-left:8px;padding-right:8px"
     >
       <div
@@ -254,10 +261,12 @@ exports[`renders ./components/statistic/demo/card.md extend context correctly 1`
 exports[`renders ./components/statistic/demo/countdown.md extend context correctly 1`] = `
 <div
   class="ant-row"
+  role="row"
   style="margin-left:-8px;margin-right:-8px"
 >
   <div
     class="ant-col ant-col-12"
+    role="cell"
     style="padding-left:8px;padding-right:8px"
   >
     <div
@@ -281,6 +290,7 @@ exports[`renders ./components/statistic/demo/countdown.md extend context correct
   </div>
   <div
     class="ant-col ant-col-12"
+    role="cell"
     style="padding-left:8px;padding-right:8px"
   >
     <div
@@ -304,6 +314,7 @@ exports[`renders ./components/statistic/demo/countdown.md extend context correct
   </div>
   <div
     class="ant-col ant-col-24"
+    role="cell"
     style="padding-left:8px;padding-right:8px;margin-top:32px"
   >
     <div
@@ -327,6 +338,7 @@ exports[`renders ./components/statistic/demo/countdown.md extend context correct
   </div>
   <div
     class="ant-col ant-col-12"
+    role="cell"
     style="padding-left:8px;padding-right:8px"
   >
     <div
@@ -354,10 +366,12 @@ exports[`renders ./components/statistic/demo/countdown.md extend context correct
 exports[`renders ./components/statistic/demo/unit.md extend context correctly 1`] = `
 <div
   class="ant-row"
+  role="row"
   style="margin-left:-8px;margin-right:-8px"
 >
   <div
     class="ant-col ant-col-12"
+    role="cell"
     style="padding-left:8px;padding-right:8px"
   >
     <div
@@ -408,6 +422,7 @@ exports[`renders ./components/statistic/demo/unit.md extend context correctly 1`
   </div>
   <div
     class="ant-col ant-col-12"
+    role="cell"
     style="padding-left:8px;padding-right:8px"
   >
     <div
diff --git a/components/statistic/__tests__/__snapshots__/demo.test.js.snap b/components/statistic/__tests__/__snapshots__/demo.test.js.snap
index 603e3cdde7..3ff7ddbc74 100644
--- a/components/statistic/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/statistic/__tests__/__snapshots__/demo.test.js.snap
@@ -3,10 +3,12 @@
 exports[`renders ./components/statistic/demo/basic.md correctly 1`] = `
 <div
   class="ant-row"
+  role="row"
   style="margin-left:-8px;margin-right:-8px"
 >
   <div
     class="ant-col ant-col-12"
+    role="cell"
     style="padding-left:8px;padding-right:8px"
   >
     <div
@@ -34,6 +36,7 @@ exports[`renders ./components/statistic/demo/basic.md correctly 1`] = `
   </div>
   <div
     class="ant-col ant-col-12"
+    role="cell"
     style="padding-left:8px;padding-right:8px"
   >
     <div
@@ -75,6 +78,7 @@ exports[`renders ./components/statistic/demo/basic.md correctly 1`] = `
   </div>
   <div
     class="ant-col ant-col-12"
+    role="cell"
     style="padding-left:8px;padding-right:8px"
   >
     <div
@@ -107,10 +111,12 @@ exports[`renders ./components/statistic/demo/card.md correctly 1`] = `
 >
   <div
     class="ant-row"
+    role="row"
     style="margin-left:-8px;margin-right:-8px"
   >
     <div
       class="ant-col ant-col-12"
+      role="cell"
       style="padding-left:8px;padding-right:8px"
     >
       <div
@@ -180,6 +186,7 @@ exports[`renders ./components/statistic/demo/card.md correctly 1`] = `
     </div>
     <div
       class="ant-col ant-col-12"
+      role="cell"
       style="padding-left:8px;padding-right:8px"
     >
       <div
@@ -254,10 +261,12 @@ exports[`renders ./components/statistic/demo/card.md correctly 1`] = `
 exports[`renders ./components/statistic/demo/countdown.md correctly 1`] = `
 <div
   class="ant-row"
+  role="row"
   style="margin-left:-8px;margin-right:-8px"
 >
   <div
     class="ant-col ant-col-12"
+    role="cell"
     style="padding-left:8px;padding-right:8px"
   >
     <div
@@ -281,6 +290,7 @@ exports[`renders ./components/statistic/demo/countdown.md correctly 1`] = `
   </div>
   <div
     class="ant-col ant-col-12"
+    role="cell"
     style="padding-left:8px;padding-right:8px"
   >
     <div
@@ -304,6 +314,7 @@ exports[`renders ./components/statistic/demo/countdown.md correctly 1`] = `
   </div>
   <div
     class="ant-col ant-col-24"
+    role="cell"
     style="padding-left:8px;padding-right:8px;margin-top:32px"
   >
     <div
@@ -327,6 +338,7 @@ exports[`renders ./components/statistic/demo/countdown.md correctly 1`] = `
   </div>
   <div
     class="ant-col ant-col-12"
+    role="cell"
     style="padding-left:8px;padding-right:8px"
   >
     <div
@@ -354,10 +366,12 @@ exports[`renders ./components/statistic/demo/countdown.md correctly 1`] = `
 exports[`renders ./components/statistic/demo/unit.md correctly 1`] = `
 <div
   class="ant-row"
+  role="row"
   style="margin-left:-8px;margin-right:-8px"
 >
   <div
     class="ant-col ant-col-12"
+    role="cell"
     style="padding-left:8px;padding-right:8px"
   >
     <div
@@ -408,6 +422,7 @@ exports[`renders ./components/statistic/demo/unit.md correctly 1`] = `
   </div>
   <div
     class="ant-col ant-col-12"
+    role="cell"
     style="padding-left:8px;padding-right:8px"
   >
     <div
diff --git a/components/style/mixins/rounded-arrow.less b/components/style/mixins/rounded-arrow.less
index 8d6abb8588..96503d4b26 100644
--- a/components/style/mixins/rounded-arrow.less
+++ b/components/style/mixins/rounded-arrow.less
@@ -17,6 +17,10 @@
   @e-y: @f-y + @outer-radius-without-unit * (1 / sqrt(2));
   @f-x: 2 * @width-without-unit + @corner-height;
   @f-y: @width-without-unit - @corner-height;
+  @g-x: @f-x - 1;
+  @g-y: @f-y;
+  @h-x: @a-x;
+  @h-y: @a-y - 1;
 
   border-radius: 0 0 @arrow-border-radius;
   pointer-events: none;
@@ -27,11 +31,13 @@
     left: -@width;
     width: @width * 3;
     height: @width * 3;
-    background: linear-gradient(to left, @bg-color 50%, @bg-color 50%) no-repeat ceil(-@width + 1px)
-      ceil(-@width + 1px); // Hack firefox: https://github.com/ant-design/ant-design/pull/33710#issuecomment-1015287825
+    background: @bg-color;
+    // Hack firefox: https://github.com/ant-design/ant-design/pull/33710#issuecomment-1015287825
+    background-repeat: no-repeat;
+    background-position: ceil(-@width + 1px) ceil(-@width + 1px);
     content: '';
     clip-path: path(
-      'M @{a-x} @{a-y} A @{outer-radius-without-unit} @{outer-radius-without-unit} 0 0 1 @{b-x} @{b-y} L @{c-x} @{c-y} A @{inner-radius-without-unit} @{inner-radius-without-unit} 0 0 0 @{d-x} @{d-y} L @{e-x} @{e-y} A @{outer-radius-without-unit} @{outer-radius-without-unit} 0 0 1 @{f-x} @{f-y} Z'
+      'M @{a-x} @{a-y} A @{outer-radius-without-unit} @{outer-radius-without-unit} 0 0 1 @{b-x} @{b-y} L @{c-x} @{c-y} A @{inner-radius-without-unit} @{inner-radius-without-unit} 0 0 0 @{d-x} @{d-y} L @{e-x} @{e-y} A @{outer-radius-without-unit} @{outer-radius-without-unit} 0 0 1 @{f-x} @{f-y} L @{g-x} @{g-y} L @{h-x} @{h-y} Z'
     );
   }
 }
diff --git a/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
index a128cd12be..10f53c3cd1 100644
--- a/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -2295,9 +2295,11 @@ Array [
   >
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2308,6 +2310,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2334,9 +2337,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2347,6 +2352,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2373,9 +2379,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2386,6 +2394,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2412,9 +2421,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2425,6 +2436,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2451,9 +2463,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2464,6 +2478,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2490,9 +2505,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2503,6 +2520,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2529,9 +2547,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2542,6 +2562,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2568,9 +2589,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2581,6 +2604,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2607,9 +2631,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2620,6 +2646,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2646,9 +2673,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2659,6 +2688,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2685,9 +2715,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2698,6 +2730,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2773,9 +2806,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2786,6 +2821,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2860,9 +2896,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2873,6 +2911,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2928,9 +2967,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2941,6 +2982,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -3035,9 +3077,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -3048,6 +3092,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -15701,9 +15746,11 @@ Array [
   >
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -15714,6 +15761,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -15740,9 +15788,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -15753,6 +15803,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
diff --git a/components/table/__tests__/__snapshots__/demo.test.js.snap b/components/table/__tests__/__snapshots__/demo.test.js.snap
index 4dddda40ae..21d24aa19b 100644
--- a/components/table/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/table/__tests__/__snapshots__/demo.test.js.snap
@@ -1804,9 +1804,11 @@ Array [
   >
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -1817,6 +1819,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -1843,9 +1846,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -1856,6 +1861,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -1882,9 +1888,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -1895,6 +1903,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -1921,9 +1930,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -1934,6 +1945,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -1960,9 +1972,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -1973,6 +1987,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -1999,9 +2014,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2012,6 +2029,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2038,9 +2056,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2051,6 +2071,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2077,9 +2098,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2090,6 +2113,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2116,9 +2140,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2129,6 +2155,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2155,9 +2182,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2168,6 +2197,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2194,9 +2224,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2207,6 +2239,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2282,9 +2315,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2295,6 +2330,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2369,9 +2405,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2382,6 +2420,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2437,9 +2476,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2450,6 +2491,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -2544,9 +2586,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -2557,6 +2601,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -11943,9 +11988,11 @@ Array [
   >
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -11956,6 +12003,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
@@ -11982,9 +12030,11 @@ Array [
     </div>
     <div
       class="ant-row ant-form-item"
+      role="row"
     >
       <div
         class="ant-col ant-form-item-label"
+        role="cell"
       >
         <label
           class=""
@@ -11995,6 +12045,7 @@ Array [
       </div>
       <div
         class="ant-col ant-form-item-control"
+        role="cell"
       >
         <div
           class="ant-form-item-control-input"
diff --git a/components/tooltip/style/index.less b/components/tooltip/style/index.less
index 29af91da65..189ca698cc 100644
--- a/components/tooltip/style/index.less
+++ b/components/tooltip/style/index.less
@@ -23,6 +23,10 @@
   max-width: @tooltip-max-width;
   visibility: visible;
 
+  &-content {
+    position: relative;
+  }
+
   &-hidden {
     display: none;
   }
@@ -68,6 +72,7 @@
   // Arrows
   &-arrow {
     position: absolute;
+    z-index: 2;
     display: block;
     width: @tooltip-arrow-rotate-width;
     height: @tooltip-arrow-rotate-width;
@@ -76,7 +81,12 @@
     pointer-events: none;
 
     &-content {
-      --antd-arrow-background-color: @tooltip-bg;
+      // Use linear gradient to mix box shadow of tooltip inner
+      --antd-arrow-background-color: linear-gradient(
+        to right bottom,
+        fadeout(@tooltip-bg, 10%),
+        @tooltip-bg
+      );
 
       position: absolute;
       top: 0;
@@ -97,7 +107,8 @@
   &-placement-top &-arrow,
   &-placement-topLeft &-arrow,
   &-placement-topRight &-arrow {
-    bottom: @tooltip-distance - @tooltip-arrow-rotate-width + 0.24px;
+    bottom: 0;
+    transform: translateY(100%);
 
     &-content {
       box-shadow: @tooltip-arrow-shadow-width @tooltip-arrow-shadow-width 7px fade(@black, 7%);
@@ -107,7 +118,7 @@
 
   &-placement-top &-arrow {
     left: 50%;
-    transform: translateX(-50%);
+    transform: translateY(100%) translateX(-50%);
   }
 
   &-placement-topLeft &-arrow {
@@ -121,7 +132,8 @@
   &-placement-right &-arrow,
   &-placement-rightTop &-arrow,
   &-placement-rightBottom &-arrow {
-    left: @tooltip-distance - @tooltip-arrow-rotate-width + 0.1px;
+    left: 0;
+    transform: translateX(-100%);
 
     &-content {
       box-shadow: -@tooltip-arrow-shadow-width @tooltip-arrow-shadow-width 7px fade(@black, 7%);
@@ -131,7 +143,7 @@
 
   &-placement-right &-arrow {
     top: 50%;
-    transform: translateY(-50%);
+    transform: translateX(-100%) translateY(-50%);
   }
 
   &-placement-rightTop &-arrow {
@@ -145,7 +157,8 @@
   &-placement-left &-arrow,
   &-placement-leftTop &-arrow,
   &-placement-leftBottom &-arrow {
-    right: @tooltip-distance - @tooltip-arrow-rotate-width + 0.08px;
+    right: 0;
+    transform: translateX(100%);
 
     &-content {
       box-shadow: @tooltip-arrow-shadow-width -@tooltip-arrow-shadow-width 7px fade(@black, 7%);
@@ -155,7 +168,7 @@
 
   &-placement-left &-arrow {
     top: 50%;
-    transform: translateY(-50%);
+    transform: translateX(100%) translateY(-50%);
   }
 
   &-placement-leftTop &-arrow {
@@ -169,7 +182,8 @@
   &-placement-bottom &-arrow,
   &-placement-bottomLeft &-arrow,
   &-placement-bottomRight &-arrow {
-    top: @tooltip-distance - @tooltip-arrow-rotate-width + 0.1px;
+    top: 0;
+    transform: translateY(-100%);
 
     &-content {
       box-shadow: -@tooltip-arrow-shadow-width -@tooltip-arrow-shadow-width 7px fade(@black, 7%);
@@ -179,7 +193,7 @@
 
   &-placement-bottom &-arrow {
     left: 50%;
-    transform: translateX(-50%);
+    transform: translateY(-100%) translateX(-50%);
   }
 
   &-placement-bottomLeft &-arrow {
diff --git a/components/upload/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/upload/__tests__/__snapshots__/demo-extend.test.ts.snap
index 8872edf356..95bcec820a 100644
--- a/components/upload/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/upload/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -3781,9 +3781,11 @@ exports[`renders ./components/upload/demo/upload-with-aliyun-oss.md extend conte
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -3795,6 +3797,7 @@ exports[`renders ./components/upload/demo/upload-with-aliyun-oss.md extend conte
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"
diff --git a/components/upload/__tests__/__snapshots__/demo.test.js.snap b/components/upload/__tests__/__snapshots__/demo.test.js.snap
index 48506072c2..0e4d44cdf5 100644
--- a/components/upload/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/upload/__tests__/__snapshots__/demo.test.js.snap
@@ -3565,9 +3565,11 @@ exports[`renders ./components/upload/demo/upload-with-aliyun-oss.md correctly 1`
 >
   <div
     class="ant-row ant-form-item"
+    role="row"
   >
     <div
       class="ant-col ant-col-4 ant-form-item-label"
+      role="cell"
     >
       <label
         class=""
@@ -3579,6 +3581,7 @@ exports[`renders ./components/upload/demo/upload-with-aliyun-oss.md correctly 1`
     </div>
     <div
       class="ant-col ant-form-item-control"
+      role="cell"
     >
       <div
         class="ant-form-item-control-input"