From 408e764a18cc112f44f7c54b1a59424a799810fc Mon Sep 17 00:00:00 2001
From: ken <poopooken11@gmail.com>
Date: Thu, 24 Sep 2026 15:19:15 +0800
Subject: [PATCH] up

---
 .../template/modules/announcement.scss        |  8 ++++++
 modules/ad_banner/_ad_banner_widget1.html.erb | 28 +++++++++++++------
 2 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/assets/stylesheets/template/modules/announcement.scss b/assets/stylesheets/template/modules/announcement.scss
index f08cd04..fe9380d 100644
--- a/assets/stylesheets/template/modules/announcement.scss
+++ b/assets/stylesheets/template/modules/announcement.scss
@@ -8,6 +8,14 @@
 
 // Announcement widget
 // ## Gerneral styles for widgets
+.carousel_images{
+    .w-ba-banner .controlplay .resume-slide.active i{
+      color: $theme-color-second!important;
+    }
+    .w-ba-banner .controlplay .pause-slide.active i{
+      color: #ff4500;
+    }
+}
 li.filter_tab{
     color: #fff !important;
     padding: 10px 5px;
diff --git a/modules/ad_banner/_ad_banner_widget1.html.erb b/modules/ad_banner/_ad_banner_widget1.html.erb
index 72699e2..1f01ca0 100644
--- a/modules/ad_banner/_ad_banner_widget1.html.erb
+++ b/modules/ad_banner/_ad_banner_widget1.html.erb
@@ -10,7 +10,7 @@
       data-cycle-timeout="{{timeout}}"
       data-cycle-fx="{{ad_fx}}"
       data-cycle-pager=".banner_caption_{{subpart-id}}"
-      data-pager-template=""
+      data-pager-template="<li><button></button></li>"
       data-pager-active-class="active-slide"
       data-cycle-swipe=true
       data-cycle-swipe-fx="scrollHorz"
@@ -20,7 +20,7 @@
         data-cycle-title="{{title}}"
         data-cycle-desc="{{context}}"
         data-overlay-template="<h3>{{title}}</h3><p>{{desc}}</p>"
-        data-target="{{target}}"
+        data-bs-target="{{target}}"
       >
        <a href="{{link}}" target="{{target}}" title="{{alt_title}}">
            <img class="w-ad-banner__image w-ba-banner__image banner-responsive" src="{{image_link}}" alt="{{alt_title}}">
@@ -29,9 +29,7 @@
     </div>
   </div>
   <div class="w-ad-banner__caption ad-overlay w-ba-banner__caption w-ad-banner__caption w-ad-banner__overlay_{{subpart-id}}"></div>
-  <div class="w-ad-banner__pager-1 w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}" data-list="images" data-level="0">
-    <li><button title="Slide {{slide_number}}" aria-label="Pager"><span style="display: none;">Slide {{slide_number}}</span></button></li>
-  </div>
+  <ul class="w-ad-banner__pager-1 banner-pager banner_caption_{{subpart-id}}"></ul>
   <ul class="controlplay" role="radiogroup" aria-label="播放控制選項">
     <a role="radio" aria-checked="true" href="javascript:;" class="resume-slide active" title="繼續播放" aria-label="繼續播放" aria-live="assertive">
       <i aria-hidden="true"></i>
@@ -65,12 +63,24 @@
   })
   $('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
     $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
-  })
+  });
+    /* 修正點：處理 Pager 無障礙朗讀文字 */
+  $('.cycle-slideshow').on('cycle-post-initialize', function(event, optionHash) {
+    var $container = $(this).closest('.w-ba-banner');
+    var $slides = $(this).find('.w-ba-banner__slide');
+    var $pagerButtons = $container.find(".banner-pager button");
+
+    $pagerButtons.each(function(index) {
+      var slideTitle = $slides.eq(index).data('cycle-title') || "";
+      var ariaLabel = "第 " + (index + 1) + " 張投影片 " + slideTitle;
+      $(this).attr({
+        "aria-label": ariaLabel,
+        "title": ariaLabel
+      });
+    });
+  });
 </script>
 <style type="text/css">
-  .w-ba-banner .controlplay .resume-slide.active i{
-    color: #32D9C3;
-  }
   .w-ba-banner .controlplay .pause-slide.active i{
     color: #ff4500;
   }