diff --git a/components/badge/__tests__/__snapshots__/demo.test.js.snap b/components/badge/__tests__/__snapshots__/demo.test.js.snap
index bc7c7bf063..b4ea043b99 100644
--- a/components/badge/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/badge/__tests__/__snapshots__/demo.test.js.snap
@@ -425,15 +425,17 @@ exports[`renders ./components/badge/demo/change.md correctly 1`] = `
         data-show="true"
       />
     </span>
-    <span
+    <button
+      aria-checked="true"
       checked=""
       class="ant-switch ant-switch-checked"
-      tabindex="0"
+      role="switch"
+      type="button"
     >
       <span
         class="ant-switch-inner"
       />
-    </span>
+    </button>
   </div>
 </div>
 `;
diff --git a/components/card/__tests__/__snapshots__/demo.test.js.snap b/components/card/__tests__/__snapshots__/demo.test.js.snap
index 2385df716f..0583be620b 100644
--- a/components/card/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/card/__tests__/__snapshots__/demo.test.js.snap
@@ -372,14 +372,16 @@ exports[`renders ./components/card/demo/inner.md correctly 1`] = `
 
 exports[`renders ./components/card/demo/loading.md correctly 1`] = `
 <div>
-  <span
+  <button
+    aria-checked="false"
     class="ant-switch"
-    tabindex="0"
+    role="switch"
+    type="button"
   >
     <span
       class="ant-switch-inner"
     />
-  </span>
+  </button>
   <div
     class="ant-card ant-card-loading ant-card-bordered"
     style="width:300px;margin-top:16px"
diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index e6cd019616..0927510660 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -2802,17 +2802,19 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
         <span
           class="ant-form-item-children"
         >
-          <span
+          <button
+            aria-checked="false"
             class="ant-switch"
             data-__field="[object Object]"
             data-__meta="[object Object]"
             id="switch"
-            tabindex="0"
+            role="switch"
+            type="button"
           >
             <span
               class="ant-switch-inner"
             />
-          </span>
+          </button>
         </span>
       </div>
     </div>
diff --git a/components/menu/__tests__/__snapshots__/demo.test.js.snap b/components/menu/__tests__/__snapshots__/demo.test.js.snap
index bb07501ed1..19ceaa153e 100644
--- a/components/menu/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/menu/__tests__/__snapshots__/demo.test.js.snap
@@ -760,27 +760,31 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
 
 exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
 <div>
-  <span
+  <button
+    aria-checked="false"
     class="ant-switch"
-    tabindex="0"
+    role="switch"
+    type="button"
   >
     <span
       class="ant-switch-inner"
     />
-  </span>
+  </button>
    Change Mode
   <span
     class="ant-divider"
     style="margin:0 1em"
   />
-  <span
+  <button
+    aria-checked="false"
     class="ant-switch"
-    tabindex="0"
+    role="switch"
+    type="button"
   >
     <span
       class="ant-switch-inner"
     />
-  </span>
+  </button>
    Change Theme
   <br />
   <br />
@@ -957,17 +961,19 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
 
 exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
 <div>
-  <span
+  <button
+    aria-checked="true"
     checked=""
     class="ant-switch ant-switch-checked"
-    tabindex="0"
+    role="switch"
+    type="button"
   >
     <span
       class="ant-switch-inner"
     >
       Dark
     </span>
-  </span>
+  </button>
   <br />
   <br />
   <ul
diff --git a/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap b/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
index d84426db52..1b6c6fa967 100644
--- a/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
@@ -18,14 +18,16 @@ exports[`renders ./components/popconfirm/demo/dynamic-trigger.md correctly 1`] =
   <br />
   <br />
   Whether directly execute：
-  <span
+  <button
+    aria-checked="true"
     class="ant-switch ant-switch-checked"
-    tabindex="0"
+    role="switch"
+    type="button"
   >
     <span
       class="ant-switch-inner"
     />
-  </span>
+  </button>
 </div>
 `;
 
diff --git a/components/skeleton/__tests__/__snapshots__/demo.test.js.snap b/components/skeleton/__tests__/__snapshots__/demo.test.js.snap
index 53f4de54db..d1b3aa7f71 100644
--- a/components/skeleton/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/skeleton/__tests__/__snapshots__/demo.test.js.snap
@@ -103,14 +103,16 @@ exports[`renders ./components/skeleton/demo/complex.md correctly 1`] = `
 
 exports[`renders ./components/skeleton/demo/list.md correctly 1`] = `
 <div>
-  <span
+  <button
+    aria-checked="false"
     class="ant-switch"
-    tabindex="0"
+    role="switch"
+    type="button"
   >
     <span
       class="ant-switch-inner"
     />
-  </span>
+  </button>
   <div
     class="ant-list ant-list-vertical ant-list-lg ant-list-split"
   >
diff --git a/components/slider/__tests__/__snapshots__/demo.test.js.snap b/components/slider/__tests__/__snapshots__/demo.test.js.snap
index c253ac758b..1a1ad232b4 100644
--- a/components/slider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/slider/__tests__/__snapshots__/demo.test.js.snap
@@ -67,14 +67,16 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
     />
   </div>
   Disabled: 
-  <span
+  <button
+    aria-checked="false"
     class="ant-switch-small ant-switch"
-    tabindex="0"
+    role="switch"
+    type="button"
   >
     <span
       class="ant-switch-inner"
     />
-  </span>
+  </button>
 </div>
 `;
 
