diff --git a/src/date-time-picker/__test__/__snapshots__/index.test.js.snap b/src/date-time-picker/__test__/__snapshots__/index.test.js.snap
index 134e5a7fe..1f93a4c51 100644
--- a/src/date-time-picker/__test__/__snapshots__/index.test.js.snap
+++ b/src/date-time-picker/__test__/__snapshots__/index.test.js.snap
@@ -34,10 +34,13 @@ exports[`date-time-picker :base 1`] = `
                 class="t-picker__toolbar"
               >
                 <wx-view
+                  ariaRole="button"
                   class="t-picker__cancel t-class-cancel"
                   bind:tap="onCancel"
                 >
-                  取消
+                  
+        取消
+      
                 </wx-view>
                 <wx-view
                   class="t-picker__title t-class-title"
@@ -45,10 +48,13 @@ exports[`date-time-picker :base 1`] = `
                   选择日期
                 </wx-view>
                 <wx-view
+                  ariaRole="button"
                   class="t-picker__confirm t-class-confirm"
                   bind:tap="onConfirm"
                 >
-                  确定
+                  
+        确定
+      
                 </wx-view>
               </wx-view>
               <wx-view
@@ -67,6 +73,7 @@ exports[`date-time-picker :base 1`] = `
                     bind:touchstart="onTouchStart"
                   >
                     <wx-view
+                      ariaHidden="{{true}}"
                       class="t-picker-item__wrapper"
                       style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -924px, 0)"
                     >
@@ -317,6 +324,39 @@ exports[`date-time-picker :base 1`] = `
                         
       2030年
     
+                      </wx-view>
+                    </wx-view>
+                    <wx-view
+                      class="t-picker-item__accessible"
+                    >
+                      <wx-view
+                        ariaLabel="选择上一项：2020年"
+                        ariaRole="button"
+                        class="t-picker-item__accessible--button"
+                        bind:tap="onClickPrev"
+                      >
+                        
+      -
+    
+                      </wx-view>
+                      <wx-view
+                        ariaLabel="当前选择的是：2021年"
+                        ariaRole="text"
+                        class="t-picker-item__accessible--current"
+                      >
+                        
+      -
+    
+                      </wx-view>
+                      <wx-view
+                        ariaLabel="选择下一项：2022年"
+                        ariaRole="button"
+                        class="t-picker-item__accessible--button"
+                        bind:tap="onClickNext"
+                      >
+                        
+      -
+    
                       </wx-view>
                     </wx-view>
                   </wx-view>
@@ -334,6 +374,7 @@ exports[`date-time-picker :base 1`] = `
                     bind:touchstart="onTouchStart"
                   >
                     <wx-view
+                      ariaHidden="{{true}}"
                       class="t-picker-item__wrapper"
                       style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -352px, 0)"
                     >
@@ -432,6 +473,39 @@ exports[`date-time-picker :base 1`] = `
                         
       12月
     
+                      </wx-view>
+                    </wx-view>
+                    <wx-view
+                      class="t-picker-item__accessible"
+                    >
+                      <wx-view
+                        ariaLabel="选择上一项：8月"
+                        ariaRole="button"
+                        class="t-picker-item__accessible--button"
+                        bind:tap="onClickPrev"
+                      >
+                        
+      -
+    
+                      </wx-view>
+                      <wx-view
+                        ariaLabel="当前选择的是：9月"
+                        ariaRole="text"
+                        class="t-picker-item__accessible--current"
+                      >
+                        
+      -
+    
+                      </wx-view>
+                      <wx-view
+                        ariaLabel="选择下一项：10月"
+                        ariaRole="button"
+                        class="t-picker-item__accessible--button"
+                        bind:tap="onClickNext"
+                      >
+                        
+      -
+    
                       </wx-view>
                     </wx-view>
                   </wx-view>
