From 2ff1f704800867d1be423c84793a55c6fbfe9163 Mon Sep 17 00:00:00 2001
From: ken <poopooken11@gmail.com>
Date: Fri, 28 Aug 2026 10:10:14 +0800
Subject: [PATCH] update

---
 .../stylesheets/template/base/_accesskey.scss |  2 +-
 assets/stylesheets/template/base/_global.scss |  5 ++
 modules/ad_banner/_ad_banner_widget2.html.erb | 18 ++++++-
 .../_ad_banner_widget2_video.html.erb         |  4 +-
 modules/ad_banner/_ad_banner_widget3.html.erb | 48 ++++++++++++++-----
 .../_ad_banner_widget8_video.html.erb         |  4 +-
 .../_ad_banner_widget9_video.html.erb         |  4 +-
 7 files changed, 68 insertions(+), 17 deletions(-)

diff --git a/assets/stylesheets/template/base/_accesskey.scss b/assets/stylesheets/template/base/_accesskey.scss
index 3b317da..29fad41 100644
--- a/assets/stylesheets/template/base/_accesskey.scss
+++ b/assets/stylesheets/template/base/_accesskey.scss
@@ -3,7 +3,7 @@
 a[accesskey] {
   position: absolute;
   margin-left: -0.9375em;
-  color: transparent !important;
+  color: transparent;
 }
 a#content{
 	position: absolute!important;
diff --git a/assets/stylesheets/template/base/_global.scss b/assets/stylesheets/template/base/_global.scss
index 69064ff..c026a13 100644
--- a/assets/stylesheets/template/base/_global.scss
+++ b/assets/stylesheets/template/base/_global.scss
@@ -5,6 +5,11 @@
 .fa-classic, .fa-regular, .fa-solid, .far, .fas ,.fa{
     font-family: "FontAwesome";
 }
+li#language-li {
+  @media(max-width:767px){
+    display: none !important;
+  }
+}
 #orbit-bar .orbit-bar-inner > label:focus, #orbit-bar .orbit-bar-inner > label.focus{
   .orbit-bar-search-sign-language{
     display: block
diff --git a/modules/ad_banner/_ad_banner_widget2.html.erb b/modules/ad_banner/_ad_banner_widget2.html.erb
index 33128b9..43718e3 100644
--- a/modules/ad_banner/_ad_banner_widget2.html.erb
+++ b/modules/ad_banner/_ad_banner_widget2.html.erb
@@ -29,7 +29,9 @@
 
     </div>
   </div>
-  <ul class="w-ba-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></ul>
+    <div class="w-ad-banner__pager-2 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="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>
@@ -80,3 +82,17 @@
     });
   });
 </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;
+  }
+  .w-ba-banner .controlplay{
+    width: auto;
+  }
+  .next-button,.prev-button{
+    cursor: pointer;
+  }
+</style>
\ No newline at end of file
diff --git a/modules/ad_banner/_ad_banner_widget2_video.html.erb b/modules/ad_banner/_ad_banner_widget2_video.html.erb
index 355d9f4..f133fc1 100644
--- a/modules/ad_banner/_ad_banner_widget2_video.html.erb
+++ b/modules/ad_banner/_ad_banner_widget2_video.html.erb
@@ -25,7 +25,9 @@
     {{html}}
   </div>
   <div class="ad-overlay w-ad-banner__overlay_{{subpart-id}}"></div>
-  <div class="w-ba-banner__caption w-ad-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></div>
+    <div class="w-ad-banner__pager-2 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="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>
diff --git a/modules/ad_banner/_ad_banner_widget3.html.erb b/modules/ad_banner/_ad_banner_widget3.html.erb
index 3b847fe..790d858 100644
--- a/modules/ad_banner/_ad_banner_widget3.html.erb
+++ b/modules/ad_banner/_ad_banner_widget3.html.erb
@@ -26,17 +26,12 @@
           </a>
     </div>
   </div>
-  <ul class="w-ba-banner__pager-3 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>
-      <p style="display: none;"><%= I18n.t("ad_banner.resume") %></p>
-    </a>
-
-    <a role="radio" aria-checked="false" href="javascript:;" class="pause-slide" title="暫停播放" aria-label="暫停播放" aria-live="assertive">
-      <i aria-hidden="true"></i>
-      <p style="display: none;"><%= I18n.t("ad_banner.pause") %></p>
-    </a>
+    <div class="w-ad-banner__pager-3 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="button-mid">
+    <i class="fa fa-angle-left prev-button" aria-label="<%= I18n.t("ad_banner.prev") %>"></i>
+    <i class="fa fa-angle-right next-button" aria-label="<%= I18n.t("ad_banner.next") %>"></i>
   </ul>
 	<ul class="button-mid">
 		<button class="prev-button" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>" aria-label="Pager"></button>
@@ -67,5 +62,34 @@
 	})
 	$('.prev-button').off('click').on('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;
+  }
+  .w-ba-banner .controlplay{
+    width: auto;
+  }
+  .next-button,.prev-button{
+    cursor: pointer;
+  }
+</style>
\ No newline at end of file
diff --git a/modules/ad_banner/_ad_banner_widget8_video.html.erb b/modules/ad_banner/_ad_banner_widget8_video.html.erb
index c9d7992..0894d0d 100644
--- a/modules/ad_banner/_ad_banner_widget8_video.html.erb
+++ b/modules/ad_banner/_ad_banner_widget8_video.html.erb
@@ -29,7 +29,9 @@
     {{html}}
   </div>
   <div class="ad-overlay w-ad-banner__overlay_{{subpart-id}}"></div>
-  <div class="w-ba-banner__caption w-ad-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></div>
+    <div class="w-ad-banner__pager-2 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="controlplay">
     <a role="button" class="resume-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "繼續播放" : "resume" %>"><i></i></a>
     <a class="pause-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "暫停播放" : "pause"%>"><i></i></a>
diff --git a/modules/ad_banner/_ad_banner_widget9_video.html.erb b/modules/ad_banner/_ad_banner_widget9_video.html.erb
index 1498f51..d6cce1d 100644
--- a/modules/ad_banner/_ad_banner_widget9_video.html.erb
+++ b/modules/ad_banner/_ad_banner_widget9_video.html.erb
@@ -25,7 +25,9 @@
     {{html}}
   </div>
   <div class="ad-overlay banner-overlay"><div class="ad-overlay2 w-ad-banner__overlay_{{subpart-id}}"></div></div>
-  <div class="w-ba-banner__caption w-ad-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></div>
+    <div class="w-ad-banner__pager-2 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="controlplay"><a role="button" href="javascript:;" class="resume-slide active" title="<%= I18n.t("ad_banner.resume") %>"><i aria-hidden="true" aria-label="<%= I18n.t("ad_banner.resume") %>"></i><p style="display: none;"><%= I18n.t("ad_banner.resume") %></p></a><a href="javascript:;" class="pause-slide" title="<%= I18n.t("ad_banner.pause") %>"><i aria-hidden="true" aria-label="<%= I18n.t("ad_banner.pause") %>"></i><p style="display: none;"><%= I18n.t("ad_banner.pause") %></p></a></ul>
   <ul class="button-mid">
     <i class="fa fa-angle-left prev-button" aria-label="<%= I18n.t("ad_banner.prev") %>"></i>