diff --git a/components/spin/__tests__/__snapshots__/demo.test.js.snap b/components/spin/__tests__/__snapshots__/demo.test.js.snap
index 8e89432d3d..e5cebf90c7 100644
--- a/components/spin/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/spin/__tests__/__snapshots__/demo.test.js.snap
@@ -69,14 +69,16 @@ exports[`renders ./components/spin/demo/delayAndDebounce.md correctly 1`] = `
     style="margin-top:16px"
   >
     Loading state：
-    <span
+    <button
+      aria-checked="false"
       class="ant-switch"
-      tabindex="0"
+      role="switch"
+      type="button"
     >
       <span
         class="ant-switch-inner"
       />
-    </span>
+    </button>
   </div>
 </div>
 `;
@@ -129,14 +131,16 @@ exports[`renders ./components/spin/demo/nested.md correctly 1`] = `
     style="margin-top:16px"
   >
     Loading state：
-    <span
+    <button
+      aria-checked="false"
       class="ant-switch"
-      tabindex="0"
+      role="switch"
+      type="button"
     >
       <span
         class="ant-switch-inner"
       />
-    </span>
+    </button>
   </div>
 </div>
 `;
diff --git a/components/switch/__tests__/__snapshots__/demo.test.js.snap b/components/switch/__tests__/__snapshots__/demo.test.js.snap
index 5fba2554f8..12cbfe68b6 100644
--- a/components/switch/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/switch/__tests__/__snapshots__/demo.test.js.snap
@@ -1,26 +1,31 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders ./components/switch/demo/basic.md correctly 1`] = `
-<span
+<button
+  aria-checked="true"
   class="ant-switch ant-switch-checked"
-  tabindex="0"
+  role="switch"
+  type="button"
 >
   <span
     class="ant-switch-inner"
   />
-</span>
+</button>
 `;
 
 exports[`renders ./components/switch/demo/disabled.md correctly 1`] = `
 <div>
-  <span
+  <button
+    aria-checked="true"
     class="ant-switch ant-switch-checked ant-switch-disabled"
-    tabindex="-1"
+    disabled=""
+    role="switch"
+    type="button"
   >
     <span
       class="ant-switch-inner"
     />
-  </span>
+  </button>
   <br />
   <button
     class="ant-btn ant-btn-primary"
@@ -35,9 +40,11 @@ exports[`renders ./components/switch/demo/disabled.md correctly 1`] = `
 
 exports[`renders ./components/switch/demo/loading.md correctly 1`] = `
 <div>
-  <span
+  <button
+    aria-checked="true"
     class="ant-switch-loading ant-switch ant-switch-checked"
-    tabindex="0"
+    role="switch"
+    type="button"
   >
     <i
       class="anticon anticon-loading ant-switch-loading-icon"
@@ -59,11 +66,13 @@ exports[`renders ./components/switch/demo/loading.md correctly 1`] = `
     <span
       class="ant-switch-inner"
     />
-  </span>
+  </button>
   <br />
-  <span
+  <button
+    aria-checked="false"
     class="ant-switch-small ant-switch-loading ant-switch"
-    tabindex="0"
+    role="switch"
+    type="button"
   >
     <i
       class="anticon anticon-loading ant-switch-loading-icon"
@@ -85,59 +94,69 @@ exports[`renders ./components/switch/demo/loading.md correctly 1`] = `
     <span
       class="ant-switch-inner"
     />
-  </span>
+  </button>
 </div>
 `;
 
 exports[`renders ./components/switch/demo/size.md correctly 1`] = `
 <div>
-  <span
+  <button
+    aria-checked="true"
     class="ant-switch ant-switch-checked"
-    tabindex="0"
+    role="switch"
+    type="button"
   >
     <span
       class="ant-switch-inner"
     />
-  </span>
+  </button>
   <br />
-  <span
+  <button
+    aria-checked="true"
     class="ant-switch-small ant-switch ant-switch-checked"
-    tabindex="0"
+    role="switch"
+    type="button"
   >
     <span
       class="ant-switch-inner"
     />
-  </span>
+  </button>
 </div>
 `;
 
 exports[`renders ./components/switch/demo/text.md correctly 1`] = `
 <div>
