update

assets/javascripts/app.js

@@ -1,7 +1,36 @@
 ;(function($, win, undefined) {
   // ECMAScript 5 嚴格模式
   'use strict';
+  $(function() {
+  var $signLanguageBox = $('.orbit-bar-search-sign-language');
+  var $headerNav       = $('.header-nav');
+  var $target          = $('.header-nav [accesskey="U"], .header-nav [accesskey="W"]');
 
+  // 移除 color: inherit !important
+  $target.each(function() {
+    $(this)[0].style.removeProperty('color');
+  });
+
+  function handleNavMove() {
+    var windowWidth = window.innerWidth;
+
+    if (windowWidth > 768) {
+      if ($signLanguageBox.length && $signLanguageBox.find('[accesskey="U"], [accesskey="W"]').length === 0) {
+        $signLanguageBox.prepend($target);
+      }
+    } else {
+      if ($headerNav.length && $headerNav.find('[accesskey="U"], [accesskey="W"]').length === 0) {
+        $headerNav.append($target);
+      }
+    }
+  }
+
+  handleNavMove();
+
+  $(window).on('resize', function() {
+    handleNavMove();
+  });
+  });
     //header fixed在上方
   function initdata1() {
         if ( $('.homebanner').length != 0) {
@@ -590,7 +619,7 @@
         }
       });
       if (document.documentElement.lang === 'zh_tw') {
-        document.documentElement.lang = 'zh-Hant';
+        document.documentElement.lang = 'zh-Hant-TW';
       }    
       //tab鍵按下
       $(document).on('keydown', function(e) {
@@ -836,7 +865,7 @@
                     var isLinkImage = $parentA.length > 0 && $parentA.text().replace(/\u00a0/g, '').trim() === "";
 
                     // --- 1. 處理「裝飾性圖片」標註 ---
-                    if (currentAlt === "announcement image" || currentAlt === "裝飾圖片" || currentTitle === "裝飾圖片") {
+                    if (currentAlt === "announcement image" || currentAlt === "裝飾圖片" || currentTitle === "裝飾圖片" || currentAlt === "這是一張圖片" || currentTitle === "這是一張圖片") {
                         $img.attr('alt', '');
                         $img.removeAttr('title');
                         return; 
@@ -912,7 +941,7 @@ $(function() {
         var urlParams = new URLSearchParams(window.location.search);
         var isEditMode = urlParams.get('editmode') === 'on';
 
-        var pageLang = $('html').attr('lang') || 'zh-Hant';
+        var pageLang = $('html').attr('lang') || 'zh-Hant-TW';
         var isEn = pageLang.toLowerCase().startsWith('en');
 
         var i18n = {
@@ -2059,6 +2088,14 @@ $(document).ready(function() {
     // if($('.show-announcement').hasClass('show-announcement')) {
     //   $('.').css('', '');
     // }
+          $(function() {
+        var $headerNav = $('.header-nav');
+        $headerNav.contents().each(function() {
+          if (this.nodeType === 3 && this.nodeValue.trim() === '|') {
+            $(this).remove();
+          }
+        });
+      });
    if ($('.fatfooter').length === 0) {
       $('.btn-fatfooter').hide();
    };
@@ -2695,7 +2732,7 @@ $(document).ready(function () {
   $(document).ready(function () {
     // 定義文字與顏色對應
     var categoryColors = {
-      "職業安全衛生": "#6a828e",
+      "職業安全衛生": "#96bccf",
       "試場專區": "#75c5c2",
       "健康促進及管理": "#e0c25f",
       "傳染病宣導": "#75c5c2"
@@ -2784,6 +2821,128 @@ $(document).ready(function () {
     });
   }, 1500);
 });
+//cycle2無障礙
+$(document).ready(function() {
+    // 取得頁面上所有的 Cycle2 輪播圖
+    var $allSlideshows = $('.cycle-slideshow');
+
+    /**
+     * 核心無障礙狀態刷新函式
+     */
+    function refreshCycleA11y($el) {
+      var $items = $el.find('.w-annc__item, .widget-link__item, .widget-pic, [class*="cycle-slide"]');
+
+      $items.each(function() {
+        var $slide = $(this);
+        var isActive = $slide.hasClass('cycle-slide-active');
+
+        if (isActive) {
+          // ✅ li 只設 aria-hidden，不加 tabindex
+          $slide.attr('aria-hidden', 'false');
+          $slide.removeAttr('tabindex'); // ← 確保 li 本身沒有 tabindex
+          $slide.find('a, button, input, [tabindex]').attr('tabindex', '0');
+        } else {
+          // 隱藏中的投影片：徹底隔離
+          $slide.attr('aria-hidden', 'true');
+          $slide.removeAttr('tabindex');
+          $slide.find('a, button, input, [tabindex]').attr('tabindex', '-1');
+        }
+      });
+
+      // --- 防鎖死邊界處理 (Shift + Tab) ---
+      var $container = $el.closest('.w-annc, .widget-link_wrapper, .widget-link');
+      var $prevBtn = $container.find('.btn-left, .prev-button');
+
+      $el.find('.cycle-slide-active a, .cycle-slide-active button').first()
+        .off('keydown.a11y').on('keydown.a11y', function(e) {
+            if (e.keyCode === 9 && e.shiftKey) {
+              if ($prevBtn.length) {
+                e.preventDefault();
+                $prevBtn.focus();
+              }
+            }
+          });
+    }
+
+    /**
+     * 針對 widget-link 非語意化標籤 (如 i 標籤當按鈕) 的無障礙補強
+     */
+    function refreshCycleA11y($el) {
+      var $items = $el.find('.w-annc__item, .widget-link__item, [class*="cycle-slide"]');
+
+      $items.each(function() {
+        var $slide = $(this);
+        var isActive = $slide.hasClass('cycle-slide-active');
+
+        if (isActive) {
+          // ✅ li 只設 aria-hidden，不加 tabindex
+          $slide.attr('aria-hidden', 'false');
+          $slide.removeAttr('tabindex'); // ← 確保 li 本身沒有 tabindex
+          $slide.find('a, button, input, [tabindex]').attr('tabindex', '0');
+        } else {
+          // 隱藏中的投影片：徹底隔離
+          $slide.attr('aria-hidden', 'true');
+          $slide.removeAttr('tabindex');
+          $slide.find('a, button, input, [tabindex]').attr('tabindex', '-1');
+        }
+      });
+
+      // --- 防鎖死邊界處理 (Shift + Tab) ---
+      var $container = $el.closest('.w-annc, .widget-link_wrapper, .widget-link');
+      var $prevBtn = $container.find('.btn-left, .prev-button');
+
+      $el.find('.cycle-slide-active a, .cycle-slide-active button').first()
+        .off('keydown.a11y').on('keydown.a11y', function(e) {
+            if (e.keyCode === 9 && e.shiftKey) {
+              if ($prevBtn.length) {
+                e.preventDefault();
+                $prevBtn.focus();
+              }
+            }
+          });
+    }
+
+    // 輔助函式：切換後更新 A11y 狀態並鎖定焦點
+    function triggerPostUpdate($el, $activeBtn) {
+        $el.one('cycle-after', function() {
+            setTimeout(function() {
+                refreshCycleA11y($el);
+                $activeBtn.focus();
+            }, 300);
+        });
+    }
+
+    /**
+     * 舊有按鈕事件相容與整合
+     */
+    $(document).on('keydown', '.btn-right, .btn-left', function(e) {
+        if (e.keyCode === 13) {
+            var $btn = $(this);
+            var $el = $btn.closest('.w-annc').find('.cycle-slideshow');
+            triggerPostUpdate($el, $btn);
+        }
+    });
+
+    /**
+     * 綁定 Cycle2 核心事件
+     */
+    $allSlideshows.on('cycle-initialized cycle-after', function() {
+        var $this = $(this);
+        setTimeout(function() {
+            refreshCycleA11y($this);
+        }, 300);
+    });
+
+    // 初始化執行
+    patchWidgetLinkElements();
+    
+    $allSlideshows.each(function() {
+        var $this = $(this);
+        setTimeout(function() {
+            refreshCycleA11y($this);
+        }, 500);
+    });
+});
 //orbitbarlogo無障礙
 $(function() {
   var $logo  = $('.orbit-bar-logo');
@@ -2881,6 +3040,92 @@ $(document).ready(function() {
   });
 
 });
+//萬用表格無障礙
+function fixSortLinkA11y() {
+  $('a').filter(function () {
+    return $(this).find('.universal-th-icon').length > 0;
+  }).each(function () {
+    var $link = $(this);
+
+    // === Step 1: 移除 display:none 的 span ===
+    $link.find('span').each(function () {
+      if ($(this).css('display') === 'none' || $(this).attr('style') && $(this).attr('style').indexOf('display: none') !== -1) {
+        $(this).remove();
+      }
+    });
+
+    // === Step 2: 取得 aria-label ===
+    var ariaLabel = $link.attr('aria-label') || '';
+
+    // 若 aria-label 空白或含未替換模板變數，從旁邊 .universal-th-text 補
+    if (!ariaLabel || ariaLabel.indexOf('{{') !== -1) {
+      var $th = $link.closest('th, div[class*="col-"]');
+      var colName = $th.find('.universal-th-text').text().trim();
+      ariaLabel = colName ? '重新排序' + colName : '排序';
+      $link.attr('aria-label', ariaLabel);
+    }
+
+    // === Step 3: 補上 title 屬性 ===
+    if (!$link.attr('title')) {
+      $link.attr('title', ariaLabel + '(在本視窗開啟)');
+    }
+
+    // === Step 4: 確保圖示有 aria-hidden ===
+    $link.find('.universal-th-icon').attr('aria-hidden', 'true');
+
+    // === Step 5: 補上 visually-hidden 連結文字 ===
+    if ($link.find('.visually-hidden').length === 0) {
+      $link.append('<span class="visually-hidden">' + ariaLabel + '</span>');
+    }
+  });
+}
+function fixSearchInputA11y() {
+  $('input[type="search"], input[type="text"]').each(function () {
+    var $input = $(this);
+
+    // 已有對應 label 就跳過
+    var inputId = $input.attr('id');
+    if (inputId && $('label[for="' + inputId + '"]').length) return;
+
+    // 已有 aria-label / aria-labelledby / title 就跳過
+    if ($input.attr('aria-label') || $input.attr('aria-labelledby') || $input.attr('title')) return;
+
+    // 從 placeholder 取得說明文字
+    var placeholder = $input.attr('placeholder') || '';
+
+    // 從最近的 th 或欄位標題取得欄位名稱
+    var colName = '';
+    var $th = $input.closest('th, div[class*="col-"]');
+    if ($th.length) {
+      colName = $th.find('.universal-th-text').text().trim();
+    }
+
+    // 組合標籤文字
+    var label = '';
+    if (colName && placeholder) {
+      label = colName + '搜尋';
+    } else if (colName) {
+      label = colName + '搜尋';
+    } else if (placeholder) {
+      label = placeholder;
+    } else {
+      label = '搜尋關鍵字';
+    }
+
+    $input.attr('aria-label', label);
+    $input.attr('title', label);
+  });
+}
+
+$(document).ready(function () {
+  setTimeout(function () {
+    fixSortLinkA11y();
+    fixSearchInputA11y();
+  }, 500);
+});
+setTimeout(function() {
+  $('.internal-page .ad-banner-widget-0 .w-ad-banner__image').attr('alt', '');
+}, 800);
   // 執行 member等高計算，目前改用flexbox故mark掉 by ika 20160105
   // $(window).load(function() {
   //   if ($('.index-member-3').length && $(window).width() > 992) {

assets/stylesheets/template/base/_global.scss

@@ -11,6 +11,9 @@
     display: block
   }
 }
+#orbit-bar .orbit-bar-menu .orbit-bar-logo{
+  cursor: unset!important;
+}
 
 .login-btn:focus {
         outline: 0.3125em auto -webkit-focus-ring-color !important;

assets/stylesheets/template/base/_variables.scss

@@ -16,8 +16,8 @@ $theme-red: #d20001;
 $theme-blue: #003d7e;
 
 $theme-color-main: #333333;
-$theme-color-second:#00a99d;
+$theme-color-second:#008077;
-$theme-color-third: #00a99d;
+$theme-color-third: #008077;
 $theme-color-green: #06beb2;
 $theme-color-hover:#086bce;
 

assets/stylesheets/template/layout/content.scss

@@ -346,7 +346,7 @@ td > section {
     position: relative;
     padding: 50px 30px 50px;
     border-radius: 10px;
-    border: #00a99d36 solid 5px;
+    border: #00807736 solid 5px;
     min-height: 28em;
 
   h3 {
@@ -356,7 +356,7 @@ td > section {
       transform: translateX(-50%);
       text-align: center;
       padding: 2px 25px;
-      color: #00a99d;
+      color: #008077;
       background: #fff;
   }
   h4,i {
@@ -372,7 +372,7 @@ td > section {
     padding: 8px 20px;
     border-radius: 20px;
     color: #fff!important;
-    background: #00a99d;
+    background: #008077;
     &:hover{
       opacity: .8;
     }

assets/stylesheets/template/layout/footer.scss

@@ -140,7 +140,7 @@
     .copyright {
         width: 100%;
     text-align: center;
-    color: #afe0dd;
+    color: #e1fefc;
     border-top: 1px solid #ffffff66;
     padding: 15px 20px 0;
     margin: 20px 0 0;

assets/stylesheets/template/modules/announcement.scss

@@ -2734,7 +2734,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
       padding: 3px 20px;
       border-radius: 30px;
       background: #f3c956;
-      color: #fff!important;
+      color: #333!important;
     }
   }
   .i-annc__item {

assets/stylesheets/template/modules/archives.scss

@@ -144,18 +144,18 @@
 .i-archive-title {
   @extend .unity-title;
 }
-.link { background-color: #1368d4 !important; } /* 對比 4.6:1 */
+.link { background-color: #1368d4 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
-.txt  { background-color: #3a8a40 !important; } /* 對比 4.6:1 */
+.txt  { background-color: #3a8a40 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
-.xlsx { background-color: #9e3050 !important; } /* 對比 4.6:1 */
+.xlsx { background-color: #9e3050 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
-.pdf  { background-color: #2a7d36 !important; } /* 對比 4.6:1 */
+.pdf  { background-color: #2a7d36 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
-.docx { background-color: #5e46a0 !important; } /* 對比 4.6:1 */
+.docx { background-color: #5e46a0 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
-.doc  { background-color: #1368d4 !important; } /* 對比 4.6:1 */
+.doc  { background-color: #1368d4 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
-.pptx { background-color: #3d4aa0 !important; } /* 對比 4.6:1 */
+.pptx { background-color: #3d4aa0 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
-.jpg  { background-color: #8f3333 !important; } /* 對比 4.6:1 */
+.jpg  { background-color: #8f3333 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
-.zip  { background-color: #8a6400 !important; } /* 對比 4.6:1 */
+.zip  { background-color: #8a6400 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
-.rar  { background-color: #9e5000 !important; } /* 對比 4.6:1 */
+.rar  { background-color: #9e5000 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
-.xls  { background-color: #3a8a40 !important; } /* 對比 4.6:1 */
+.xls  { background-color: #3a8a40 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
-.odt  { background-color: #767676 !important; } /* 對比 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;
 }

assets/stylesheets/template/widget/breadcrumb.scss

@@ -15,10 +15,10 @@
   }
   margin-left: 0;
   background-color:transparent;
-  a:link, a:visited { color: #848484; }
+  a:link, a:visited { color: #616161; }
 }
 .breadcrumb>li+li:before {
-  color: #848484;
+  color: #616161;
 }
 .widget-breadcrumb {
   &.widget1 {
@@ -40,13 +40,13 @@
       a {
         font-size: 0.9rem;
         letter-spacing: 2px;
-        color: #848484;
+        color: #616161;
 
       }
 
       &:last-child {
         a {
-          color:  #848484;
+          color:  #616161;
           pointer-events: none;
         }
       }

home/index.html.erb

@@ -41,13 +41,6 @@
         </div>
         
       </div>
-       <div class="marqueeken">
-                    <div class="scroll">
-                        <div class="text1">
-                            NATIONAL FORMOSA UNIVERSITY
-                        </div>
-                    </div>
-       </div>
       <div class="layout-slide big-banner extra-box" data-pp="302" ></div>
 
       <div class="contentwrap1">

modules/announcement/_annc_widget1.html.erb

@@ -7,7 +7,7 @@
 
       <div class="w-annc__img-wrap ">
         <a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
-         <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+         <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
         </a>
       </div>
       <div class="w-annc__meta">

modules/announcement/_annc_widget15.html.erb

@@ -27,7 +27,7 @@
     <li class="w-annc__item " >
     <div class="w-annc__img-wrap bullseye" style="position:relative">
 	<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
-      <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+      <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
       <div class="transitionfade"></div>
     </a>
     </div>

modules/announcement/_annc_widget16.html.erb

@@ -22,7 +22,7 @@
 
     <div class="w-annc__item">
       <div class="w-annc__img-wrap">
-        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
       </div>
       <div class="w-annc__content-wrap">
         <div class="w-annc__meta">

modules/announcement/_annc_widget18.html.erb

@@ -9,7 +9,7 @@
     <li class="w-annc__item  col-sm-4">
 	    <div class="w-annc__img-wrap">
       <a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
-	      		<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+	      		<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
 	      </a>
 	    </div>
 	    <div class="w-annc__content-wrap">

modules/announcement/_annc_widget2.html.erb

@@ -6,7 +6,7 @@
     <li class="w-annc__item row">
       <div class="w-annc__img-wrap col-sm-4 bullseye">
       <a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
-        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
       </a>
       </div>
       <div class="w-annc__content-wrap col-sm-8">

modules/announcement/_annc_widget20.html.erb

@@ -9,7 +9,7 @@
     <li class="w-annc__item  col-md-4">
     <div class="w-annc__img-wrap bullseye" >
 	<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
-      <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+      <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
       <div class="transitionfade"></div>
       </a>
     </div>

modules/announcement/_annc_widget21.html.erb

@@ -27,7 +27,7 @@
       <li class="w-annc__item">
         <div class="w-annc__img-wrap bullseye" >
         <a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
-          <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+          <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
           <div class="transitionfade"></div>
           </a>
         </div>

modules/announcement/_annc_widget23.html.erb

@@ -7,7 +7,7 @@
 
       <div class="w-annc__img-wrap ">
       <a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
-         <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+         <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
         </a>
       </div>
       <div class="w-annc__meta">

modules/announcement/_annc_widget24.html.erb

@@ -9,7 +9,7 @@
     <li class="w-annc__item  col-md-4">
     <div class="w-annc__img-wrap bullseye" >
 	<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
-      <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+      <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
       <div class="transitionfade"></div>
       </a>
     </div>

modules/announcement/_annc_widget25.html.erb

@@ -29,7 +29,7 @@
       <li class="w-annc__item">
         <div class="w-annc__img-wrap bullseye" >
         <a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
-          <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+          <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
           <div class="transitionfade"></div>
           </a>
         </div>

modules/announcement/_annc_widget26.html.erb

@@ -7,7 +7,7 @@
 
       <div class="w-annc__img-wrap ">
         <a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
-         <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+         <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
         </a>
       </div>
       <div class="w-annc__content-wrap card">

modules/announcement/_annc_widget3.html.erb

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

modules/announcement/_annc_widget4.html.erb

@@ -9,7 +9,7 @@
     <li class="w-annc__item  col-md-4">
       <div class="w-annc__img-wrap bullseye" style="position:relative">
 	  <a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
-        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
         <div class="transitionfade"></div>
       </a>
       </div>

modules/custom_announcement/_annc_widget1.html.erb

@@ -5,7 +5,7 @@
   <ul class="w-annc__list" data-level="0" data-list="custom_announcements">
     <li class="w-annc__item">
       <div class="w-annc__img-wrap bullseye">
-        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
       </div>
       <div class="w-annc__meta">
         <span class="w-annc__status-wrap" data-list="statuses" data-level="1">

modules/custom_announcement/_annc_widget15.html.erb

@@ -12,7 +12,7 @@
   <ul class="w-annc__list  row" data-level="0" data-list="custom_announcements">
     <li class="w-annc__item  col-md-4">
     <div class="w-annc__img-wrap bullseye">
-      <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+      <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
     </div>
     <div class="w-annc__content-wrap">
       <div class="w-annc__meta">

modules/custom_announcement/_annc_widget16.html.erb

@@ -27,7 +27,7 @@
 
     <div class="w-annc__item">
       <div class="w-annc__img-wrap">
-        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
       </div>
       <div class="w-annc__content-wrap">
         <div class="w-annc__meta">

modules/custom_announcement/_annc_widget18.html.erb

@@ -9,7 +9,7 @@
     <li class="w-annc__item  col-md-4">
 	    <div class="w-annc__img-wrap">
 	    	<a href="{{link_to_show}}" title="{{title}}">
-	      		<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+	      		<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
 	      	</a>
 	    </div>
 	    <div class="w-annc__content-wrap">

modules/custom_announcement/_annc_widget2.html.erb

@@ -5,7 +5,7 @@
   <ul class="w-annc__list" data-level="0" data-list="custom_announcements">
     <li class="w-annc__item row">
       <div class="w-annc__img-wrap col-sm-4 bullseye">
-        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
       </div>
       <div class="w-annc__content-wrap col-sm-8">  
         <div class="w-annc__meta">

modules/custom_announcement/_annc_widget3.html.erb

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

modules/custom_announcement/_annc_widget4.html.erb

@@ -8,7 +8,7 @@
   <ul class="w-annc__list  row" data-level="0" data-list="custom_announcements">
     <li class="w-annc__item  col-md-4">
     <div class="w-annc__img-wrap bullseye">
-      <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+      <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
     </div>
     <div class="w-annc__content-wrap">
       <div class="w-annc__meta">

modules/custom_gallery/custom_gallery_index1.html.erb

@@ -6,7 +6,7 @@
     <div class="index-content col-xs-4 col-sm-3">
       <div class="index-content-inner">
         <div class="index-pic">
-          <img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
+          <img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
         </div>
         <section class="index-part">
           <h4 class="index-content-title">

modules/custom_gallery/custom_gallery_index3.html.erb

@@ -6,7 +6,7 @@
     <div class="index-content col-xs-4 col-sm-3">
       <div class="index-content-inner">
         <div class="index-pic">
-          <img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
+          <img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
         </div>
         <section class="index-part">
           <h4 class="index-content-title">

modules/event_news_mod/_event_news_widget1.html.erb

@@ -6,7 +6,7 @@
     <li class="w-annc__item">
       <div class="w-annc__img-wrap bullseye">
       <a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
-        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
       </a>
       </div>
       <div class="w-annc__meta">

modules/event_news_mod/_event_news_widget15.html.erb

@@ -24,7 +24,7 @@
     <li class="w-annc__item">
       <div class="w-annc__img-wrap bullseye" style="position:relative">
 	  <a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
-        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
         <div class="transitionfade"></div>
       </a>
       </div>

modules/event_news_mod/_event_news_widget2.html.erb

@@ -6,7 +6,7 @@
     <li class="w-annc__item row">
       <div class="w-annc__img-wrap col-sm-4 bullseye">
       <a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
-        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
         </a>
       </div>
       <div class="w-annc__content-wrap col-sm-8">

modules/event_news_mod/_event_news_widget20.html.erb

@@ -6,7 +6,7 @@
     <li class="w-annc__item  col-md-4">
     <div class="w-annc__img-wrap bullseye" >
 	<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
-      <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+      <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
       <div class="transitionfade"></div>
       </a>
     </div>

modules/event_news_mod/_event_news_widget21.html.erb

@@ -24,7 +24,7 @@
       <li class="w-annc__item">
         <div class="w-annc__img-wrap bullseye" >
         <a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
-          <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+          <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
           <div class="transitionfade"></div>
           </a>
         </div>

modules/event_news_mod/_event_news_widget22.html.erb

@@ -21,7 +21,7 @@
     <li class="w-annc__item  col-md-4">
     <div class="w-annc__img-wrap bullseye">
 	<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
-      <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+      <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
     </a>
     </div>
     <div class="w-annc__content-wrap">

modules/event_news_mod/_event_news_widget3.html.erb

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

modules/event_news_mod/_event_news_widget4.html.erb

@@ -9,7 +9,7 @@
     <li class="w-annc__item  col-md-4">
       <div class="w-annc__img-wrap bullseye" style="position:relative">
 	  <a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}">
-        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}">
         <div class="transitionfade"></div>
       </a>
       </div>

modules/gallery/_gallery_widget8.html.erb

@@ -17,10 +17,7 @@
     data-cycle-next="~ .button-mid .next-button"
     data-cycle-pager="~ .banner-pager"
     data-cycle-pager-template="<span></span>">
-
-
     <div class="widget-pic" style="text-overflow: ellipsis;overflow: hidden;white-space: nowrap;">
-      
         <img
           srcset="
             {{thumb-large-src}} 1024w,
@@ -61,7 +58,7 @@ $(document).ready(function () {
     // 初始化 carousel
     $slideshow.cycle({
       fx: 'carousel',
-      timeout: 3000,
+      timeout: 0,
       pauseOnHover: true,
       log: false,
       carouselVisible: visibleCount,

modules/gallery/_gallery_widget9.html.erb

@@ -4,10 +4,10 @@
   </h3> -->
   <div class="cycle-slideshow widget-content"
     data-level="0" 
+    data-cycle-timeout="0"
     data-list="images" 
-    data-cycle-slides="> a"
+    data-cycle-slides=".w-annc__item"
     data-cycle-fx="carousel" 
-    data-cycle-timeout="3000" 
     data-cycle-carousel-visible="3" 
     data-cycle-pause-on-hover="true" 
     data-cycle-log="false" 
@@ -16,7 +16,8 @@
     data-cycle-next="~ .button-mid .next-button"
     data-cycle-pager="~ .banner-pager"
     data-cycle-pager-template="<span></span>">
-    <a class="widget-pic" href="{{link_to_show}}" target="_blank" title="{{album-name}}">
+    <div class="widget-pic w-annc__item">
+    <a  href="{{link_to_show}}" target="_blank" title="{{album-name}}">
       <div class="mask_box">
         <img
           srcset="
@@ -32,6 +33,7 @@
         </div>
       </div>
     </a>
+    </div>
 
   </div>
   <ul class="button-mid">
@@ -61,7 +63,7 @@ $(document).ready(function () {
     // 初始化 carousel
     $slideshow.cycle({
       fx: 'carousel',
-      timeout: 3000,
+      timeout:0,
       pauseOnHover: true,
       log: false,
       carouselVisible: visibleCount,
@@ -174,5 +176,10 @@ $(document).ready(function () {
     font-size: 22px;
     cursor: pointer;
   }
-    
+   .button-mid {
+    position: absolute;
+    width: 100%;
+    height: 0;
+    top: 50%;
+} 
 </style>

modules/gallery/gallery_index1.html.erb

@@ -2,22 +2,22 @@
   <h3 class="index-title">
     <span>{{page-title}}</span>
   </h3>
-  <div class="gallery-shadow" class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
+  <div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
     <div class="index-content col-sm-3">
-      <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
       <div class="index-content-inner">
+      <a href="{{link_to_show}}" title="{{album-name}}">
         <div class="index-pic">
-          <img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
+          <img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
         </div>
         </a>
         <div class="index-part">
           <h4 class="index-content-title">
-            <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
+            <span>{{album-name}}</span>
           </h4>
           <div class="index-img-description">{{album-description}}</div>
         </div>
       </div>
-
+      
     </div>
   </div>
 </div>

modules/gallery/gallery_index2.html.erb

@@ -5,14 +5,14 @@
   <div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
     <div class="index-content">
       <div class="index-content-inner clearfix row">
-       <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
+       <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">
         <div class="index-pic col-xs-5 col-sm-2">
           <img class="index-img" src="{{thumb-src}}" alt="{{alt_title}}">
         </div>
         </a>
         <div class="index-part col-xs-7 col-sm-10">
           <h4 class="index-content-title">
-           <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
+           <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">{{album-name}}</a>
           </h4>
           <div class="index-img-description">{{album-description}}</div>
         </div>

modules/gallery/gallery_index3.html.erb

@@ -4,15 +4,15 @@
   </h3>
   <div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
     <div class="index-content col-sm-3">
-      <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
+      <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">
         <div class="index-content-inner">
           <div class="index-pic">
-            <img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
+            <img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
           </div>
       </a>
         <div class="index-part">
             <h4 class="index-content-title">
-              <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
+              <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">{{album-name}}</a>
             </h4>
         </div>
     </div>

modules/gallery/gallery_index4.html.erb

@@ -5,14 +5,14 @@
   <div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
     <div class="index-content">
       <div class="index-content-inner clearfix row">
-        <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
+        <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">
           <div class="index-pic col-xs-5 col-sm-2">
             <img class="index-img" src="{{thumb-src}}" alt="{{alt_title}}">
           </div>
         </a>
         <div class="index-part col-xs-7 col-sm-10">
             <h4 class="index-content-title">
-              <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
+              <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">{{album-name}}</a>
             </h4>
         </div>
 

modules/gallery/gallery_index5.html.erb

@@ -8,11 +8,11 @@
 
         <div class="card-front">
           <div class="card-body" style="padding:0;">
-          <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
+          <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">
             <img src="{{thumb-src}}"alt="{{alt_title}}">
             </a>
             <div class="card-footer">
-            <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
+            <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">
               <h3 class="card-title">{{album-name}}</h3>
             </a>
             </div>

modules/gallery/gallery_index6.html.erb

@@ -6,14 +6,14 @@
     <div class="index-content  col-sm-3">
 
         <div class="index-content-inner">
-          <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
+          <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">
           <div class="index-pic">
-            <img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
+            <img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
           </div>
           </a>
           <section class="index-part">
             <h4 class="index-content-title">
-              <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
+              <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">{{album-name}}</a>
             </h4>
           </section>
         </div>