diff --git a/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap
index 134e5a7fe..4ce86081a 100644
--- a/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -448,9 +448,38 @@ exports[`date-time-picker :base 1`] = `
               </wx-view>
             </wx-view>
             <wx-view
-              class="t-popup__close"
-              bind:tap="handleClose"
-            />
+              class="t-picker-item__accessible"
+            >
+              <wx-view
+                ariaLabel="选择上一项：8月"
+                ariaRole="button"
+                class="t-picker-item__accessible--button"
+                bind:tap="onClickPrev"
+              >
+                
+      -
+    
+              </wx-view>
+              <wx-view
+                ariaLabel="当前选择的是：9月"
+                ariaRole="text"
+                class="t-picker-item__accessible--current"
+              >
+                
+      -
+    
+              </wx-view>
+              <wx-view
+                ariaLabel="选择下一项：10月"
+                ariaRole="button"
+                class="t-picker-item__accessible--button"
+                bind:tap="onClickNext"
+              >
+                
+      -
+    
+              </wx-view>
+            </wx-view>
           </wx-view>
         </wx-view>
         <t-overlay
diff --git a/src/picker-item/picker-item.less b/src/picker-item/picker-item.less
index 5ba7b3d87..4487a70e6 100644
--- a/src/picker-item/picker-item.less
+++ b/src/picker-item/picker-item.less
@@ -18,10 +18,42 @@
     overflow: hidden;
     flex: 1;
     z-index: 1;
+    position: relative;
   }
 
   &__wrapper {
     padding: 144rpx 0;
+    position: absolute;
+    z-index: 1;
+    width: 100%;
+    left: 0;
+  }
+
+  &__accessible {
+    position: relative;
+    // top: calc(@picker-item-height * -1);
+    top: 0;
+    width: 100%;
+    height: 100%;
+    // pointer-events: none;
+    opacity: 0;
+    display: flex;
+    flex-direction: column;
+    z-index: 1;
+    padding-bottom: 1px;
+
+    &--current {
+      width: 100%;
+      height: 100%;
+      flex: 1;
+      text-overflow: ellipsis;
+    }
+    &--button {
+      width: 100%;
+      height: 100%;
+      flex: 2;
+      text-overflow: ellipsis;
+    }
   }
 
   &__item {
diff --git a/src/picker-item/picker-item.ts b/src/picker-item/picker-item.ts
index 8be851149..5eb9ccb7e 100644
--- a/src/picker-item/picker-item.ts
+++ b/src/picker-item/picker-item.ts
@@ -75,15 +75,23 @@ export default class PickerItem extends SuperComponent {
       });
     },
 
-    onTouchEnd() {
+    onTouchEnd(_, nowIndex) {
       const { offset, labelAlias, valueAlias } = this.data;
       const { options } = this.properties;
 
-      if (offset === this.StartOffset) {
+      let index = nowIndex;
+      if (index !== undefined && (index < 0 || index > options.length - 1)) {
         return;
       }
-      // 调整偏移量
-      const index = range(Math.round(-offset / this.itemHeight), 0, this.getCount() - 1);
+
+      if (index === undefined) {
+        if (offset === this.StartOffset) {
+          return;
+        }
+        // 调整偏移量
+        index = range(Math.round(-offset / this.itemHeight), 0, this.getCount() - 1);
+      }
+
       this.setData({
         curIndex: index,
         offset: -index * this.itemHeight,
@@ -104,6 +112,16 @@ export default class PickerItem extends SuperComponent {
       });
     },
 
+    onClickPrev() {
+      const { curIndex } = this.data;
+      this.onTouchEnd(null, curIndex - 1);
+    },
+
+    onClickNext() {
+      const { curIndex } = this.data;
+      this.onTouchEnd(null, curIndex + 1);
+    },
+
     // 刷新选中状态
     update() {
       const { options, value, labelAlias, valueAlias } = this.data;
diff --git a/src/picker-item/picker-item.wxml b/src/picker-item/picker-item.wxml
index d89affaa7..9e227721b 100644
--- a/src/picker-item/picker-item.wxml
+++ b/src/picker-item/picker-item.wxml
@@ -10,6 +10,7 @@
 >
   <view
     class="{{classPrefix}}__wrapper"
+    aria-hidden="{{true}}"
     style="transition: transform {{ duration }}ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, {{ offset }}px, 0)"
   >
     <view
@@ -22,4 +23,30 @@
       {{option[labelAlias]}}
     </view>
   </view>
+
+  <view class="{{classPrefix}}__accessible">
+    <view
+      class="{{classPrefix}}__accessible--button"
+      aria-role="{{options[curIndex-1] ? 'button' : 'text'}}"
+      aria-label="{{ !options[curIndex-1] ? '没有上一项' : '选择上一项：'+ options[curIndex-1].label}}"
+      bind:tap="onClickPrev"
+    >
+      -
+    </view>
+    <view
+      class="{{classPrefix}}__accessible--current"
+      aria-role="text"
+      aria-label="{{ options[curIndex] ? '当前选择的是：' + options[curIndex].label : '当前未选择' }}"
+    >
+      -
+    </view>
+    <view
+      class="{{classPrefix}}__accessible--button"
+      aria-role="{{options[curIndex+1] ? 'button' : 'text'}}"
+      aria-label="{{!options[curIndex+1] ? '没有下一项' : '选择下一项：' + options[curIndex+1].label}}"
+      bind:tap="onClickNext"
+    >
+      -
+    </view>
+  </view>
 </view>
diff --git a/src/picker/__test__/__snapshots__/index.test.js.snap b/src/picker/__test__/__snapshots__/index.test.js.snap
index 99a15b9d9..89b041edf 100644
--- a/src/picker/__test__/__snapshots__/index.test.js.snap
+++ b/src/picker/__test__/__snapshots__/index.test.js.snap
@@ -31,10 +31,13 @@ exports[`picker :base 1`] = `
             class="t-picker__toolbar"
           >
             <wx-view
