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..7917eeee3 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
@@ -59,6 +65,7 @@ exports[`date-time-picker :base 1`] = `
                   index="index"
                 >
                   <wx-view
+                    ariaRole="listbox"
                     class="t-picker-item__group class t-class"
                     style=""
                     bind:touchcancel="onTouchEnd"
@@ -71,6 +78,9 @@ exports[`date-time-picker :base 1`] = `
                       style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -924px, 0)"
                     >
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2000年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{0}}"
                       >
@@ -79,6 +89,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2001年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{1}}"
                       >
@@ -87,6 +100,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2002年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{2}}"
                       >
@@ -95,6 +111,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2003年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{3}}"
                       >
@@ -103,6 +122,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2004年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{4}}"
                       >
@@ -111,6 +133,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2005年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{5}}"
                       >
@@ -119,6 +144,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2006年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{6}}"
                       >
@@ -127,6 +155,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2007年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{7}}"
                       >
@@ -135,6 +166,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2008年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{8}}"
                       >
@@ -143,6 +177,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2009年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{9}}"
                       >
@@ -151,6 +188,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2010年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{10}}"
                       >
@@ -159,6 +199,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2011年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{11}}"
                       >
@@ -167,6 +210,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2012年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{12}}"
                       >
@@ -175,6 +221,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2013年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{13}}"
                       >
@@ -183,6 +232,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2014年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{14}}"
                       >
@@ -191,6 +243,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2015年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{15}}"
                       >
@@ -199,6 +254,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2016年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{16}}"
                       >
@@ -207,6 +265,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2017年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{17}}"
                       >
@@ -215,6 +276,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2018年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{18}}"
                       >
@@ -223,6 +287,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2019年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{19}}"
                       >
@@ -231,6 +298,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2020年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{20}}"
                       >
@@ -239,6 +309,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{false}}"
+                        ariaLabel="2021年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item t-picker-item__item--active"
                         data-index="{{21}}"
                       >
@@ -247,6 +320,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2022年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{22}}"
                       >
@@ -255,6 +331,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2023年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{23}}"
                       >
@@ -263,6 +342,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2024年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{24}}"
                       >
@@ -271,6 +353,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2025年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{25}}"
                       >
@@ -279,6 +364,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2026年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{26}}"
                       >
@@ -287,6 +375,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2027年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{27}}"
                       >
@@ -295,6 +386,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2028年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{28}}"
                       >
@@ -303,6 +397,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2029年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{29}}"
                       >
@@ -311,6 +408,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2030年，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{30}}"
                       >
@@ -319,6 +419,15 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                     </wx-view>
+                    <wx-view
+                      ariaHidden="{{true}}"
+                      ariaRole="alert"
+                      class="t-picker-item__aria__content"
+                    >
+                      
+    2021年
+  
+                    </wx-view>
                   </wx-view>
                 </t-picker-item>
                 <t-picker-item
@@ -326,6 +435,7 @@ exports[`date-time-picker :base 1`] = `
                   index="index"
                 >
                   <wx-view
+                    ariaRole="listbox"
                     class="t-picker-item__group class t-class"
                     style=""
                     bind:touchcancel="onTouchEnd"
@@ -338,6 +448,9 @@ exports[`date-time-picker :base 1`] = `
                       style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -352px, 0)"
                     >
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="1月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{0}}"
                       >
@@ -346,6 +459,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="2月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{1}}"
                       >
@@ -354,6 +470,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="3月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{2}}"
                       >
@@ -362,6 +481,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="4月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{3}}"
                       >
@@ -370,6 +492,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="5月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{4}}"
                       >
@@ -378,6 +503,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="6月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{5}}"
                       >
@@ -386,6 +514,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="7月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{6}}"
                       >
@@ -394,6 +525,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="8月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{7}}"
                       >
@@ -402,6 +536,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{false}}"
+                        ariaLabel="9月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item t-picker-item__item--active"
                         data-index="{{8}}"
                       >
@@ -410,6 +547,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="10月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{9}}"
                       >
@@ -418,6 +558,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="11月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{10}}"
                       >
