搜索页修改无障碍信息

web/src/views/Search/About.vue

@@ -11,8 +11,8 @@
       aria-label="Link"
       :aria-description="item.h3"
     >
-      <h3 v-html="item.h3" tabindex="0"></h3>
-      <p v-html="item.p" tabindex="0"></p>
+      <h3 v-html="item.h3" tabindex="0" aria-label="Link"></h3>
+      <p v-html="item.p" tabindex="0" aria-label="Link"></p>
     </div>
   </div>
 </template>

web/src/views/Search/All.vue

@@ -14,12 +14,13 @@
       <div class="left" v-if="item.cover">
         <img :src="item.cover" :alt="item.h3" 
           tabindex="0"
+          aria-label="Image link"
           :aria-description="item.h3"
         />
       </div>
       <div class="right" :class="{ rightAC: !item.p }">
-        <h3 v-html="item.h3" tabindex="0"></h3>
-        <p v-html="item.p" tabindex="0"></p>
+        <h3 v-html="item.h3" tabindex="0" aria-label="Link"></h3>
+        <p v-html="item.p" tabindex="0" aria-label="Link"></p>
       </div>
     </div>
     <!-- 分页 -->

web/src/views/Search/Collections.vue

@@ -14,12 +14,13 @@
       <div class="left">
         <img :src="item.cover" :alt="item.h3" 
           tabindex="0"
+          aria-label="Image link"
           :aria-description="item.h3"
         />
       </div>
       <div class="right">
-        <h3 v-html="item.h3" tabindex="0"></h3>
-        <p v-html="item.p" tabindex="0"></p>
+        <h3 v-html="item.h3" tabindex="0" aria-label="Link"></h3>
+        <p v-html="item.p" tabindex="0" aria-label="Link"></p>
       </div>
     </div>
     <!-- 分页 -->

web/src/views/Search/Employment.vue

@@ -14,12 +14,13 @@
       <div class="left" v-if="item.cover">
         <img :src="item.cover" :alt="item.h3" 
           tabindex="0"
+          aria-label="Image link"
           :aria-description="item.h3"
         />
       </div>
       <div class="right">
-        <h3 v-html="item.h3" tabindex="0"></h3>
-        <p v-html="item.p" tabindex="0"></p>
+        <h3 v-html="item.h3" tabindex="0" aria-label="Link"></h3>
+        <p v-html="item.p" tabindex="0" aria-label="Link"></p>
       </div>
     </div>
   </div>

web/src/views/Search/Events.vue

@@ -14,12 +14,13 @@
       <div class="left" v-if="item.cover">
         <img :src="item.cover" alt="item.h3"
           tabindex="0"
+          aria-label="Image link"
           :aria-description="item.h3"
         />
       </div>
       <div class="right" :class="{rightAC:!item.p}">
-        <h3 v-html="item.h3" tabindex="0"></h3>
-        <p v-html="item.p" tabindex="0"></p>
+        <h3 v-html="item.h3" tabindex="0" aria-label="Link"></h3>
+        <p v-html="item.p" tabindex="0" aria-label="Link"></p>
       </div>
     </div>
   </div>

web/src/views/Search/Exhibitions.vue

@@ -14,12 +14,13 @@
       <div class="left">
         <img :src="item.cover" alt="item.h3"
           tabindex="0"
+          aria-label="Image link"
           :aria-description="item.h3"
         />
       </div>
       <div class="right">
-        <h3 v-html="item.h3" tabindex="0"></h3>
-        <p v-html="item.p" tabindex="0"></p>
+        <h3 v-html="item.h3" tabindex="0" aria-label="Link"></h3>
+        <p v-html="item.p" tabindex="0" aria-label="Link"></p>
       </div>
     </div>
     <!-- 分页 -->

web/src/views/Search/Join.vue

@@ -14,12 +14,13 @@
       <div class="left" v-if="item.cover">
         <img :src="item.cover" alt="item.h3"
           tabindex="0"
+          aria-label="Image link"
           :aria-description="item.h3"
         />
       </div>
       <div class="right" :class="{rightAC:!item.p}">
-        <h3 v-html="item.h3" tabindex="0"></h3>
-        <p v-html="item.p" tabindex="0"></p>
+        <h3 v-html="item.h3" tabindex="0" aria-label="Link"></h3>
+        <p v-html="item.p" tabindex="0" aria-label="Link"></p>
       </div>
     </div>
   </div>