+              ariaRole="button"
               class="t-picker__cancel t-class-cancel"
               bind:tap="onCancel"
             >
-              取消
+              
+        取消
+      
             </wx-view>
             <wx-view
               class="t-picker__title t-class-title"
@@ -42,10 +45,13 @@ exports[`picker :base 1`] = `
               
             </wx-view>
             <wx-view
+              ariaRole="button"
               class="t-picker__confirm t-class-confirm"
               bind:tap="onConfirm"
             >
-              确认
+              
+        确认
+      
             </wx-view>
           </wx-view>
           <wx-view
@@ -61,6 +67,7 @@ exports[`picker :base 1`] = `
                 bind:touchstart="onTouchStart"
               >
                 <wx-view
+                  ariaHidden="{{true}}"
                   class="t-picker-item__wrapper"
                   style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0px, 0)"
                 >
@@ -87,6 +94,39 @@ exports[`picker :base 1`] = `
                     
       2019年
     
+                  </wx-view>
+                </wx-view>
+                <wx-view
+                  class="t-picker-item__accessible"
+                >
+                  <wx-view
+                    ariaLabel="没有上一项"
+                    ariaRole="text"
+                    class="t-picker-item__accessible--button"
+                    bind:tap="onClickPrev"
+                  >
+                    
+      -
+    
+                  </wx-view>
+                  <wx-view
+                    ariaLabel="当前选择的是：2021年"
+                    ariaRole="text"
+                    class="t-picker-item__accessible--current"
+                  >
+                    
+      -
+    
+                  </wx-view>
+                  <wx-view
+                    ariaLabel="选择下一项：2020年"
+                    ariaRole="button"
+                    class="t-picker-item__accessible--button"
+                    bind:tap="onClickNext"
+                  >
+                    
+      -
+    
                   </wx-view>
                 </wx-view>
               </wx-view>
@@ -101,6 +141,7 @@ exports[`picker :base 1`] = `
                 bind:touchstart="onTouchStart"
               >
                 <wx-view
+                  ariaHidden="{{true}}"
                   class="t-picker-item__wrapper"
                   style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0px, 0)"
                 >