@@ -426,6 +569,9 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                       <wx-view
+                        ariaHidden="{{true}}"
+                        ariaLabel="12月，按住后上下滑动选择"
+                        ariaRole="option"
                         class="t-picker-item__item"
                         data-index="{{11}}"
                       >
@@ -434,6 +580,15 @@ exports[`date-time-picker :base 1`] = `
     
                       </wx-view>
                     </wx-view>
+                    <wx-view
+                      ariaHidden="{{true}}"
+                      ariaRole="alert"
+                      class="t-picker-item__aria__content"
+                    >
+                      
+    9月
+  
+                    </wx-view>
                   </wx-view>
                 </t-picker-item>
                 <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..6dd4e8df4 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,14 @@ exports[`date-time-picker :base 1`] = `
               </wx-view>
             </wx-view>
             <wx-view
-              class="t-popup__close"
-              bind:tap="handleClose"
-            />
+              ariaHidden="{{true}}"
+              ariaRole="alert"
+              class="t-picker-item__aria__content"
+            >
+              
+    9月
+  
+            </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..76f79cd2c 100644
--- a/src/picker-item/picker-item.less
+++ b/src/picker-item/picker-item.less
@@ -18,6 +18,7 @@
     overflow: hidden;
     flex: 1;
     z-index: 1;
+    position: relative;
   }
 
   &__wrapper {
@@ -38,4 +39,13 @@
       font-weight: 600;
     }
   }
+
+  &__aria__content {
+    position: absolute;
+    bottom: -100%;
+    opacity: 0;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+  }
 }
diff --git a/src/picker-item/picker-item.ts b/src/picker-item/picker-item.ts
index 8be851149..3e52a8561 100644
--- a/src/picker-item/picker-item.ts
+++ b/src/picker-item/picker-item.ts
@@ -51,6 +51,7 @@ export default class PickerItem extends SuperComponent {
     duration: 0, // 滚动动画延迟
     value: '',
     curIndex: 0,
+    isScrolling: false,
     labelAlias: 'label',
     valueAlias: 'value',
   };
@@ -68,10 +69,14 @@ export default class PickerItem extends SuperComponent {
       // touch偏移增量
       const touchDeltaY = event.touches[0].clientY - StartY;
       const deltaY = this.calculateViewDeltaY(touchDeltaY);
+      const offset = range(StartOffset + deltaY, -(this.getCount() * itemHeight), 0);
+      const index = range(Math.round(-offset / this.itemHeight), 0, this.getCount() - 1);
 
       this.setData({
-        offset: range(StartOffset + deltaY, -(this.getCount() * itemHeight), 0),
+        offset,
         duration: DefaultDuration,
+        curIndex: index,
+        isScrolling: true,
       });
     },
 
