update

assets/javascripts/app.js

@@ -521,20 +521,28 @@ $(document).ready(function() {
       });
       //播放驗證碼語音
       $(function () {
-        $('.ask-question')
+          var pageLang = ($('html').attr('lang') || 'zh-Hant').toLowerCase();
-          .find('.controls button.fas.fa-volume-up')
+          var isEn = pageLang.startsWith('en');
-          .each(function () {
+          var label = isEn ? 'Play Captcha Voice' : '播放驗證碼語音';
-            const $btn = $(this);
 
-            // 已經補過就不重複處理
+          $('.ask-question')
-            if ($btn.attr('aria-label')) return;
+              .find('.controls button.fas.fa-volume-up')
+              .each(function () {
+                  var $btn = $(this);
 
-            $btn.attr({
+                  $btn.attr({
-              'aria-label': '播放驗證碼語音',
+                      'aria-label': label,
-              'aria-controls': 'captcha_audio',
+                      'title': label,
-              'role': 'button'
+                      'aria-controls': 'captcha_audio',
-            });
+                      'role': 'button'
-          });
+                  });
+
+                  // ✅ 同步更新 sr-only 文字（若有）
+                  var $sr = $btn.find('.sr-only');
+                  if ($sr.length > 0) {
+                      $sr.text(label);
+                  }
+              });
       });
 
       //刪除td的id
@@ -3102,11 +3110,15 @@ $(document).ready(function() {
 });
 //post
 $(document).ready(function () {
-  setTimeout(function () {
+    setTimeout(function () {
-    $('iframe.twitter-share-button, iframe.twitter-tweet-button').each(function () {
+        var pageLang = ($('html').attr('lang') || 'zh-Hant').toLowerCase();
-      $(this).attr('title', '分享至 X 在新視窗開啟');
+        var isEn = pageLang.startsWith('en');
-    });
+        var title = isEn ? 'Share to X Open in new window' : '分享至 X 在新視窗開啟';
-  }, 1500);
+
+        $('iframe.twitter-share-button, iframe.twitter-tweet-button').each(function () {
+            $(this).attr('title', title);
+        });
+    }, 1500);
 });
 $(function() {
   function bindIframeFocus() {
@@ -3542,4 +3554,82 @@ $(function() {
 
     fixSideMenuBtnA11y();
 });
+  //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

@@ -214,6 +214,6 @@ img{
 //     overflow-x: auto;
 //   }
 // }
-*[data-pp]>.editmode-ps>a, .admin-subpart-area .content>.editmode-ps>a{
+input[type=checkbox]:focus {
-  position: !important;
+    outline: 0.3125em auto -webkit-focus-ring-color;
-}
+}

assets/stylesheets/template/layout/header.scss

@@ -1,6 +1,14 @@
 @charset "utf-8";
 
 @import "../initial";
+@media (max-width: 767px) {
+    #orbit-bar .orbit-bar-title {
+        text-align: left;
+        a{
+          font-size: 0.8em;
+        }
+    }
+}
 .nav_ul{
       padding: 0;
   & > li{
@@ -256,8 +264,6 @@ i.kenmenu-drop.fa-solid.fa-chevron-down {
         h1{
           margin: 0;
         }
-        width: 80%;
-        height: 3em;
         padding: 0;
         margin: 0;
       }
@@ -267,7 +273,6 @@ i.kenmenu-drop.fa-solid.fa-chevron-down {
         float: left;
         height: 39px;
         padding-right: 0.5em;
-        width: auto!important;
         @media(min-width: 1024px){
           height: 39px;
         }

assets/stylesheets/template/modules/menu.scss

@@ -83,7 +83,6 @@
         position: relative;
       }
       .site-logo {
-          height: 35px !important;
           -webkit-transition: all .3s ease;
           -moz-transition: all .3s ease;
           -ms-transition: all .3s ease;

modules/ad_banner/_ad_banner_widget2.html.erb

@@ -29,9 +29,7 @@
 
     </div>
   </div>
-    <div class="w-ad-banner__pager-2 w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}" data-list="images" data-level="0">
+  <ul class="w-ba-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></ul>
-    <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>
@@ -83,6 +81,25 @@
   });
 </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;
+  }
+  .w-ba-banner .button-mid{
+    position: absolute;
+    width: 100%;
+    height: 0;
+    top: 50%;
+  }
+  .next-button,.prev-button{
+    cursor: pointer;
+  }
+</style><style type="text/css">
   .w-ba-banner .controlplay .resume-slide.active i{
     color: #32D9C3;
   }

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_index2.html.erb

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

modules/universal_table/index3.html.erb

@@ -13,12 +13,11 @@
     white-space: nowrap;
   }
   .universal-th-text{
-
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
-    white-space: normal;
+    white-space: pre !important;
-}
+  }
   .universal-dropdown-menu {
     padding: 15px 18px;
     white-space: nowrap;

modules/web_resource/web_res_index1.html.erb

@@ -4,7 +4,7 @@
   </h3>
   <ul class="list-unstyled" data-list="web_link" data-level="0">
     <li class="index-content">
-      <a class="index-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
+      <a class="" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
         <div class="link-img-wrap{{display_image}}">
           <img src="{{img_src}}" alt="{{img_description}}">
         </div>

modules/web_resource/web_res_index2.html.erb

@@ -4,7 +4,7 @@
   </h3>
   <ul class="list-unstyled" data-list="web_link" data-level="0">
     <li class="index-content col-sm-3">
-            <h4>
+        <h4>
           <span class="link-title">
             {{title}}
           </span>
@@ -12,7 +12,7 @@
             <span class="label status {{status-class}}">{{status}}</span>
           </span>
         </h4>
-      <a class="index-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
+      <a class="" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
         <div class="link-img-wrap{{display_image}}">
           <img src="{{img_src}}" alt="{{img_description}}">
         </div>