@@ -135,6 +176,39 @@ exports[`picker :base 1`] = `
                     
       冬
     
+                  </wx-view>
+                </wx-view>
+                <wx-view
+                  class="t-picker-item__accessible"
+                >
+                  <wx-view
+                    ariaLabel="没有上一项"
+                    ariaRole="text"
+                    class="t-picker-item__accessible--button"
+                    bind:tap="onClickPrev"
+                  >
+                    
+      -
+    
+                  </wx-view>
+                  <wx-view
+                    ariaLabel="当前选择的是：春"
+                    ariaRole="text"
+                    class="t-picker-item__accessible--current"
+                  >
+                    
+      -
+    
+                  </wx-view>
+                  <wx-view
+                    ariaLabel="选择下一项：夏"
+                    ariaRole="button"
+                    class="t-picker-item__accessible--button"
+                    bind:tap="onClickNext"
+                  >
+                    
+      -
+    
                   </wx-view>
                 </wx-view>
               </wx-view>
diff --git a/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap
index 99a15b9d9..81f1f164e 100644
--- a/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -149,6 +149,39 @@ exports[`picker :base 1`] = `
               class="t-picker__indicator"
             />
           </wx-view>
+          <wx-view
+            class="t-picker-item__accessible"
+          >
+            <wx-view
+              ariaLabel="没有上一项"
+              ariaRole="text"
+              class="t-picker-item__accessible--button"
+              bind:tap="onClickPrev"
+            >
+              
+      -
+    
+            </wx-view>
+            <wx-view
+              ariaLabel="当前选择的是：春"
+              ariaRole="text"
+              class="t-picker-item__accessible--current"
+            >
+              
+      -
+    
+            </wx-view>
+            <wx-view
+              ariaLabel="选择下一项：夏"
+              ariaRole="button"
+              class="t-picker-item__accessible--button"
+              bind:tap="onClickNext"
+            >
+              
+      -
+    
+            </wx-view>
+          </wx-view>
         </wx-view>
         <wx-view
           class="t-popup__close"
diff --git a/src/picker/picker.wxml b/src/picker/picker.wxml
index bb5cf441a..281952f16 100644
--- a/src/picker/picker.wxml
+++ b/src/picker/picker.wxml
@@ -10,13 +10,23 @@
 >
   <view slot="content" style="{{_._style([style, customStyle])}}" class="{{classPrefix}} {{prefix}}-class">
     <view class="{{classPrefix}}__toolbar" wx:if="{{header}}">
-      <view class="{{classPrefix}}__cancel {{prefix}}-class-cancel" wx:if="{{cancelBtn}}" bindtap="onCancel"
-        >{{cancelBtn}}</view
+      <view
+        class="{{classPrefix}}__cancel {{prefix}}-class-cancel"
+        wx:if="{{cancelBtn}}"
+        bindtap="onCancel"
+        aria-role="button"
       >
+        {{cancelBtn}}
+      </view>
       <view class="{{classPrefix}}__title {{prefix}}-class-title">{{title}}</view>
-      <view class="{{classPrefix}}__confirm {{prefix}}-class-confirm" wx:if="{{confirmBtn}}" bindtap="onConfirm"
-        >{{confirmBtn}}</view
+      <view
+        class="{{classPrefix}}__confirm {{prefix}}-class-confirm"
+        wx:if="{{confirmBtn}}"
+        bindtap="onConfirm"
+        aria-role="button"
       >
+        {{confirmBtn}}
+      </view>
     </view>
     <slot name="header" />
     <view class="{{_.cls(classPrefix + '__main', [])}}">
diff --git a/src/rate/rate.ts b/src/rate/rate.ts
index c2826794e..90e642ee5 100644
--- a/src/rate/rate.ts
+++ b/src/rate/rate.ts
@@ -77,7 +77,7 @@ export default class Rate extends SuperComponent {
     },
     onTouchMove(e: WechatMiniprogram.TouchEvent) {
       this.onTouch(e, 'move');
-      this.showAlertText()
+      this.showAlertText();
     },
     onTouchEnd() {
       this.touchEnd = true;
diff --git a/src/swiper-nav/swiper-nav.wxml b/src/swiper-nav/swiper-nav.wxml
index 35ed33a4a..0598edb54 100644
--- a/src/swiper-nav/swiper-nav.wxml
+++ b/src/swiper-nav/swiper-nav.wxml
@@ -1,6 +1,5 @@
 <wxs src="../common/utils.wxs" module="_" />
 
-
 <view
   wx:if="{{showControls}}"
   class="class {{prefix}}-class {{classPrefix}}__btn"