-  <span
+  <button
+    aria-checked="true"
     class="ant-switch ant-switch-checked"
-    tabindex="0"
+    role="switch"
+    type="button"
   >
     <span
       class="ant-switch-inner"
     >
       开
     </span>
-  </span>
+  </button>
   <br />
-  <span
+  <button
+    aria-checked="false"
     class="ant-switch"
-    tabindex="0"
+    role="switch"
+    type="button"
   >
     <span
       class="ant-switch-inner"
     >
       0
     </span>
-  </span>
+  </button>
   <br />
-  <span
+  <button
+    aria-checked="true"
     class="ant-switch ant-switch-checked"
-    tabindex="0"
+    role="switch"
+    type="button"
   >
     <span
       class="ant-switch-inner"
@@ -160,6 +179,6 @@ exports[`renders ./components/switch/demo/text.md correctly 1`] = `
         </svg>
       </i>
     </span>
-  </span>
+  </button>
 </div>
 `;
diff --git a/components/table/__tests__/__snapshots__/demo.test.js.snap b/components/table/__tests__/__snapshots__/demo.test.js.snap
index 6ca14965ee..3bbf28d446 100755
--- a/components/table/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/table/__tests__/__snapshots__/demo.test.js.snap
@@ -1454,14 +1454,16 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
             <span
               class="ant-form-item-children"
             >
-              <span
+              <button
+                aria-checked="false"
                 class="ant-switch"
-                tabindex="0"
+                role="switch"
+                type="button"
               >
                 <span
                   class="ant-switch-inner"
                 />
-              </span>
+              </button>
             </span>
           </div>
         </div>
@@ -1488,14 +1490,16 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
             <span
               class="ant-form-item-children"
             >
-              <span
+              <button
+                aria-checked="false"
                 class="ant-switch"
-                tabindex="0"
+                role="switch"
+                type="button"
               >
                 <span
                   class="ant-switch-inner"
                 />
-              </span>
+              </button>
             </span>
           </div>
         </div>
@@ -1522,14 +1526,16 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
             <span
               class="ant-form-item-children"
             >
-              <span
+              <button
+                aria-checked="false"
                 class="ant-switch"
-                tabindex="0"
+                role="switch"
+                type="button"
               >
                 <span
                   class="ant-switch-inner"
                 />
-              </span>
+              </button>
             </span>
           </div>
         </div>
@@ -1556,15 +1562,17 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
             <span
               class="ant-form-item-children"
             >
-              <span
+              <button
+                aria-checked="true"
                 checked=""
                 class="ant-switch ant-switch-checked"
-                tabindex="0"
+                role="switch"
+                type="button"
               >
                 <span
                   class="ant-switch-inner"
                 />
-              </span>
+              </button>
             </span>
           </div>
         </div>
@@ -1591,15 +1599,17 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
             <span
               class="ant-form-item-children"
             >
-              <span
+              <button
+                aria-checked="true"
                 checked=""
                 class="ant-switch ant-switch-checked"
-                tabindex="0"
+                role="switch"
+                type="button"
               >
                 <span
                   class="ant-switch-inner"
                 />
-              </span>
+              </button>
             </span>
           </div>
         </div>
@@ -1626,15 +1636,17 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
             <span
               class="ant-form-item-children"
             >
-              <span
+              <button
+                aria-checked="true"
                 checked=""
                 class="ant-switch ant-switch-checked"
-                tabindex="0"
+                role="switch"
+                type="button"
               >
                 <span
                   class="ant-switch-inner"
                 />
-              </span>
+              </button>
             </span>
           </div>
         </div>
@@ -1661,15 +1673,17 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
             <span
               class="ant-form-item-children"
             >
-              <span
+              <button
+                aria-checked="true"
                 checked=""
                 class="ant-switch ant-switch-checked"
-                tabindex="0"
+                role="switch"
+                type="button"
               >
                 <span
                   class="ant-switch-inner"
                 />
-              </span>
+              </button>
             </span>
           </div>
         </div>
@@ -1696,14 +1710,16 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
             <span
               class="ant-form-item-children"
             >
-              <span
+              <button
+                aria-checked="false"
                 class="ant-switch"
-                tabindex="0"
+                role="switch"
+                type="button"
               >
                 <span
                   class="ant-switch-inner"
                 />
-              </span>
+              </button>
             </span>
           </div>
         </div>
diff --git a/package.json b/package.json
index 4ef9b6e836..c8c6adf70b 100644
--- a/package.json
+++ b/package.json
@@ -74,7 +74,7 @@
     "rc-select": "~8.2.6",
     "rc-slider": "~8.6.0",
     "rc-steps": "~3.3.0",
-    "rc-switch": "~1.7.0",
+    "rc-switch": "~1.8.0",
     "rc-table": "~6.3.2",
     "rc-tabs": "~9.4.0",
     "rc-time-picker": "~3.4.0",