@@ -87,6 +92,7 @@ export default class PickerItem extends SuperComponent {
       this.setData({
         curIndex: index,
         offset: -index * this.itemHeight,
+        isScrolling: false,
       });
 
       if (index === this._selectedIndex) {
diff --git a/src/picker-item/picker-item.wxml b/src/picker-item/picker-item.wxml
index d89affaa7..7f11a5823 100644
--- a/src/picker-item/picker-item.wxml
+++ b/src/picker-item/picker-item.wxml
@@ -7,6 +7,7 @@
   catch:touchmove="onTouchMove"
   bind:touchend="onTouchEnd"
   bind:touchcancel="onTouchEnd"
+  aria-role="listbox"
 >
   <view
     class="{{classPrefix}}__wrapper"
@@ -18,8 +19,14 @@
       wx:key="index"
       wx:for-item="option"
       data-index="{{ index }}"
+      aria-role="option"
+      aria-hidden="{{curIndex !== index}}"
+      aria-label="{{option.label + '，按住后上下滑动选择'}}"
     >
       {{option[labelAlias]}}
     </view>
   </view>
+  <view class="{{classPrefix}}__aria__content" aria-role="alert" aria-hidden="{{!isScrolling}}">
+    {{ options[curIndex].label }}
+  </view>
 </view>
diff --git a/src/picker/__test__/__snapshots__/index.test.js.snap b/src/picker/__test__/__snapshots__/index.test.js.snap
index 99a15b9d9..7e6b50070 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
@@ -53,6 +59,7 @@ exports[`picker :base 1`] = `
           >
             <t-picker-item>
               <wx-view
+                ariaRole="listbox"
                 class="t-picker-item__group class t-class"
                 style=""
                 bind:touchcancel="onTouchEnd"
@@ -65,6 +72,9 @@ exports[`picker :base 1`] = `
                   style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0px, 0)"
                 >
                   <wx-view
+                    ariaHidden="{{false}}"
+                    ariaLabel="2021年，按住后上下滑动选择"
+                    ariaRole="option"
                     class="t-picker-item__item t-picker-item__item--active"
                     data-index="{{0}}"
                   >
@@ -73,6 +83,9 @@ exports[`picker :base 1`] = `
     
                   </wx-view>
                   <wx-view
+                    ariaHidden="{{true}}"
+                    ariaLabel="2020年，按住后上下滑动选择"
+                    ariaRole="option"
                     class="t-picker-item__item"
                     data-index="{{1}}"
                   >
@@ -81,6 +94,9 @@ exports[`picker :base 1`] = `
     
                   </wx-view>
                   <wx-view
+                    ariaHidden="{{true}}"
+                    ariaLabel="2019年，按住后上下滑动选择"
+                    ariaRole="option"
                     class="t-picker-item__item"
                     data-index="{{2}}"
                   >
@@ -89,10 +105,20 @@ exports[`picker :base 1`] = `
     
                   </wx-view>
                 </wx-view>
+                <wx-view
+                  ariaHidden="{{true}}"
+                  ariaRole="alert"
+                  class="t-picker-item__aria__content"
+                >
+                  
+    2021年
+  
+                </wx-view>
               </wx-view>
             </t-picker-item>
             <t-picker-item>
               <wx-view
+                ariaRole="listbox"
                 class="t-picker-item__group class t-class"
                 style=""
                 bind:touchcancel="onTouchEnd"
@@ -105,6 +131,9 @@ exports[`picker :base 1`] = `
                   style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0px, 0)"
                 >
                   <wx-view
+                    ariaHidden="{{false}}"
+                    ariaLabel="春，按住后上下滑动选择"
+                    ariaRole="option"
                     class="t-picker-item__item t-picker-item__item--active"
                     data-index="{{0}}"
                   >
@@ -113,6 +142,9 @@ exports[`picker :base 1`] = `
     
                   </wx-view>
                   <wx-view
+                    ariaHidden="{{true}}"
+                    ariaLabel="夏，按住后上下滑动选择"
+                    ariaRole="option"
                     class="t-picker-item__item"
                     data-index="{{1}}"
                   >
@@ -121,6 +153,9 @@ exports[`picker :base 1`] = `
     
                   </wx-view>
                   <wx-view
+                    ariaHidden="{{true}}"
+                    ariaLabel="秋，按住后上下滑动选择"
+                    ariaRole="option"
                     class="t-picker-item__item"
                     data-index="{{2}}"
                   >
@@ -129,6 +164,9 @@ exports[`picker :base 1`] = `
     
                   </wx-view>
                   <wx-view
+                    ariaHidden="{{true}}"
+                    ariaLabel="冬，按住后上下滑动选择"
+                    ariaRole="option"
                     class="t-picker-item__item"
                     data-index="{{3}}"
                   >
@@ -137,6 +175,15 @@ exports[`picker :base 1`] = `
     
                   </wx-view>
                 </wx-view>
+                <wx-view
+                  ariaHidden="{{true}}"
+                  ariaRole="alert"
+                  class="t-picker-item__aria__content"
+                >
+                  
+    春
+  
+                </wx-view>
               </wx-view>
             </t-picker-item>
             <wx-view
diff --git a/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap
index 99a15b9d9..c31cb0671 100644
--- a/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap
+++ b/src/picker/__test__/__virtualHostSnapshot__/index.test.js.snap
@@ -149,6 +149,15 @@ exports[`picker :base 1`] = `
               class="t-picker__indicator"
             />
           </wx-view>
+          <wx-view
+            ariaHidden="{{true}}"
+            ariaRole="alert"
+            class="t-picker-item__aria__content"
+          >
+            
+    春
+  
+          </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/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"