web/src/views/Search/Learn.vue

@@ -14,12 +14,13 @@
       <div class="left">
         <img :src="item.cover" :alt="item.h3" 
           tabindex="0"
+          aria-label="Image link"
           :aria-description="item.h3"
         />
       </div>
       <div class="right">
-        <h3 v-html="item.h3" tabindex="0"></h3>
-        <p v-html="item.p" tabindex="0"></p>
+        <h3 v-html="item.h3" tabindex="0" aria-label="Link"></h3>
+        <p v-html="item.p" tabindex="0" aria-label="Link"></p>
       </div>
     </div>
     <!-- 分页 -->

web/src/views/Search/Research.vue

@@ -14,12 +14,13 @@
       <div class="left" v-if="item.cover">
         <img :src="item.cover" :alt="item.h3" 
           tabindex="0"
+          aria-label="Image link"
           :aria-description="item.h3"
         />
       </div>
       <div class="right" :class="{rightAC:!item.p}">
-        <h3 v-html="item.h3" tabindex="0"></h3>
-        <p v-html="item.p" tabindex="0"></p>
+        <h3 v-html="item.h3" tabindex="0" aria-label="Link"></h3>
+        <p v-html="item.p" tabindex="0" aria-label="Link"></p>
       </div>
     </div>
     <!-- 分页 -->

web/src/views/Search/Terms.vue

@@ -14,12 +14,13 @@
       <div class="left" v-if="item.cover">
         <img :src="item.cover" :alt="item.h3" 
           tabindex="0"
+          aria-label="Image link"
           :aria-description="item.h3"
         />
       </div>
       <div class="right">
-        <h3 v-html="item.h3" tabindex="0"></h3>
-        <p v-html="item.p" tabindex="0"></p>
+        <h3 v-html="item.h3" tabindex="0" aria-label="Link"></h3>
+        <p v-html="item.p" tabindex="0" aria-label="Link"></p>
       </div>
     </div>
   </div>

web/src/views/Search/Visit.vue

@@ -11,8 +11,8 @@
       aria-label="Link"
       :aria-description="item.h3"
     >
-      <h3 v-html="item.h3" tabindex="0"></h3>
-      <p v-html="item.p" tabindex="0"></p>
+      <h3 v-html="item.h3" tabindex="0" aria-label="Link"></h3>
+      <p v-html="item.p" tabindex="0" aria-label="Link"></p>
     </div>
   </div>
 </template>

web/src/views/Visit/Visit1.vue

@@ -4,6 +4,7 @@
 >
   <div class="box1">
     <img src="../../assets/images/Visit/Visit1.jpg" alt=""
+      tabindex="0"
       aria-label="Image"
       aria-description="Café & Shop"
     >

web/src/views/accessibility.vue

@@ -477,7 +477,7 @@ export default {
       interactionAreaNum: null,
 
       focusedNode: null,
-      focudedNodeTimeoutId: null,
+      focusedNodeTimeoutId: null,
 
       // 做有些操作如新打开页面、切换无障碍菜单模式时，会被动地导致mouseover事件，此时不希望做响应。
       ignoreMouseOver: false,
@@ -927,7 +927,7 @@ export default {
         clearTimeout(this.focusedNodeTimeoutId)
         this.focusedNodeTimeoutId = setTimeout(() => {
           this.focusedNode = null
-          this.focudedNodeTimeoutId = null
+          this.focusedNodeTimeoutId = null
         }, 1000);
 
         this.planToPlayAudio(this.continueReadTaskId)

web/src/views/layout/index.vue

@@ -41,11 +41,11 @@
             <!-- 中文网 -->
             <li class="language"
               tabindex="0"
-              aria-description="EN"
+              aria-description="English"
             >
               <a href="http://www.capitalmuseum.org.cn/" target="_blank"
                 tabindex="0"
-                aria-description="中文网站"
+                aria-description="Chinese"
               >
                 中文
               </a>
@@ -132,12 +132,10 @@
             <img src="@/assets/images/code.png" alt="" tabindex="0"/>
             <div>
               <img src="@/assets/images/index_ewm1.png" alt="" 
-                tabindex="0"
-                aria-description=""
               />
               <img src="@/assets/images/index_ewm.jpg" alt=""
                 tabindex="0"
-                aria-description=""
+                aria-description="Official microblog and wechat QR code"
               />
             </div>
           </li>