diff --git a/docs/markdown/changelog.zh-CN.md b/docs/markdown/changelog.zh-CN.md
index a9a9e5e57..3e15693ec 100644
--- a/docs/markdown/changelog.zh-CN.md
+++ b/docs/markdown/changelog.zh-CN.md
@@ -9,6 +9,7 @@
 - List
 - Dialog
 - Slider
+- Switch
 - NoticeBar
 
 ##### ImagePreview
diff --git a/packages/address-edit/test/__snapshots__/demo.spec.js.snap b/packages/address-edit/test/__snapshots__/demo.spec.js.snap
index eb8c5aee7..577c1b36e 100644
--- a/packages/address-edit/test/__snapshots__/demo.spec.js.snap
+++ b/packages/address-edit/test/__snapshots__/demo.spec.js.snap
@@ -41,7 +41,7 @@ exports[`renders demo correctly 1`] = `
       <div class="van-cell van-cell--center van-switch-cell">
         <div class="van-cell__title"><span>设为默认收货地址</span></div>
         <div class="van-cell__value">
-          <div class="van-switch" style="font-size: 24px;">
+          <div role="switch" aria-checked="false" class="van-switch" style="font-size: 24px;">
             <div class="van-switch__node"></div>
           </div>
         </div>
diff --git a/packages/address-edit/test/__snapshots__/index.spec.js.snap b/packages/address-edit/test/__snapshots__/index.spec.js.snap
index 7aa48d65c..fa9769485 100644
--- a/packages/address-edit/test/__snapshots__/index.spec.js.snap
+++ b/packages/address-edit/test/__snapshots__/index.spec.js.snap
@@ -95,7 +95,7 @@ exports[`create a AddressEdit with props 1`] = `
   <div class="van-cell van-cell--center van-switch-cell">
     <div class="van-cell__title"><span>设为默认收货地址</span></div>
     <div class="van-cell__value">
-      <div class="van-switch van-switch--on" style="font-size:24px;">
+      <div role="switch" aria-checked="true" class="van-switch van-switch--on" style="font-size:24px;">
         <div class="van-switch__node"></div>
       </div>
     </div>
diff --git a/packages/skeleton/test/__snapshots__/demo.spec.js.snap b/packages/skeleton/test/__snapshots__/demo.spec.js.snap
index 724d55f6f..785a20ad3 100644
--- a/packages/skeleton/test/__snapshots__/demo.spec.js.snap
+++ b/packages/skeleton/test/__snapshots__/demo.spec.js.snap
@@ -24,7 +24,7 @@ exports[`renders demo correctly 1`] = `
     </div>
   </div>
   <div>
-    <div class="van-switch" style="font-size: 24px;">
+    <div role="switch" aria-checked="false" class="van-switch" style="font-size: 24px;">
       <div class="van-switch__node"></div>
     </div>
     <div class="van-skeleton van-skeleton--animate">
diff --git a/packages/switch-cell/test/__snapshots__/demo.spec.js.snap b/packages/switch-cell/test/__snapshots__/demo.spec.js.snap
index ecb45e240..114866d0d 100644
--- a/packages/switch-cell/test/__snapshots__/demo.spec.js.snap
+++ b/packages/switch-cell/test/__snapshots__/demo.spec.js.snap
@@ -7,7 +7,7 @@ exports[`renders demo correctly 1`] = `
       <div class="van-cell van-cell--center van-switch-cell">
         <div class="van-cell__title"><span>标题</span></div>
         <div class="van-cell__value">
-          <div class="van-switch van-switch--on" style="font-size: 24px;">
+          <div role="switch" aria-checked="true" class="van-switch van-switch--on" style="font-size: 24px;">
             <div class="van-switch__node"></div>
           </div>
         </div>
@@ -19,7 +19,7 @@ exports[`renders demo correctly 1`] = `
       <div class="van-cell van-cell--center van-switch-cell">
         <div class="van-cell__title"><span>标题</span></div>
         <div class="van-cell__value">
-          <div class="van-switch van-switch--on van-switch--disabled" style="font-size: 24px;">
+          <div role="switch" aria-checked="true" class="van-switch van-switch--on van-switch--disabled" style="font-size: 24px;">
             <div class="van-switch__node"></div>
           </div>
         </div>
@@ -31,7 +31,7 @@ exports[`renders demo correctly 1`] = `
       <div class="van-cell van-cell--center van-switch-cell">
         <div class="van-cell__title"><span>标题</span></div>
         <div class="van-cell__value">
-          <div class="van-switch van-switch--on" style="font-size: 24px;">
+          <div role="switch" aria-checked="true" class="van-switch van-switch--on" style="font-size: 24px;">
             <div class="van-switch__node">
               <div class="van-loading van-loading--circular van-switch__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: rgb(25, 137, 250);"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
             </div>
