update

assets/javascripts/app.js

@@ -899,7 +899,7 @@
                     var isLinkImage = $parentA.length > 0 && $parentA.text().replace(/\u00a0/g, '').trim() === "";
 
                     // --- 1. 處理「裝飾性圖片」標註 ---
-                    if (currentAlt === "announcement image" || currentAlt === "裝飾圖片" || currentTitle === "裝飾圖片" || currentAlt === "這是一張圖片" || currentTitle === "這是一張圖片") {
+                    if (currentAlt === "announcement image" || currentAlt === "裝飾圖片" || currentTitle === "裝飾圖片" || currentAlt === "這是一張圖片" || currentTitle === "這是一張圖片"||currentAlt === "This is a image" ||currentTitle === "This is a image"){
                         $img.attr('alt', '');
                         $img.removeAttr('title');
                         return; 
@@ -3405,5 +3405,82 @@ $(document).ready(function () {
   //     ORBITFRONT.member.equalHeight('.i-member-item-inner');
   //   }
   // });
+  //banner英文
+  $(function() {
+    function fixBannerA11yByLang() {
+        setTimeout(function() {
+            var pageLang = ($('html').attr('lang') || 'zh-Hant').toLowerCase();
+            var isEn = pageLang.startsWith('en');
 
+            var i18n = {
+                playControls: isEn ? 'Playback Controls'   : '播放控制選項',
+                resume:       isEn ? 'Play'                 : '繼續播放',
+                pause:        isEn ? 'Pause'                : '暫停播放',
+                prev:         isEn ? 'Previous'             : '上一張',
+                next:         isEn ? 'Next'                 : '下一張',
+                slide:        isEn ? 'Slide'                : '第',
+                slideUnit:    isEn ? ''                     : ' 張投影片'
+            };
+
+            $('.w-ba-banner').each(function() {
+                var $banner = $(this);
+
+                // ✅ 播放控制選項 radiogroup label
+                $banner.find('.controlplay').attr('aria-label', i18n.playControls);
+
+                // ✅ 繼續播放按鈕
+                $banner.find('.resume-slide').attr({
+                    'aria-label': i18n.resume,
+                    'title': i18n.resume
+                });
+                $banner.find('.resume-slide p').text(i18n.resume);
+
+                // ✅ 暫停播放按鈕
+                $banner.find('.pause-slide').attr({
+                    'aria-label': i18n.pause,
+                    'title': i18n.pause
+                });
+                $banner.find('.pause-slide p').text(i18n.pause);
+
+                // ✅ 上一張按鈕
+                $banner.find('.prev-button').attr('aria-label', i18n.prev);
+
+                // ✅ 下一張按鈕
+                $banner.find('.next-button').attr('aria-label', i18n.next);
+
+                // ✅ Pager 按鈕
+                var $slides = $banner.find('.w-ba-banner__slide');
+                $banner.find('.banner-pager button').each(function(index) {
+                    var slideTitle = $slides.eq(index).data('cycle-title') || '';
+                    var ariaLabel = isEn
+                        ? i18n.slide + ' ' + (index + 1) + (slideTitle ? ' ' + slideTitle : '')
+                        : i18n.slide + (index + 1) + i18n.slideUnit + (slideTitle ? ' ' + slideTitle : '');
+                    $(this).attr({
+                        'aria-label': ariaLabel,
+                        'title': ariaLabel
+                    });
+                });
+            });
+
+            // ✅ Cycle2 初始化後也重新處理 Pager（因為 pager 是動態產生的）
+            $('.w-ba-banner .cycle-slideshow').on('cycle-post-initialize cycle-after', function() {
+                var $banner = $(this).closest('.w-ba-banner');
+                var $slides = $banner.find('.w-ba-banner__slide');
+                $banner.find('.banner-pager button').each(function(index) {
+                    var slideTitle = $slides.eq(index).data('cycle-title') || '';
+                    var ariaLabel = isEn
+                        ? i18n.slide + ' ' + (index + 1) + (slideTitle ? ' ' + slideTitle : '')
+                        : i18n.slide + (index + 1) + i18n.slideUnit + (slideTitle ? ' ' + slideTitle : '');
+                    $(this).attr({
+                        'aria-label': ariaLabel,
+                        'title': ariaLabel
+                    });
+                });
+            });
+
+        }, 800);
+    }
+
+    fixBannerA11yByLang();
+  });
 }(jQuery, window));

assets/stylesheets/template/base/_global.scss

@@ -6,6 +6,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

assets/stylesheets/template/modules/ad_banner.scss

@@ -382,12 +382,12 @@ ul.button-mid{
   }
 
 
-  .banner-pager {
+  // .banner-pager {
-    right: 1em;
+  //   right: 1em;
-    top: -2em;
+  //   top: -2em;
-    z-index: 100;
+  //   z-index: 100;
-    display: none;
+  //   display: none;
-  }
+  // }
 }
 
 // Widget 3

assets/stylesheets/template/modules/archives.scss

@@ -149,7 +149,7 @@
   @extend .unity-title;
 }
 .link { background-color: #1368d4 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
-.txt  { background-color: #3a8a40 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
+.txt  { background-color: #2a7e31 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
 .xlsx { background-color: #9e3050 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
 .pdf  { background-color: #2a7d36 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
 .docx { background-color: #5e46a0 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
@@ -158,7 +158,7 @@
 .jpg  { background-color: #8f3333 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
 .zip  { background-color: #8a6400 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
 .rar  { background-color: #9e5000 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
-.xls  { background-color: #3a8a40 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
+.xls  { background-color: #2a7e31 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
 .odt  { background-color: #767676 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
 .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{
     // border-top: 0.0625em solid #ddd;

modules/ad_banner/_ad_banner_widget2.html.erb

@@ -49,20 +49,23 @@
   </ul>
 </div>
 <script>
-	var flag = 1;
+  $('[data-subpart-id="{{subpart-id}}"] .pause-slide').click(function(){
-	$('.pause-slide').click(function(){
+    $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('pause');
-		$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('pause');
+    $(this).addClass('active')
-	});
+    $(this).parents('.controlplay').eq(0).find('.resume-slide').removeClass('active')
-	$('.resume-slide').click(function(){
+  });
-		$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('resume');
+  $('[data-subpart-id="{{subpart-id}}"] .resume-slide').click(function(){
-	});
+    $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('resume');
-	$('.next-button').off('click').on('click',function(){
+    $(this).addClass('active')
-		$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next");
+    $(this).parents('.controlplay').eq(0).find('.pause-slide').removeClass('active')
+  });
+  $('[data-subpart-id="{{subpart-id}}"] .next-button').click(function(){
+    $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next");
 
-	})
+  })
-	$('.prev-button').off('click').on('click',function(){
+  $('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
-		$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
+    $(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');

modules/announcement/annc_index18.html.erb

@@ -3,7 +3,7 @@
   <ul class="i-annc__list  row" data-level="0" data-list="announcements">
     <li class="i-annc__item rotate0">
     <div class="i-annc__img-wrap bullseye">
-      <a  href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}">
+      <a href="{{link_to_show}}" title="{{img_description}}">
         <img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
       </a>
     </div>

modules/announcement/annc_index19.html.erb

@@ -2,9 +2,9 @@
     <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
   <ul class="i-annc__list  row" data-level="0" data-list="announcements">
     <li class="i-annc__item col-md-3 col-sm-3">
-    <a  href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}">
+    <a href="{{link_to_show}}" title="{{img_description}}">
     <div class="i-annc__img-wrap bullseye">
-        <img class="i-annc__img" src="{{img_src}}" alt="" title="{{img_description}}">
+        <img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}">
     </div>
       <div class="i-annc__content-wrap">
         <div class="i-annc__meta">

modules/announcement/annc_index5.html.erb

@@ -2,10 +2,10 @@
     <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
   <ul class="i-annc__list" data-level="0" data-list="announcements">
     <li class="i-annc__item row">
-     <a  href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}">
+     <a href="{{link_to_show}}" title="{{img_description}}">
       <div class="i-annc__img-wrap col-sm-4">
        
-        <img class="i-annc__img" src="{{img_src}}" alt="" title="{{img_description}}">
+        <img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}">
       
       </div>
       <div class="i-annc__content-wrap col-sm-8">

modules/announcement/annc_index6.html.erb

@@ -2,7 +2,7 @@
     <h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
   <ul class="i-annc__list" data-level="0" data-list="announcements">
     <li class="i-annc__item row">
-    <a  href="{{link_to_show}}" alt="{{img_description}}" title="{{img_description}}">
+    <a href="{{link_to_show}}" title="{{img_description}}">
       <div class="i-annc__content-wrap col-sm-8">
         <div class="i-annc__meta">
           <span class="i-annc__status-wrap" data-list="statuses" data-level="1">
@@ -23,7 +23,7 @@
         <p class="i-annc__subtitle">{{subtitle}}</p>
       </div>
       <div class="i-annc__img-wrap col-sm-4">
-          <img class="i-annc__img" src="{{img_src}}" alt="" title="{{img_description}}">
+          <img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}">
       </div>
       </a>
     </li>

modules/event_news_mod/event_news_index5.html.erb

@@ -4,7 +4,7 @@
     <li class="i-annc__item row">
         <a href="{{link_to_show}}" title="{{img_description}}">
       <div class="i-annc__img-wrap col-sm-4">
-        <img class="i-annc__img" src="{{img_src}}" alt="" title="{{img_description}}">
+        <img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}">
       </div>
       <div class="i-annc__content-wrap col-sm-8">
         <div class="i-annc__meta">

modules/event_news_mod/event_news_index6.html.erb

@@ -23,7 +23,7 @@
         <p class="i-annc__subtitle">{{subtitle}}</p>
       </div>
       <div class="i-annc__img-wrap col-sm-4">
-        <img class="i-annc__img" src="{{img_src}}" alt="" title="{{img_description}}">
+        <img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}">
       </div>
       </a>
     </li>

modules/event_news_mod/event_news_index7.html.erb

@@ -4,7 +4,7 @@
     <li class="i-annc__item  col-md-4">
 	<a href="{{link_to_show}}" title="{{img_description}}">
     <div class="i-annc__img-wrap bullseye" style="position:relative">
-      <img class="i-annc__img" src="{{img_src}}" alt="" title="{{img_description}}">
+      <img class="i-annc__img" src="{{img_src}}" alt="{{img_description}}">
     </div>
     <div class="i-annc__content-wrap">
       <div class="i-annc__meta">

modules/member/member_index3.html.erb

@@ -9,7 +9,7 @@
             <div class="i-member-item-inner clearfix">
               <div class="i-member-pic-wrap col-sm-4 col-xs-4">
                 <a href="{{link_to_show}}" title="{{name}}">
-                 <img class="i-member-pic" src="{{image}}" title="{{name}}">
+                 <img class="i-member-pic" src="{{image}}" alt="{{name}}">
                 </a>
               </div>
               <div class="i-member-profile-data-wrap col-sm-8 col-xs-8">

modules/member/member_index5.html.erb

@@ -9,7 +9,7 @@
             <div class="i-member-item-inner clearfix">
               <div class="i-member-pic-wrap">
                 <a href="{{link_to_show}}" title="{{name}}">
-                 <img class="i-member-pic" src="{{image}}" title="{{name}}">
+                 <img class="i-member-pic" src="{{image}}" alt="{{name}}">
                 </a>
               </div>
               <div class="i-member-profile-data-wrap">

modules/member/member_index7.html.erb

@@ -9,7 +9,7 @@
             <div class="i-member-item-inner clearfix">
               <div class="i-member-pic-wrap">
                 <a href="{{link_to_show}}" title="{{name}}">
-                 <img class="i-member-pic" src="{{image}}" title="{{name}}">
+                 <img class="i-member-pic" src="{{image}}" alt="{{name}}">
                 </a>
               </div>
               <div class="i-member-profile-data-wrap">

modules/member/member_index8.html.erb

@@ -11,7 +11,7 @@
             <div class="i-member-item-inner clearfix">
               <div class="i-member-pic-wrap">
                 <a href="{{link_to_show}}" title="{{name}}">
-                  <img class="i-member-pic" src="{{image}}" title="{{name}}">
+                  <img class="i-member-pic" src="{{image}}" alt="{{name}}">
                 </a>
             </div>