修复无障碍提示信息的错误

web/src/views/Exhibitions/component/List.vue

@@ -125,6 +125,7 @@
           <div class="rowImg" v-for="item in dataShow" :key="item.id" @click="toInfo(item.id)">
             <img :src="item.cover" alt="" 
               tabindex="0"
+              aria-label="Image link"
               :aria-description="item.h3"
             />
             <p tabindex="0">{{ item.h3 }}</p>

web/src/views/Exhibitions/info.vue

@@ -99,6 +99,7 @@
             <span v-show="pageInd !== 0"
               @click="pageCut(pageInd - 1)"
               @keydown.enter.passive="pageCut(pageInd - 1)"
+              tabindex="0"
               aria-label="Link"
               aria-description="Previous page"
             >
@@ -110,6 +111,7 @@
               :key="index"
               @click="pageCut(index)"
               @keydown.enter.passive="pageCut(index)"
+              tabindex="0"
               aria-label="Link"
             >
               {{ index + 1 }}
@@ -119,6 +121,7 @@
               v-show="pageInd !== data.page.length - 1"
               @click="pageCut(pageInd + 1)"
               @keydown.enter.passive="pageCut(pageInd + 1)"
+              tabindex="0"
               aria-label="Link"
               aria-description="Next page"
             >

web/src/views/Publications/Publications2.vue

@@ -3,18 +3,21 @@
   <div class="Publications2" data-aria-viewport-area tabindex="0"
     aria-label aria-description="You've reached the content area of the Exhibition Catalogues page, please use the tab key to go through the content."
   >
-    <div class="title" >
+    <div class="title" tabindex="-1">
       <img src="../../assets/images/Visit/pLeft.jpg" alt="" />
       <span tabindex="0">{{ $route.meta.nameAll }}</span>
       <div class="xian"></div>
     </div>
-    <div class="conten" >
+    <div class="conten" tabindex="-1">
       <img src="/data/Publications/heng.png" alt="" />
       <ul>
         <li v-for="(item, index) in list" :key="index">
-          <img :src="`/data/Publications/Exhibition/${index + 1}.jpg`" alt="" />
-          <div class="show" tabindex="0">
-            <a :href="item" target="_blank" tabindex="0">
+          <img :src="`/data/Publications/Exhibition/${index + 1}.jpg`" alt="" 
+            tabindex="0"
+            :aria-description="item.title"
+          />
+          <div class="show">
+            <a :href="item.url" target="_blank" tabindex="0">
               <img src="/data/Publications/Exhibition/href.png" />
               <p>Click here to open the catalogue</p>
             </a>
@@ -36,12 +39,30 @@ export default {
     //这里存放数据
     return {
       list: [
-        "http://download.china.cn/idc/pdf/A_brief_history_of_Beijing.pdf",
-        "http://images.china.cn/images1/en/pdf/Geneva.pdf",
-        "http://download.china.cn/idc/pdf/Renaissance.pdf",
-        "http://download.china.cn/idc/pdf/TheMetropolisesandtheProsperities.pdf",
-        "http://images.china.cn/images1/en/pdf/Andes.pdf",
-        "http://images.china.cn/images1/en/pdf/smileofkhmer.pdf",
+        {
+          url: "http://download.china.cn/idc/pdf/A_brief_history_of_Beijing.pdf",
+          title: 'A Brief History of Beijing',
+        },
+        {
+          url: "http://images.china.cn/images1/en/pdf/Geneva.pdf",
+          title: 'Geneva at the Heart of Time – Origin of Swiss Watchmaking Culture',
+        },
+        {
+          url: "http://download.china.cn/idc/pdf/Renaissance.pdf",
+          title: 'Art, Culture and Daily Life in Renaissance Italy',
+        },
+        {
+          url: "http://download.china.cn/idc/pdf/TheMetropolisesandtheProsperities.pdf",
+          title: 'The Metropolises and the Prosperities within — Tokyo and Beijing in the 18th Century',
+        },
+        {
+          url: "http://images.china.cn/images1/en/pdf/Andes.pdf",
+          title: 'ANCIENT CIVILIZATION OF THE ANDES',
+        },
+        {
+          url: "http://images.china.cn/images1/en/pdf/smileofkhmer.pdf",
+          title: 'Smile of Khmer: Cambodian Ancient Cultural Relics and Arts',
+        },
       ],
     };
   },

