feat(image-viewer): accessibility

aria Tencent#1062
hanyaonian · Aug 30, 2023 · fe38f85 · fe38f85
1 parent 351de08
commit fe38f85
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 19 deletions.
diff --git a/src/image-viewer/image-viewer.less b/src/image-viewer/image-viewer.less
@@ -30,13 +30,6 @@
     top: 0;
     width: 100%;
     height: 100%;
-    &-bottom {
-      position: absolute;
-      bottom: 0;
-      height: 10%;
-      width: 100%;
-      z-index: 1001;
-    }
   }
 
   &__content {

diff --git a/src/image-viewer/image-viewer.wxml b/src/image-viewer/image-viewer.wxml
@@ -1,9 +1,5 @@
 <import src="../common/template/icon.wxml" />
 <wxs src="../common/utils.wxs" module="_" />
-<!-- TODO:
-ARIA:
-1. siwper control
--->
 <view
   wx:if="{{visible}}"
   id="{{classPrefix}}"
@@ -19,15 +15,8 @@ ARIA:
     data-source="overlay"
     bind:tap="onClose"
     style="{{ 'background-color: ' + backgroundColor }}"
-    aria-hidden="{{true}}"
-  />
-  <view
-    wx:if="{{!_closeBtn}}"
-    class="{{classPrefix}}__mask-bottom"
-    data-type="tap"
-    bind:tap="onClose"
     aria-role="button"
-    aria-label="关闭图片查看器"
+    aria-label="关闭"
   />
   <block wx:if="{{images && images.length}}">
     <view class="{{classPrefix}}__content">
@@ -37,6 +26,7 @@ ARIA:
         autoplay="{{false}}"
         current="{{currentSwiperIndex}}"
         bindchange="onSwiperChange"
+        bindtap="onClose"
         tabindex="0"
       >
         <swiper-item