diff --git a/packages/switch-cell/test/__snapshots__/index.spec.js.snap b/packages/switch-cell/test/__snapshots__/index.spec.js.snap
index 9d283bac4..f3855ca9b 100644
--- a/packages/switch-cell/test/__snapshots__/index.spec.js.snap
+++ b/packages/switch-cell/test/__snapshots__/index.spec.js.snap
@@ -3,7 +3,7 @@
 exports[`border prop 1`] = `
 <div class="van-cell van-cell--center van-cell--borderless van-switch-cell">
   <div class="van-cell__value van-cell__value--alone">
-    <div class="van-switch" style="font-size: 24px;">
+    <div role="switch" aria-checked="false" class="van-switch" style="font-size: 24px;">
       <div class="van-switch__node"></div>
     </div>
   </div>
@@ -13,7 +13,7 @@ exports[`border prop 1`] = `
 exports[`cell-size prop 1`] = `
 <div class="van-cell van-cell--center van-cell--large van-switch-cell van-switch-cell--large">
   <div class="van-cell__value van-cell__value--alone">
-    <div class="van-switch" style="font-size: 24px;">
+    <div role="switch" aria-checked="false" class="van-switch" style="font-size: 24px;">
       <div class="van-switch__node"></div>
     </div>
   </div>
diff --git a/packages/switch/index.tsx b/packages/switch/index.tsx
index 0c7381934..e8e5dcef2 100644
--- a/packages/switch/index.tsx
+++ b/packages/switch/index.tsx
@@ -31,6 +31,8 @@ function Switch(
     inactiveValue
   } = props;
 
+  const checked = value === activeValue;
+
   const switchStyle = {
     fontSize: size,
     backgroundColor: value ? activeColor : inactiveColor
@@ -40,7 +42,7 @@ function Switch(
 
   function onClick() {
     if (!disabled && !loading) {
-      const newValue = value === activeValue ? inactiveValue : activeValue;
+      const newValue = checked ? inactiveValue : activeValue;
       emit(ctx, 'input', newValue);
       emit(ctx, 'change', newValue);
     }
@@ -49,10 +51,12 @@ function Switch(
   return (
     <div
       class={bem({
-        on: value === activeValue,
+        on: checked,
         disabled
       })}
+      role="switch"
       style={switchStyle}
+      aria-checked={String(checked)}
       onClick={onClick}
       {...inherit(ctx)}
     >
diff --git a/packages/switch/test/__snapshots__/demo.spec.js.snap b/packages/switch/test/__snapshots__/demo.spec.js.snap
index ea58099e8..373b66449 100644
--- a/packages/switch/test/__snapshots__/demo.spec.js.snap
+++ b/packages/switch/test/__snapshots__/demo.spec.js.snap
@@ -3,34 +3,34 @@
 exports[`renders demo correctly 1`] = `
 <div>
   <div>
-    <div class="van-switch van-switch--on" style="font-size: 30px;">
+    <div role="switch" aria-checked="true" class="van-switch van-switch--on" style="font-size: 30px;">
       <div class="van-switch__node"></div>
     </div>
   </div>
   <div>
-    <div class="van-switch van-switch--on van-switch--disabled" style="font-size: 30px;">
+    <div role="switch" aria-checked="true" class="van-switch van-switch--on van-switch--disabled" style="font-size: 30px;">
       <div class="van-switch__node"></div>
     </div>
   </div>
   <div>
-    <div class="van-switch van-switch--on" style="font-size: 30px;">
+    <div role="switch" aria-checked="true" class="van-switch van-switch--on" style="font-size: 30px;">
       <div class="van-switch__node">
         <div class="van-loading van-loading--circular van-switch__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: rgb(25, 137, 250);"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
       </div>
     </div>
   </div>
   <div>
-    <div class="van-switch van-switch--on" style="font-size: 24px;">
+    <div role="switch" aria-checked="true" class="van-switch van-switch--on" style="font-size: 24px;">
       <div class="van-switch__node"></div>
     </div>
   </div>
   <div>
-    <div class="van-switch van-switch--on" style="font-size: 30px; background-color: rgb(7, 193, 96);">
+    <div role="switch" aria-checked="true" class="van-switch van-switch--on" style="font-size: 30px; background-color: rgb(7, 193, 96);">
       <div class="van-switch__node"></div>
     </div>
   </div>
   <div>
-    <div class="van-switch van-switch--on" style="font-size: 30px;">
+    <div role="switch" aria-checked="true" class="van-switch van-switch--on" style="font-size: 30px;">
       <div class="van-switch__node"></div>
     </div>
   </div>