web/src/views/Visit/Visit1.vue

@@ -6,7 +6,25 @@
     <img src="../../assets/images/Visit/Visit1.jpg" alt=""
       tabindex="0"
       aria-label="Image"
-      aria-description="Café & Shop"
+      :aria-description="`
+Hours
+Tuesday - Sunday, 9:00 - 17:00 (No admission after 16:00)
+Closed on Mondays (Except for holidays)\n
+
+Direction
+16 Fuxingmenwai Street, Xicheng District, Beijing 100045
+Subway
+500 meters east to Muxidi Station, Line 1
+Bus
+Baiyun Road Station:
+By Bus 26, 45, 80,114, 308, 843, 844r 937 or 特 19
+Gonghui Dalou Station:
+By Bus 1 or 52
+
+Admission
+Capital Museum offers free admission to visitors.
+You can book a free ticket in advance.
+      `"
     >
   </div>
 </div>

web/src/views/Visit/Visit2.vue

@@ -55,7 +55,7 @@
             <p style="text-align: center"><br /></p>
             <p>
               <img src="../../assets/images/Visit/pp1.jpg" alt=""
-                tabindex="0" aria-describedat="Ways of Reservation"
+                tabindex="0" aria-description="Ways of Reservation"
               />
             </p>
             <p><br /></p>
@@ -418,7 +418,6 @@
                         style="
                           font-family: arial, helvetica, sans-serif;
                           font-size: 14px;
-                          
                         "
                       >
                         Requirements: Name of the tour group,
@@ -461,6 +460,8 @@
                       <img
                         src="../../assets/images/Visit/pp6.jpg"
                         style="max-width: 100%"
+                        tabindex="0"
+                        aria-description="Group Visit"
                       />
                     </p>
                   </td>
@@ -470,6 +471,8 @@
                       <img
                         src="../../assets/images/Visit/pp5.jpg"
                         style="max-width: 100%"
+                        tabindex="0"
+                        aria-description="Group Visit"
                       /><br />
                     </p>
                   </td>

web/src/views/Visit/Visit4.vue

@@ -45,6 +45,7 @@
         </div>
         <div>
           <img src="../../assets/images/Visit/Audio3.jpg" alt="Volunteer Guide"
+            tabindex="0"
             aria-description="Volunteer Guide"
           >
         </div>

web/src/views/Visit/Visit6.vue

@@ -12,13 +12,17 @@
         </div>
         <div>
           <img src="../../assets/images/Visit/cafe1.jpg" alt="Cafeteria"
+            tabindex="0"
             aria-description="Cafeteria"
           >
         </div>
       </div>
       <div class="row">
         <div>
-          <img src="../../assets/images/Visit/cafe2.jpg" alt="Shop">
+          <img src="../../assets/images/Visit/cafe2.jpg" alt="Shop"
+            tabindex="0"
+            aria-description="Shop"
+          >
         </div>
         <div class="blank">
           <h3 tabindex="0">Shop</h3>

web/src/views/accessibility.vue

@@ -1180,6 +1180,7 @@ a {
       flex: 1 0 auto;
       overflow: auto;
       text-align: center;
+      white-space: break-spaces;
       p {
         vertical-align: middle;
         display: inline-block;

web/src/views/layout/index.vue

@@ -104,7 +104,7 @@
               :key="item.name"
               v-html="item.name"
               tabindex="0"
-              :aria-describedat="item.name"
+              :aria-description="item.name"
             />
           </template>
         </div>