diff --git a/assets/javascripts/app.js b/assets/javascripts/app.js
index 18e424e..5dfbb49 100644
--- a/assets/javascripts/app.js
+++ b/assets/javascripts/app.js
@@ -398,25 +398,8 @@
       // }else{
       //   $('.header-buttom').appendTo($('.dropdowns'));
       // }
-  function forFreeGo() {
-
-    setTimeout(function() {
-          // 針對該特定類別進行檢查
-        $('.w-annc__widget-title').each(function() {
-            var $title = $(this);
-            
-            // 取得內部的純文字內容（移除前後空白）
-            var textContent = $.trim($title.text());
-            
-            // 檢查是否含有具體的「內容」元素，例如圖片、iframe 或 icon
-            // 排除掉掉你範例中那種用來排版的空 div 或空 span
-            var hasRealContent = $title.find('img, i, svg, canvas').length > 0;
-
-            // 判斷條件：如果沒有文字且沒有具體內容元素
-            if (textContent === "" && !hasRealContent) {
-                $title.remove(); 
-            }
-        });
+    function forFreeGo() {
+      setTimeout(function() {
         $('h1, h2, h3, h4, h5, h6').each(function() {
             var $heading = $(this);
             
@@ -425,8 +408,8 @@
                 $heading.remove();
             }
         });
-    }, 500);
-                    //zoom
+      }, 500);
+            //zoom
       $(function () {
         $('.fnav a').each(function () {
           const $a = $(this);
@@ -499,479 +482,688 @@
             $el.remove();
           }
         });
-    //表單legend
-    $("fieldset").each(function () {
-      const $fieldset = $(this);
-      const hasLegend = $fieldset.children("legend").length > 0;
+      //表單legend
+      $("fieldset").each(function () {
+        const $fieldset = $(this);
+        const hasLegend = $fieldset.children("legend").length > 0;
 
-      if (!hasLegend) {
-        // 嘗試抓最上層的群組標題，例如 "Apply"
-        const headingText = $fieldset.find(".form-group:first").text().trim() || "表單填寫";
+        if (!hasLegend) {
+          // 嘗試抓最上層的群組標題，例如 "Apply"
+          const headingText = $fieldset.find(".form-group:first").text().trim() || "表單填寫";
 
-        // 插入 legend 為第一個元素
-        $fieldset.prepend(`<legend>${headingText}</legend>`);
-      }
-    });
-   
-    // 處理「上一頁」按鈕
-    $(".cmdBackward").each(function () {
-      $(this)
-        .attr("title", "上一頁")
-        .attr("aria-label", "上一頁");
-
-      if ($(this).find(".sr-only").length === 0) {
-        $(this).append('<span class="sr-only">上一頁</span>');
-      }
-
-      $(this).find("i").attr("aria-hidden", "true");
-      $(this).find(".icon").attr("aria-hidden", "true");
-    });
-
-    // 處理「下一頁」按鈕
-    $(".cmdForward").each(function () {
-      $(this)
-        .attr("title", "下一頁")
-        .attr("aria-label", "下一頁");
-
-      if ($(this).find(".sr-only").length === 0) {
-        $(this).append('<span class="sr-only">下一頁</span>');
-      }
-
-      $(this).find("i").attr("aria-hidden", "true");
-      $(this).find(".icon").attr("aria-hidden", "true");
-    });
-
-    $('.pagination li.active a').attr('aria-current', 'page');
+          // 插入 legend 為第一個元素
+          $fieldset.prepend(`<legend>${headingText}</legend>`);
+        }
+      });
     
-      $('path').each(function () {
+      // 處理「上一頁」按鈕
+      $(".cmdBackward").each(function () {
         $(this)
-          .attr('aria-hidden', 'true')
-          .attr('focusable', 'false')
-          .attr('tabindex', '-1');
+          .attr("title", "上一頁")
+          .attr("aria-label", "上一頁");
+
+        if ($(this).find(".sr-only").length === 0) {
+          $(this).append('<span class="sr-only">上一頁</span>');
+        }
+
+        $(this).find("i").attr("aria-hidden", "true");
+        $(this).find(".icon").attr("aria-hidden", "true");
       });
 
-    $('.controlplay a[role="radio"]').on('click', function () {
-      // 取消所有的 aria-checked 並還原文字
-      $('.controlplay a[role="radio"]').attr('aria-checked', 'false');
-      $('.controlplay a[role="radio"] span').each(function () {
-        var text = $(this).text().replace('（已選取）', '');
-        $(this).text(text);
+      // 處理「下一頁」按鈕
+      $(".cmdForward").each(function () {
+        $(this)
+          .attr("title", "下一頁")
+          .attr("aria-label", "下一頁");
+
+        if ($(this).find(".sr-only").length === 0) {
+          $(this).append('<span class="sr-only">下一頁</span>');
+        }
+
+        $(this).find("i").attr("aria-hidden", "true");
+        $(this).find(".icon").attr("aria-hidden", "true");
       });
-  
-      // 設定目前被點擊的按鈕為已選取
-      $(this).attr('aria-checked', 'true');
-      var selectedText = $(this).text().trim();
-      $(this).find('span').text(selectedText + '（已選取）');
-    });
-      // 遍历所有的 .s-annc__tag-wrap 元素
-      $('.s-annc__tag-wrap').each(function() {
-        // 遍历 .s-annc__tag-wrap 下的每个 a 元素
-        $(this).find('a').each(function() {
-          // 如果 .s-annc__tag 元素为空或没有内容
-          if ($(this).find('.s-annc__tag').is(':empty')) {
-            // 移除该 a 元素
-            $(this).remove();
-          }
+
+      $('.pagination li.active a').attr('aria-current', 'page');
+      
+        $('path').each(function () {
+          $(this)
+            .attr('aria-hidden', 'true')
+            .attr('focusable', 'false')
+            .attr('tabindex', '-1');
         });
-      });
 
-    $('.w-ba-banner__caption li button').each(function (index) {
-        const $slide = $('.w-ba-banner__slide').eq(index);
-        const title = $slide.attr('data-cycle-title')?.trim();
+      $('.controlplay a[role="radio"]').on('click', function () {
+        // 取消所有的 aria-checked 並還原文字
+        $('.controlplay a[role="radio"]').attr('aria-checked', 'false');
+        $('.controlplay a[role="radio"] span').each(function () {
+          var text = $(this).text().replace('（已選取）', '');
+          $(this).text(text);
+        });
     
-        if (title) {
-          const fullText =  title + '的pager';
-          $(this).attr('aria-label', fullText);
-          $(this).attr('title', fullText);
-        }
+        // 設定目前被點擊的按鈕為已選取
+        $(this).attr('aria-checked', 'true');
+        var selectedText = $(this).text().trim();
+        $(this).find('span').text(selectedText + '（已選取）');
       });
-    // 當 focus 到 menu link 時，顯示對應 ul
-    $('.sitemenu-item > a').on('focus', function () {
-      $(this).siblings('ul').addClass('show');
-    });
-
-    // 當 focus 離開最後一個子選單 link 時，移除 .show
-    $('.sitemenu-item').each(function () {
-      const $submenuLinks = $(this).find('ul a');
-
-      if ($submenuLinks.length > 0) {
-        $submenuLinks.last().on('blur', function () {
-          // 當最後一個子項 blur 時關閉 ul
-          $(this).closest('ul').removeClass('show');
-        });
-      } else {
-        // 若沒有子項，當主選單項 blur 也隱藏
-        $(this).find('> a').on('blur', function () {
-          $(this).siblings('ul').removeClass('show');
-        });
-      }
-    });
-    if (document.documentElement.lang === 'zh_tw') {
-      document.documentElement.lang = 'zh-Hant';
-    }    
-    //tab鍵按下
-    $(document).on('keydown', function(e) {
-      if (e.key === "Tab" || e.keyCode === 9) {
-        $('.header-nav, .dropdowns').css('display', 'block');
-      }
-    });
-
-    //li被hover
-    function handleHover() {
-      if ($(window).width() > 769) {
-        $('li').off('mouseenter mouseleave').hover(
-          function() {
-            $(this).children('ul').addClass('show');
-          },
-          function() {
-            $(this).children('ul').removeClass('show');
-          }
-        );
-      } else {
-        $('li').off('mouseenter mouseleave'); // 移除 hover 事件
-      }
-    }
-
-    // 先執行一次
-    handleHover();
-
-    // 監聽視窗大小變化
-    $(window).on('resize', function() {
-      handleHover();
-    });
-    //刪除空的h1
-    $('h1').each(function() {
-      if ($(this).text().trim() === '') {
-          $(this).remove();
-      }
-    });
-    //refresh_btn加上aria-label
-    $('#refresh_btn').each(function() {
-      var $this = $(this);
-
-      // 如果 button 尚未有 aria-label，則新增
-      if (!$this.attr('aria-label')) {
-          $this.attr('aria-label', '重新整理');
-      }
-    });
-    //無障礙會員表格刪除沒有顯示的th
-    $('.i-member-tr-head').each(function() {
-      if ($(this).css('display') === 'none') {
-          $(this).remove();
-      }
-    });
-      //無障礙公告a是空的
-      $('.w-annc__subtitle').each(function () {
-        var $this = $(this);
-        var $link = $this.find('a');
-
-        // 檢查 a 是否存在，且去除空白後是否為空字串
-        if ($link.length && $link.text().trim() === '') {
-            $this.remove(); // 移除外層 .w-annc__subtitle
-        }
-      });
-        //無障礙單位轉換
-        $("[style*='font-size']").each(function() {
-          var fontSize = $(this).css("font-size");
-          if (fontSize.includes("px")) {
-              var pxValue = parseFloat(fontSize); // 取得數值
-              var emValue = pxValue / 16; // 假設 1em = 16px
-              $(this).css("font-size", emValue + "em");
-          }
-        });
-        $("[style*='font-size']").each(function() {
-          var fontSize = $(this).css("font-size");
-          if (fontSize.includes("pt")) {
-              var ptValue = parseFloat(fontSize); // 取得數值
-              var emValue = ptValue / 12; // 1em = 12pt（一般轉換標準）
-              $(this).css("font-size", emValue + "em");
-          }
-       });
-      $("[style*='font-size']").each(function() {
-        var styleAttr = $(this).attr("style"); // 取得原始 style 屬性字串
-        var match = styleAttr.match(/font-size\s*:\s*(\d+(?:\.\d+)?)pt/i);
-        if (match) {
-          var ptValue = parseFloat(match[1]);
-          var emValue = ptValue / 12;
-          // 替換 style 屬性字串中的 pt 為 em
-          var newStyle = styleAttr.replace(/font-size\s*:\s*\d+(?:\.\d+)?pt/i, `font-size: ${emValue}em`);
-          $(this).attr("style", newStyle);
-        }
-      });
-        //表格scope
-       $("table").each(function() {
-            $(this).find("tr").each(function(rowIndex) {
-                $(this).find("th").each(function(colIndex) {
-                    if (rowIndex === 0) {
-                        // 第一列的 th，適用於該欄
-                        $(this).attr("scope", "col");
-                    } else if (colIndex === 0) {
-                        // 其他列的第一個 th，適用於該行
-                        $(this).attr("scope", "row");
-                    }
-                });
-            });
-        });
-        $(".banner-pager button").addClass('banner-pagerbtn');
-        $(".banner-pager button").attr("type","button");
-        $(".banner-pager button").append('<span style="display: none;">下一張</span>');
-        $("button").attr("role", "button");
-        $("select").attr("title","選擇類別");
-        $(".jarallax-video-audio").attr("role", "button");
-        $('button').each(function() {
-          var $this = $(this);
-          if (!$this.attr('title') || $this.attr('title').trim() === '') {
-            $this.attr('title', '按鈕');
-          }
-        });        
-        $('img').each(function() {
-          var $this = $(this);
-          if (!$this.attr('alt') || $this.attr('alt').trim() === '') {
-            $this.attr('alt', '這是一張圖片');
-          }
-        });    
-        $('img').each(function() {
-          var $this = $(this);
-          if (!$this.attr('title') || $this.attr('title').trim() === '') {
-            $this.attr('title', '這是一張圖片');
-          }
-        });
-        $('img').each(function() {
-            var $this = $(this);
-        
-            // 檢查 img 的 alt 屬性是否為 "裝飾圖片"
-            if ($this.attr('alt') === "裝飾圖片" || $this.attr('title') === "裝飾圖片") {
-              // 設定 alt 為空字串
-              $this.attr('alt', '');
-        
-              // 移除 title 屬性
-              $this.removeAttr('title');
+        // 遍历所有的 .s-annc__tag-wrap 元素
+        $('.s-annc__tag-wrap').each(function() {
+          // 遍历 .s-annc__tag-wrap 下的每个 a 元素
+          $(this).find('a').each(function() {
+            // 如果 .s-annc__tag 元素为空或没有内容
+            if ($(this).find('.s-annc__tag').is(':empty')) {
+              // 移除该 a 元素
+              $(this).remove();
             }
           });
-        $(".w-annc__img-wrap a").each(function () {
-          var $this = $(this);
-          // 確保 <a> 內沒有文字節點 (避免重複添加)
-          if ($this.text().trim() === "") {
-              $this.append('<span class="sr-only">公告圖片</span>');
+        });
+
+      $('.w-ba-banner__caption li button').each(function (index) {
+          const $slide = $('.w-ba-banner__slide').eq(index);
+          const title = $slide.attr('data-cycle-title')?.trim();
+      
+          if (title) {
+            const fullText =  title + '的pager';
+            $(this).attr('aria-label', fullText);
+            $(this).attr('title', fullText);
           }
+        });
+      // 當 focus 到 menu link 時，顯示對應 ul
+      $('.sitemenu-item > a').on('focus', function () {
+        $(this).siblings('ul').addClass('show');
       });
-        $(".widget-link__widget-title").each(function () {
+
+      // 當 focus 離開最後一個子選單 link 時，移除 .show
+      $('.sitemenu-item').each(function () {
+        const $submenuLinks = $(this).find('ul a');
+
+        if ($submenuLinks.length > 0) {
+          $submenuLinks.last().on('blur', function () {
+            // 當最後一個子項 blur 時關閉 ul
+            $(this).closest('ul').removeClass('show');
+          });
+        } else {
+          // 若沒有子項，當主選單項 blur 也隱藏
+          $(this).find('> a').on('blur', function () {
+            $(this).siblings('ul').removeClass('show');
+          });
+        }
+      });
+      if (document.documentElement.lang === 'zh_tw') {
+        document.documentElement.lang = 'zh-Hant';
+      }    
+      //tab鍵按下
+      $(document).on('keydown', function(e) {
+        if (e.key === "Tab" || e.keyCode === 9) {
+          $('.header-nav, .dropdowns').css('display', 'block');
+        }
+      });
+
+      function handleHover() {
+          // 先統一移除舊事件，避免重複綁定
+          $('li').off('mouseenter mouseleave focusin focusout');
+
+          if ($(window).width() > 769) {
+              // 1. 處理滑鼠 Hover
+              $('li').hover(
+                  function() { $(this).children('ul').addClass('show'); },
+                  function() { $(this).children('ul').removeClass('show'); }
+              );
+
+              // 2. 處理鍵盤 Tab 聚焦 (關鍵修正)
+              $('li').on('focusin', function() {
+                  // 當焦點進入 li 或其子元素時，顯示選單
+                  $(this).children('ul').addClass('show');
+              });
+
+              $('li').on('focusout', function() {
+                  var $this = $(this);
+                  // 延遲偵測焦點是否真的「離開」了這個 li 區塊
+                  setTimeout(function() {
+                      // 如果新的焦點不在當前這個 li 裡面，才移除 show
+                      if ($this.find(':focus').length === 0) {
+                          $this.children('ul').removeClass('show');
+                      }
+                  }, 10);
+              });
+          }
+      }
+
+      // 初始化與 Resize 監聽保持不變
+      handleHover();
+      $(window).on('resize', function() {
+          handleHover();
+      });
+      //刪除空的h1
+      $('h1').each(function() {
+        if ($(this).text().trim() === '') {
+            $(this).remove();
+        }
+      });
+      //refresh_btn加上aria-label
+      $('#refresh_btn').each(function() {
+        var $this = $(this);
+
+        // 如果 button 尚未有 aria-label，則新增
+        if (!$this.attr('aria-label')) {
+            $this.attr('aria-label', '重新整理');
+        }
+      });
+      //無障礙會員表格刪除沒有顯示的th
+      $('.i-member-tr-head').each(function() {
+        if ($(this).css('display') === 'none') {
+            $(this).remove();
+        }
+      });
+        //無障礙公告a是空的
+        $('.w-annc__subtitle').each(function () {
+          var $this = $(this);
+          var $link = $this.find('a');
+
+          // 檢查 a 是否存在，且去除空白後是否為空字串
+          if ($link.length && $link.text().trim() === '') {
+              $this.remove(); // 移除外層 .w-annc__subtitle
+          }
+        });
+          //無障礙單位轉換
+          $(function() {
+            $('style:contains("font-size")').each(function() {
+              let css = $(this).html();
+              css = css.replace(/font-size\s*:\s*([\d.]+)px\s*;?/gi, (_, px) =>
+                `font-size: ${(parseFloat(px) / 16).toFixed(3)}em;`
+              );
+              $(this).html(css);
+            });
+          });
+
+          $("[style*='font-size']").each(function() {
+            var fontSize = $(this).css("font-size");
+            if (fontSize.includes("px")) {
+                var pxValue = parseFloat(fontSize); // 取得數值
+                var emValue = pxValue / 16; // 假設 1em = 16px
+                $(this).css("font-size", emValue + "em");
+            }
+          });
+          $("[style*='font-size']").each(function() {
+            var fontSize = $(this).css("font-size");
+            if (fontSize.includes("pt")) {
+                var ptValue = parseFloat(fontSize); // 取得數值
+                var emValue = ptValue / 12; // 1em = 12pt（一般轉換標準）
+                $(this).css("font-size", emValue + "em");
+            }
+        });
+        $("[style*='font-size']").each(function() {
+          var styleAttr = $(this).attr("style"); // 取得原始 style 屬性字串
+          var match = styleAttr.match(/font-size\s*:\s*(\d+(?:\.\d+)?)pt/i);
+          if (match) {
+            var ptValue = parseFloat(match[1]);
+            var emValue = ptValue / 12;
+            // 替換 style 屬性字串中的 pt 為 em
+            var newStyle = styleAttr.replace(/font-size\s*:\s*\d+(?:\.\d+)?pt/i, `font-size: ${emValue}em`);
+            $(this).attr("style", newStyle);
+          }
+        });
+          //表格scope
+        $("table").each(function() {
+              $(this).find("tr").each(function(rowIndex) {
+                  $(this).find("th").each(function(colIndex) {
+                      if (rowIndex === 0) {
+                          // 第一列的 th，適用於該欄
+                          $(this).attr("scope", "col");
+                      } else if (colIndex === 0) {
+                          // 其他列的第一個 th，適用於該行
+                          $(this).attr("scope", "row");
+                      }
+                  });
+              });
+          });
+          $(".banner-pager button").addClass('banner-pagerbtn');
+          $(".banner-pager button").attr("type","button");
+          $(".banner-pager button").append('<span style="display: none;">下一張</span>');
+          $("button").attr("role", "button");
+          $("select").attr("title","選擇類別");
+          $(".jarallax-video-audio").attr("role", "button");
+          $('button').each(function() {
+            var $this = $(this);
+            if (!$this.attr('title') || $this.attr('title').trim() === '') {
+              $this.attr('title', '按鈕');
+            }
+          });
+        //img無障礙
+$(function() {
+    /**
+     * 圖片無障礙 AA 級補強 (人工檢測優化版)
+     * 1. 處理裝飾性圖片：清空 alt 並移除 title。
+     * 2. 解決資訊冗餘：若 alt 與 title 內容相同，移除 title，避免重複朗讀。
+     * 3. 自動補強缺失 alt：從父層 title 或鄰近標題文字擷取。
+     */
+    function fixImageAccessibility() {
+        $('img').each(function() {
+            var $img = $(this);
+            var currentAlt = ($img.attr('alt') || '').trim();
+            var currentTitle = ($img.attr('title') || '').trim();
+
+            // --- 1. 處理「裝飾性圖片」標註 (最高優先權) ---
+            if (currentAlt === "裝飾圖片" || currentTitle === "裝飾圖片") {
+                $img.attr('alt', '');
+                $img.removeAttr('title');
+                return; // 跳過此圖
+            }
+
+            // --- 2. 解決【alt 與 title 相同】的問題 (人工檢測重點) ---
+            // 只要兩者內容一致且不為空，就移除 title，保留 alt
+            if (currentAlt !== '' && currentAlt === currentTitle) {
+                $img.removeAttr('title');
+                // 重新更新變數值供後續邏輯使用
+                currentTitle = ''; 
+            }
+
+            // --- 3. 處理「缺失 alt」或「空的 alt」補強邏輯 ---
+            if (currentAlt === '') {
+                let finalAlt = "";
+
+                // A. 嘗試從父層 (如 <a>) 的 title 抓取描述
+                var parentTitle = $img.parent().attr('title');
+                
+                // B. 嘗試抓取同區域內的標題文字
+                var nearbyTitle = $img.closest('a').find('h1, h2, h3, h4, h5, h6').first().text().trim();
+
+                if (parentTitle && parentTitle.trim() !== '') {
+                    finalAlt = parentTitle.trim();
+                } else if (nearbyTitle !== '') {
+                    finalAlt = nearbyTitle;
+                }
+
+                // 寫入最終 alt 結果
+                // 如果 finalAlt 仍為空，則設為 "" (符合 AA 規範，視為裝飾圖)
+                $img.attr('alt', finalAlt);
+
+                // --- 4. 二次清理：補強後的 alt 如果又跟原本的 title 一樣，則移除 title ---
+                if (currentTitle !== '' && currentTitle === finalAlt) {
+                    $img.removeAttr('title');
+                }
+            }
+        });
+    }
+
+    // 延遲執行確保圖片與動態內容已渲染
+    setTimeout(fixImageAccessibility, 500);
+});
+        $(".w-annc__img-wrap a").each(function () {
+            var $this = $(this);
+            // 確保 <a> 內沒有文字節點 (避免重複添加)
+            if ($this.text().trim() === "") {
+                $this.append('<span class="sr-only">公告圖片</span>');
+            }
+        });
+          $(".widget-link__widget-title").each(function () {
+            if ($(this).text().trim() === "") {
+                $(this).append('<span class="sr-only">公告標題</span>');
+            }
+            });
+          $(".sitemenu-title").each(function () {
           if ($(this).text().trim() === "") {
-              $(this).append('<span class="sr-only">公告標題</span>');
+              $(this).append('<span class="sr-only">次選單</span>');
           }
           });
-        $(".sitemenu-title").each(function () {
-        if ($(this).text().trim() === "") {
-            $(this).append('<span class="sr-only">次選單</span>');
-        }
-        });
-        $(".annc-title").each(function () {
-          if ($(this).text().trim() === "") {
-              $(this).append('<span class="sr-only">內頁公告標題</span>');
-          }
-        });
-        $(".event-annc-title").each(function () {
-          if ($(this).text().trim() === "") {
-              $(this).append('<span class="sr-only">內頁活動公告標題</span>');
-          }
-        });
-        $(".show-title").each(function () {
-          if ($(this).text().trim() === "") {
-              $(this).append('<span class="sr-only">內頁活動公告標題</span>');
-          }
-        });
-        $(".w-annc__widget-title").each(function () {
-          if ($(this).text().trim() === "") {
-              $(this).append('<span class="sr-only">公告標題</span>');
-          }
-        });
-        $(".widget-title").each(function () {
-          if ($(this).text().trim() === "") {
-              $(this).append('<span class="sr-only">網路資源標題</span>');
-          }
-        });
-        $(".widget-title").each(function () {
-          if ($(this).text().trim() === "") {
-              $(this).append('<span class="sr-only">網路資源標題</span>');
-          }
-        });
-        $('input').each(function() {
-          var $this = $(this);
-          if (!$this.attr('title') || $this.attr('title').trim() === '') {
-            $this.attr('title', '網內搜尋');
-          }
-        });
-        $('.rucaptcha-image').each(function() {
-          var $button = $(this).next('button'); // 取得緊接在 .rucaptcha-image 之後的 button
-          if ($button.length && !$button.attr('aria-label')) {
-              $button.attr('aria-label', '播放驗證碼語音');
-          }
-        });
+          $(".annc-title").each(function () {
+            if ($(this).text().trim() === "") {
+                $(this).append('<span class="sr-only">內頁公告標題</span>');
+            }
+          });
+          $(".event-annc-title").each(function () {
+            if ($(this).text().trim() === "") {
+                $(this).append('<span class="sr-only">內頁活動公告標題</span>');
+            }
+          });
+          $(".show-title").each(function () {
+            if ($(this).text().trim() === "") {
+                $(this).append('<span class="sr-only">內頁活動公告標題</span>');
+            }
+          });
+          $(".w-annc__widget-title").each(function () {
+            if ($(this).text().trim() === "") {
+                $(this).append('<span class="sr-only">公告標題</span>');
+            }
+          });
+          $(".widget-title").each(function () {
+            if ($(this).text().trim() === "") {
+                $(this).append('<span class="sr-only">網路資源標題</span>');
+            }
+          });
+          $(".widget-title").each(function () {
+            if ($(this).text().trim() === "") {
+                $(this).append('<span class="sr-only">網路資源標題</span>');
+            }
+          });
+          $('input').each(function() {
+            var $this = $(this);
+            if (!$this.attr('title') || $this.attr('title').trim() === '') {
+              $this.attr('title', '網內搜尋');
+            }
+          });
+          $('.rucaptcha-image').each(function() {
+            var $button = $(this).next('button'); // 取得緊接在 .rucaptcha-image 之後的 button
+            if ($button.length && !$button.attr('aria-label')) {
+                $button.attr('aria-label', '播放驗證碼語音');
+            }
+          });
     //有連結目的之所有a標籤加上aria-label和title
-    $('a').each(function () {
-      var $a = $(this);
-      var href = $a.attr('href');
-      if (!href) return;
-
-      var hasSrOnly = $a.find('.sr-only').length > 0;
-
-      // 若有 .sr-only，移除 aria-label 和 title 避免重複朗讀
-      if (hasSrOnly) {
-        $a.removeAttr('aria-label');
-        $a.removeAttr('title');
-        return; // 有 .sr-only 就不做其他處理
-      }
-
-      // ----- aria-label 邏輯 -----
-      if (!$a.attr('aria-label')) {
-        let ariaLabel = '';
-
-        // 加入開啟方式
-        if ($a.attr('target') === '_blank') {
-          ariaLabel += '在新視窗開啟 ';
-        } else if ($a.attr('target') === '_self') {
-          ariaLabel += '在本視窗開啟 ';
+$(function() {
+    /**
+     * 無障礙 AA 級補強最終整合版 (人工檢測完全合格)
+     * 1. 修正語言選單：Tab 到達時顯示「在本視窗開啟語言選單」。
+     * 2. 智慧 Title 策略：
+     * - 長文字：僅保留動作提示 (如: (在本視窗開啟))，避免重複讀取。
+     * - 短文字/標籤：組合 [文字內容] + [動作提示]，增強目的識別。
+     * 3. 圖文並存處理：符合 HM1240402E，當有文字時，圖片 alt 設為空值。
+     * 4. 清理無效描述：攔截「這是一張圖片」等不合格內容。
+     */
+    function fixAccessibilityAll() {
+        // --- Part 1: 語言選單修正 (Language Button) ---
+        var $langBtn = $('#languagebutton');
+        if ($langBtn.length > 0) {
+            $langBtn.attr('title', '在本視窗開啟語言選單');
+            $langBtn.removeAttr('aria-label');
         }
 
-        // 如果包含圖片且有圖片 title
-        if ($a.find('img').length) {
-          const imgTitle = $a.find('img').attr('title');
-          if (imgTitle) ariaLabel = imgTitle;
-        } else {
-          const text = $a.text().trim();
-          if (text) {
-            ariaLabel += text;
-          } else if ($a.children('span').length === 1) {
-            ariaLabel += $a.children('span').text().trim();
-          }
-        }
+        // --- Part 2: 全站連結補強 (Links) ---
+        $('a').each(function() {
+            var $a = $(this);
+            var href = $a.attr('href');
+            
+            // 基礎攔截
+            if (!href || href.startsWith('javascript:')) return;
 
-        if (ariaLabel) {
-          $a.attr('aria-label', ariaLabel);
-        }
-      }
+            // 1. 獲取內容資訊
+            var linkText = $a.text().replace(/\u00a0/g, '').trim();
+            var $img = $a.find('img');
+            var rawAlt = ($img.length > 0) ? ($img.attr('alt') || '').trim() : '';
+            var forbiddenTexts = ['這是一張圖片', '圖片', 'image', 'photo', '圖示'];
+            var imgAlt = forbiddenTexts.includes(rawAlt) ? '' : rawAlt;
 
-      // ----- title 邏輯 -----
-      if (!$a.attr('title')) {
-        let titleStr = '';
+            var hasSrOnly = $a.find('.sr-only').length > 0 && $a.find('.sr-only').text().trim().length > 0;
+            var srOnlyText = hasSrOnly ? $a.find('.sr-only').text().trim() : '';
 
-        if ($a.attr('target') === '_blank') {
-          titleStr += '在新視窗開啟 ';
-        } else if ($a.attr('target') === '_self') {
-          titleStr += '在本視窗開啟 ';
-        }
+            // 2. 移除空連結
+            if (linkText === '' && $img.length === 0 && !hasSrOnly && !($a.attr('aria-label'))) {
+                $a.remove();
+                return;
+            }
 
-        if ($a.find('img').length) {
-          titleStr = '這是一張照片';
-        } else {
-          const text = $a.text().trim();
-          if (text) {
-            titleStr += text;
-          } else if ($a.children('span').length === 1) {
-            titleStr += $a.children('span').text().trim();
-          }
-        }
+            // 3. 準備視窗提示
+            let windowTask = ($a.attr('target') === '_blank') ? '(在新視窗開啟)' : '(在本視窗開啟)';
 
-        if (titleStr) {
-          $a.attr('title', titleStr);
-        }
-      }
-    });
-    if (location.href.search('editmode=on') === -1){
-            $('a').each(function () {
-              const $link = $(this);
-              const linkText = $link.text().trim();
+            // 4. 核心邏輯判定
+            
+            // 【情況 A：純圖片連結 (無文字)】
+            if (linkText === "" && !hasSrOnly) {
+                if (imgAlt !== "") {
+                    // 名字讓圖片 alt 說，title 只放動作提示 (避免重複)
+                    $a.attr('title', windowTask);
+                    $img.attr('alt', imgAlt); 
+                } else {
+                    let fallback = $a.attr('aria-label') || '連結';
+                    $a.attr('title', (fallback + ' ' + windowTask).trim());
+                    $img.attr('alt', fallback);
+                }
+            }
+            
+            // 【情況 B：有文字連結】
+            else {
+                /**
+                 * 智慧 Title 判斷：
+                 * 1. 如果是標籤 (Class 含 label 或 tag) 或文字很短 (<= 6 字)
+                 * -> Title 顯示：[文字內容] (動作提示)
+                 * 2. 如果是長文章標題或一般長連結
+                 * -> Title 僅顯示：(動作提示) 以避免重複朗讀
+                 */
+                var isTag = $a.hasClass('label') || $a.hasClass('tag') || $a.find('[class*="tag"]').length > 0 || $a.find('[class*="label"]').length > 0;
+                
+                if (linkText.length <= 6 || isTag) {
+                    // 短文字或標籤：補全語意
+                    $a.attr('title', linkText + " " + windowTask);
+                } else {
+                    // 長文字：精簡語意
+                    $a.attr('title', windowTask);
+                }
 
-              $link.find('img').each(function () {
+                // 符合規範：圖文並存時，圖片 alt 應為空值
+                if ($img.length > 0) {
+                    $img.attr('alt', ''); 
+                }
+            }
+
+            // 5. 最終清理
+            $a.removeAttr('aria-label');
+            $a.removeAttr('alt'); // a 標籤不應有 alt
+            
+            if ($img.length > 0 && forbiddenTexts.includes($img.attr('alt'))) {
+                $img.attr('alt', '');
+            }
+        });
+    }
+
+    // 延遲執行
+    setTimeout(fixAccessibilityAll, 500);
+});
+
+    if (location.href.search('editmode=on') === -1) {
+        // 1. 處理圖片 alt 重複問題 (保持原邏輯但優化)
+        $('a').has('img').each(function () {
+            const $link = $(this);
+            const linkText = $link.text().trim();
+
+            $link.find('img').each(function () {
                 const $img = $(this);
                 const altText = $img.attr('alt')?.trim();
 
-                // 如果圖片 alt 是空的，就略過（已符合）
-                if (altText === '') return;
-
-                // 如果圖片 alt 等於文字內容，就將 alt 清空，避免重複
-                if (altText === linkText) {
-                  $img.attr('alt', '');
+                if (altText && altText === linkText) {
+                    $img.attr('alt', '');
                 }
-              });
-            });
-            $('a').each(function () {
-              const $a = $(this);
-
-              // 取得可見文字（去掉空白）
-              const text = $a.text().replace(/\u00a0/g, '').trim();
-
-              // 是否有圖片
-              const hasImg = $a.find('img').length > 0;
-
-              // 若沒有文字、也沒有圖片 → 移除
-              if (text === '' && !hasImg) {
-                $a.remove();
-              }
             });
+        });
     }
+    $(function() {
+      function smartFixIcons() {
+          $('i').each(function() {
+              var $icon = $(this);
+              var $parent = $icon.parent();
 
-  // 刪除banner-slide的空連結和空連結目標
-  for(var i=0;i<$('.w-ba-banner__slide a').length;i++){
-    if($('.w-ba-banner__slide a').eq(i).attr('href')=="")
-      $('.w-ba-banner__slide a').eq(i).removeAttr('href');
-    if($('.w-ba-banner__slide a').eq(i).attr('target') == "")
-      $('.w-ba-banner__slide a').eq(i).removeAttr('target');
-  };
-  // 幫無標題之iframe加上title
-  for(var i=0;i<$('iframe').length;i++)
-    if($('iframe').eq(i).attr('title')=="" || $('iframe').eq(i).attr('title')== undefined ){
-      if($('iframe').eq(i).attr('src').search('facebook') != -1 )
-        $('iframe').eq(i).attr('title','facebook');
-      else if($('iframe').eq(i).attr('src').search('google') != -1 )
-        $('iframe').eq(i).attr('title','google');
-      else if($('iframe').eq(i).attr('src').search('youtube') != -1 )
-        $('iframe').eq(i).attr('title','youtube');
-      else if($('iframe').eq(i).attr('src').search('twitframe') != -1 )
-        $('iframe').eq(i).attr('title','twitter');
-      else
-        $('iframe').eq(i).attr('title','unknown');
-    };
-    //button是空的就加上內容
-    $('button').each(function() {
-      var $this = $(this);
-      var titleText = $this.attr('title') || '';
+              // 1. 基本安全：所有圖示先對螢幕閱讀器隱藏 (避免讀出 Unicode 亂碼)
+              $icon.attr('aria-hidden', 'true');
 
-      // 檢查 button 是否是空的（沒有可見文字或子元素）
-      if ($this.text().trim() === '' && !$this.children().length && titleText) {
-          // 新增隱藏的 span，內容為 title
-          $this.append('<span class="sr-only">' + titleText + '</span>');
+              // 2. 檢查：如果已經有 aria-label 或旁邊已有 sr-only，就不重複處理
+              if ($icon.attr('aria-label') || $icon.next('.sr-only').length > 0 || $parent.find('.sr-only').length > 0) {
+                  return;
+              }
+
+              var cls = ($icon.attr('class') || '').toLowerCase();
+              var labelText = '';
+
+              // --- 策略 A：常見資訊型圖示 (自動識別內容意義) ---
+              if (cls.includes('calendar')) labelText = '日期：';
+              else if (cls.includes('user') || cls.includes('male')) labelText = '發布者：';
+              else if (cls.includes('tag')) labelText = '標籤：';
+              else if (cls.includes('clock') || cls.includes('time')) labelText = '時間：';
+              else if (cls.includes('map-marker') || cls.includes('location')) labelText = '地點：';
+              else if (cls.includes('phone')) labelText = '電話：';
+              else if (cls.includes('envelope') || cls.includes('mail')) labelText = '信箱：';
+              else if (cls.includes('folder')) labelText = '分類：';
+              else if (cls.includes('eye')) labelText = '瀏覽次數：';
+              else if (cls.includes('download')) labelText = '下載檔案：';
+              
+              // --- 策略 B：功能性按鈕 (如果 i 放在 <a> 或 <button> 裡面且容器沒文字) ---
+              var $container = $icon.closest('a, button');
+              if ($container.length > 0 && $container.text().trim() === "") {
+                  // 如果容器裡面什麼字都沒有，這是一個「純圖示按鈕」
+                  // 我們嘗試抓取容器的 title 作為 label
+                  var btnTitle = $container.attr('title');
+                  if (btnTitle) {
+                      labelText = btnTitle;
+                  } else if (cls.includes('search')) labelText = '搜尋';
+                  else if (cls.includes('bars') || cls.includes('navicon')) labelText = '選單';
+                  else if (cls.includes('print')) labelText = '列印此頁';
+                  else if (cls.includes('share')) labelText = '分享至社群';
+                  else if (cls.includes('close') || cls.includes('times')) labelText = '關閉視窗';
+              }
+
+              // --- 3. 執行補強 ---
+              if (labelText !== '') {
+                  // 如果是按鈕內部，用 aria-label 補強容器
+                  if ($container.length > 0 && $container.text().trim() === "") {
+                      $container.attr('aria-label', labelText);
+                  } else {
+                      // 如果是資訊列表，在 i 後面插入 sr-only
+                      $icon.after('<span class="sr-only">' + labelText + '</span>');
+                  }
+              }
+          });
       }
-  });
-  // 刪除空的檔案室
-  var archievelen = $('dd a.i-archive-files-item').length;
-  for(i=archievelen-1;i>=0;i--)
-    if($('dd a.i-archive-files-item').eq(i).html().trim()=="")
-      $('dd a.i-archive-files-item').eq(i).parent('dd').remove();
-  // 刪除具有空連結欄位的橫列
-  for(var i = 0;i < $('*[data-list] tr td a').length ; i++)
-    if($('*[data-list] tr td a').eq(i).html().trim()=="")
-      $('*[data-list] tr td a').eq(i).parent('td').parent('tr').remove();
-  // tab按鍵選到menu,會顯示下層的menu(為了符合無障礙)
-     $('.nav-level-0>li>a').focus(function(e) {
-      e.stopPropagation();
-      $(this).parent().focus();
-        if ($(this).parent().find('.nav-level-1').hasClass('show')) {
-        } else {
-          $('.nav-level-1').removeClass('show');
-          $(this).parent().find('.nav-level-1').addClass('show');
+
+      // 延遲執行確保內容渲染完成
+      setTimeout(smartFixIcons, 500);
+    });
+    // 刪除banner-slide的空連結和空連結目標
+    for(var i=0;i<$('.w-ba-banner__slide a').length;i++){
+      if($('.w-ba-banner__slide a').eq(i).attr('href')=="")
+        $('.w-ba-banner__slide a').eq(i).removeAttr('href');
+      if($('.w-ba-banner__slide a').eq(i).attr('target') == "")
+        $('.w-ba-banner__slide a').eq(i).removeAttr('target');
+    };
+    // 幫無標題之iframe加上title
+    for(var i=0;i<$('iframe').length;i++)
+      if($('iframe').eq(i).attr('title')=="" || $('iframe').eq(i).attr('title')== undefined ){
+        if($('iframe').eq(i).attr('src').search('facebook') != -1 )
+          $('iframe').eq(i).attr('title','facebook');
+        else if($('iframe').eq(i).attr('src').search('google') != -1 )
+          $('iframe').eq(i).attr('title','google');
+        else if($('iframe').eq(i).attr('src').search('youtube') != -1 )
+          $('iframe').eq(i).attr('title','youtube');
+        else if($('iframe').eq(i).attr('src').search('twitframe') != -1 )
+          $('iframe').eq(i).attr('title','twitter');
+        else
+          $('iframe').eq(i).attr('title','unknown');
+      };
+      //button是空的就加上內容
+      $('button').each(function() {
+        var $this = $(this);
+        var titleText = $this.attr('title') || '';
+
+        // 檢查 button 是否是空的（沒有可見文字或子元素）
+        if ($this.text().trim() === '' && !$this.children().length && titleText) {
+            // 新增隱藏的 span，內容為 title
+            $this.append('<span class="sr-only">' + titleText + '</span>');
         }
     });
-    $('.nav-level-1>li>a').focus(function(e) {
-      e.stopPropagation();
-      if ($(this).parent().find('.nav-level-2').hasClass('show')) {
-      }else{
-        $('.nav-level-2').removeClass('show');
-        $(this).parent().find('.nav-level-2').addClass('show');
-      }
-    });
-    $('show').parent('li').focus();
-  }
+    // 刪除空的檔案室
+    var archievelen = $('dd a.i-archive-files-item').length;
+    for(i=archievelen-1;i>=0;i--)
+      if($('dd a.i-archive-files-item').eq(i).html().trim()=="")
+        $('dd a.i-archive-files-item').eq(i).parent('dd').remove();
+    // 刪除具有空連結欄位的橫列
+    for(var i = 0;i < $('*[data-list] tr td a').length ; i++)
+      if($('*[data-list] tr td a').eq(i).html().trim()=="")
+        $('*[data-list] tr td a').eq(i).parent('td').parent('tr').remove();
+    // tab按鍵選到menu,會顯示下層的menu(為了符合無障礙)
+      $('.nav-level-0>li>a').focus(function(e) {
+        e.stopPropagation();
+        $(this).parent().focus();
+          if ($(this).parent().find('.nav-level-1').hasClass('show')) {
+          } else {
+            $('.nav-level-1').removeClass('show');
+            $(this).parent().find('.nav-level-1').addClass('show');
+          }
+      });
+      $('.nav-level-1>li>a').focus(function(e) {
+        e.stopPropagation();
+        if ($(this).parent().find('.nav-level-2').hasClass('show')) {
+        }else{
+          $('.nav-level-2').removeClass('show');
+          $(this).parent().find('.nav-level-2').addClass('show');
+        }
+      });
+      $('show').parent('li').focus();
+
+      $('.controlplay a[role="radio"]').on('click', function () {
+        // 取消所有的 aria-checked 並還原文字
+        $('.controlplay a[role="radio"]').attr('aria-checked', 'false');
+        $('.controlplay a[role="radio"] span').each(function () {
+          var text = $(this).text().replace('（已選取）', '');
+          $(this).text(text);
+        });
+    
+        // 設定目前被點擊的按鈕為已選取
+        $(this).attr('aria-checked', 'true');
+        var selectedText = $(this).text().trim();
+        $(this).find('span').text(selectedText + '（已選取）');
+      });
+      $(function() {
+    /**
+     * jPlayer 控制項無障礙標籤補強
+     * 1. 修正重複且無意義的 title="按鈕"
+     * 2. 解決鍵盤焦點無法進入隱藏介面的問題
+     */
+    function fixJPlayerAccessibility() {
+        var $playerContainer = $('#jp_container_video_file');
+
+        // --- A. 修正按鈕標題 (解決語義問題) ---
+        $playerContainer.find('button').each(function() {
+            var $btn = $(this);
+            var cls = $btn.attr('class') || '';
+            var newTitle = '';
+
+            // 根據 class 判斷功能
+            if (cls.includes('jp-video-play-icon')) newTitle = '播放影片';
+            else if (cls.includes('jp-play')) newTitle = '播放';
+            else if (cls.includes('jp-stop')) newTitle = '停止';
+            else if (cls.includes('jp-mute')) newTitle = '靜音';
+            else if (cls.includes('jp-volume-max')) newTitle = '最大音量';
+            else if (cls.includes('jp-repeat')) newTitle = '重複播放';
+            else if (cls.includes('jp-full-screen')) newTitle = '全螢幕';
+
+            if (newTitle !== '') {
+                // 修正 title 為具體語義
+                $btn.attr('title', newTitle);
+                // 同時補上 aria-label 確保螢幕閱讀器讀取
+                $btn.attr('aria-label', newTitle);
+            }
+        });
+
+        // --- B. 鍵盤焦點互動修正 (解決 GN1210101E) ---
+        // 當鍵盤 Tab 進入按鈕時，強制讓 UI 介面顯現，否則使用者看不到焦點在哪
+        $playerContainer.on('focusin', 'button', function() {
+            $playerContainer.removeClass('hide-ui');
+        });
+
+        // --- C. CSS 強制補強 (解決 display:none 無法獲取焦點問題) ---
+        // 這是必要的，因為 CSS 若設 display:none，鍵盤永遠進不去
+        $("<style>")
+            .prop("type", "text/css")
+            .html(`
+                .jp-video.hide-ui .jp-gui { 
+                    display: block !important; 
+                    opacity: 0; 
+                    transition: opacity 0.2s;
+                }
+                /* 當按鈕獲得焦點，或是滑鼠移入，強制顯示介面 */
+                .jp-video.hide-ui:focus-within .jp-gui,
+                .jp-video.hide-ui:hover .jp-gui { 
+                    opacity: 1; 
+                }
+                /* 增加明顯的焦點框，讓鍵盤使用者知道現在在哪 */
+                .jp-video button:focus {
+                    outline: 3px solid #005aff !important;
+                    outline-offset: 2px;
+                }
+            `)
+            .appendTo("head");
+          }
+
+          // 執行補強（設定延遲確保 jPlayer 已生成 DOM）
+          setTimeout(fixJPlayerAccessibility, 500);
+      });
+    }
     forFreeGo();
 
 
@@ -1410,25 +1602,6 @@
         // });
       }
       $('.s-annc__tag-wrap ').after($('.s-annc__post-orbithashtags'));
-    $('a').each(function () {
-          const $a = $(this);
-
-          // 有圖示或圖片就不刪
-          if ($a.find('i, img').length > 0) return;
-
-          // 沒有任何實際文字內容（去除空白）
-          const hasVisibleText = $a.text().trim().length > 0;
-
-          // 進一步判斷 span 內部是否完全為空
-          const allChildrenEmpty = $a.children().length > 0 && $a.children().toArray().every(child => {
-            return $(child).text().trim().length === 0;
-          });
-
-          // 如果沒有文字內容且子元素全為空，則移除
-          if (!hasVisibleText && allChildrenEmpty) {
-            $a.remove();
-          }
-    });
     $('.i-member-pic-wrap a').removeAttr('target');
     function markCheckStatusButton() {
         $('.ask-question').each(function () {
@@ -1987,6 +2160,130 @@ $(document).ready(function() {
 
     // 執行修復功能
     fixVideoPosterAlt();
+});
+//導覽選單與語言按鈕無障礙補強 (人工檢測完全合格版)
+$(function() {
+    /**
+     * 1. 修正 Language 按鈕：統一 Title 為「在本視窗開啟語言選單」。
+     * 2. 轉換次選單語意：針對有下拉選單的連結，增加 role="button"。
+     * 3. 狀態即時回饋：動態切換 aria-expanded (true/false)。
+     * 4. 移除 Title 冗餘：避免連結文字與 Title 重複讀取。
+     */
+      function forceFixLanguageButton() {
+        var $langBtn = $('#languagebutton');
+        
+        if ($langBtn.length > 0) {
+            // 1. 初始強制修正
+            $langBtn.attr('title', '在本視窗開啟語言選單');
+
+            // 2. 針對 WAI-ARIA 屬性同步修正
+            $langBtn.attr({
+                'role': 'button',
+                'aria-expanded': 'false',
+                'aria-haspopup': 'true'
+            });
+
+            // 3. 重要：防止被其他套件改回去 (監聽屬性變動)
+            // 或是簡單透過點擊事件再次確保 title 正確
+            $langBtn.on('click focusin', function() {
+                // 當按鈕被點擊或獲取焦點時，再次確保 title 是我們要的
+                // 有些套件會在點擊後把 title 改成 "關閉"
+                $(this).attr('title', '在本視窗開啟語言選單');
+            });
+        }
+    }
+
+    // 延遲執行確保 DOM 渲染與套件初始化完成
+    setTimeout(forceFixLanguageButton, 500);
+});
+//修正無超連結目的之連結
+$(function() {
+    /**
+     * 針對所有 href="#" 的連結改為 javascript:void(0); 
+     * 避免使用者點擊後頁面跳回頂端，造成操作困擾
+     */
+    function fixEmptyHref() {
+        $('a[href="#"]').each(function() {
+            // 將 href 修改為不觸發跳轉的 void 腳本
+            $(this).attr('href', 'javascript:void(0);');
+            $(this).attr('role', 'button');
+        });
+    }
+
+    // 延遲執行，確保動態產生的選單也能被補強
+    setTimeout(fixEmptyHref, 500);
+});
+//頁籤無障礙
+$(function() {
+    /**
+     * 頁籤導覽 (Tab Navigation) 無障礙補強
+     * 1. 容器加入 role="tablist"
+     * 2. 項目加入 role="tab"
+     * 3. 動態切換 aria-selected="true/false"
+     * 4. 確保 Enter 鍵可以觸發切換 (針對 tabindex="0" 的優化)
+     */
+    function fixTabAccessibility() {
+        var $tabNav = $('.tab_nav');
+        var $tabs = $tabNav.find('.filter_tab');
+
+        // --- 1. 初始化結構語意 ---
+        $tabNav.attr('role', 'tablist');
+
+        $tabs.each(function() {
+            var $this = $(this);
+            var isActive = $this.hasClass('active');
+
+            // 加入頁籤角色與選取狀態
+            $this.attr({
+                'role': 'tab',
+                'aria-selected': isActive ? 'true' : 'false'
+            });
+            
+            // 修正 Title：讓使用者知道這是切換頁籤
+            var tabName = $this.text().trim();
+            $this.attr('title', '切換至 ' + tabName);
+        });
+
+        // --- 2. 監聽切換事件 (點擊或鍵盤) ---
+        // 假設原本已有切換邏輯，我們在此「補強」屬性的變更
+        $tabs.on('click', function() {
+            var $clickedTab = $(this);
+
+            // 先將所有頁籤設為未選取
+            $tabs.attr('aria-selected', 'false');
+
+            // 將當前點擊的頁籤設為已選取
+            $clickedTab.attr('aria-selected', 'true');
+        });
+
+        // --- 3. 鍵盤操作補強 (針對 tabindex="0" 的非按鈕元素) ---
+        $tabs.on('keydown', function(e) {
+            // 當按下 Enter (13) 或 Space (32) 時觸發點擊
+            if (e.which === 13 || e.which === 32) {
+                e.preventDefault();
+                $(this).trigger('click');
+            }
+        });
+    }
+
+    // 延遲執行確保頁籤元件已渲染
+    setTimeout(fixTabAccessibility, 500);
+});
+//go-back-top
+$(function() {
+    function wrapGoBackTop() {
+        $('.go-back-top').each(function() {
+            var $this = $(this);
+            if ($this.find('.go-back-top-inner').length === 0) {
+                // 將原本的內容 (例如文字 "top") 用新的 div 包起來
+                $this.contents().wrapAll('<div class="go-back-top-inner" style="width:100%; height:100%; display:flex; align-items:center; justify-content:center;"></div>');
+            }
+        });
+
+    }
+
+    // 延遲 600 毫秒執行，確保動態元件已載入
+    setTimeout(wrapGoBackTop, 500);
 });
   // 執行 member等高計算，目前改用flexbox故mark掉 by ika 20160105
   // $(window).load(function() {
diff --git a/assets/stylesheets/template/base/_go_back_top.scss b/assets/stylesheets/template/base/_go_back_top.scss
index f00b4d0..c468af2 100644
--- a/assets/stylesheets/template/base/_go_back_top.scss
+++ b/assets/stylesheets/template/base/_go_back_top.scss
@@ -1,11 +1,14 @@
 @charset "utf-8";
 
 @import "variables";
-
-.go-back-top {
+.go-back-top-inner{
   background: radial-gradient(circle at 60% 90%, #dea797, transparent 60%), radial-gradient(circle at 10px 10px, #eb8467, transparent 25%), #ec6641;
-  text-align: center;
-  padding: 0.625em 0.75em;
+    clip-path: polygon(25% 5.77%, 75% 5.77%, 100% 50%, 75% 94.23%, 25% 94.23%, 0% 50%);
+  padding: 1em;
+}
+.go-back-top {
+text-align: center;
+  
   position: fixed;
   bottom: 0.9375em;
   right: 0.9375em;
@@ -16,11 +19,12 @@
   border-radius: 0.125em;
   z-index: 1050;
   opacity: .9;
-  clip-path: polygon(25% 5.77%, 75% 5.77%, 100% 50%, 75% 94.23%, 25% 94.23%, 0% 50%);
-  padding: 1em;
+
 
   &:hover {
-    transition: background 0.4s ease;
+    .go-back-top-inner{
     background: radial-gradient(circle at 70% 80%, #66a9e2b3, transparent 60%), radial-gradient(circle at 25% 25%, #ffa0dc80, transparent 40%), radial-gradient(circle at 50% 50%, #3c78ff4d, transparent 70%), linear-gradient(135deg, #54a1e1 0%, #00437c 60%, #80b5ff 100%);
+    }
+    transition: background 0.4s ease;
   }
 }
diff --git a/assets/stylesheets/template/layout/content.scss b/assets/stylesheets/template/layout/content.scss
index d190d30..0973c5f 100644
--- a/assets/stylesheets/template/layout/content.scss
+++ b/assets/stylesheets/template/layout/content.scss
@@ -1,6 +1,7 @@
 @charset "utf-8";
 
 @import "../initial";
+
 .titlecolor{
   background: radial-gradient(circle at 70% 80%, #00437c, transparent 60%), radial-gradient(circle at 25% 25%, #a0bfff80, transparent 40%), radial-gradient(circle at 50% 50%, #3c78ff4d, transparent 70%), linear-gradient(135deg, #00437c 0%, #00437c 60%, #80b5ff 100%)!important;
 }
@@ -24,7 +25,7 @@
   }
   p, .entry-content {
       // font-family: 'Droid Sans';
-      color: #737f85;
+      color: #576972;
       font-weight: 400;
       line-height: 25px;
       margin: 0;
diff --git a/assets/stylesheets/template/layout/header.scss b/assets/stylesheets/template/layout/header.scss
index e567038..5c59063 100644
--- a/assets/stylesheets/template/layout/header.scss
+++ b/assets/stylesheets/template/layout/header.scss
@@ -14,8 +14,8 @@ i.kenmenu-drop.fa-solid.fa-chevron-down {
   padding: 0.5em 0;
 }
 .header-nav {
-  display: flex !important;
-  flex-wrap: wrap;
+  // display: flex !important;
+  // flex-wrap: wrap;
   ul{
     padding: 0;
   }
@@ -65,9 +65,9 @@ i.kenmenu-drop.fa-solid.fa-chevron-down {
     padding:0;
     font-family: $main-font;
     text-transform:uppercase;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
+    // display: flex;
+    // align-items: center;
+    // justify-content: flex-end;
     ul{
       padding: 0;
     }
@@ -359,7 +359,7 @@ i.kenmenu-drop.fa-solid.fa-chevron-down {
 }
 .site-description{
       width: 100%;
-    color: #737f85;
+    color: #576972;
     font-size: 0.8em;
     font-weight: 400;
     line-height: 25px;
diff --git a/assets/stylesheets/template/modules/announcement.scss b/assets/stylesheets/template/modules/announcement.scss
index 0e72c73..36a17c7 100644
--- a/assets/stylesheets/template/modules/announcement.scss
+++ b/assets/stylesheets/template/modules/announcement.scss
@@ -1738,10 +1738,10 @@ behavior: url("/assets/ie_support/PIE2/PIE.htc");
     display: none;
   }
   a{
-    color: #737f85;
+    color: #576972;
   }
   .w-annc__postdate{
-    color: #737f85;
+    color: #576972;
   }
   .w-annc__title {
     font-family: $main-font;
@@ -1751,7 +1751,7 @@ behavior: url("/assets/ie_support/PIE2/PIE.htc");
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
-   color: #737f85;
+   color: #576972;
     font-size: 1.6em;
   }
   .w-annc__more { margin-top: 1.5em; }
@@ -2744,9 +2744,7 @@ behavior: url("/assets/ie_support/PIE2/PIE.htc");
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
-    overflow: hidden;
     text-overflow: ellipsis;
-    // clear: both;
   }
 
   .i-annc__title {
@@ -3272,7 +3270,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
     .s-annc__tag-wrap {
       .s-annc__tag {
         font-weight: normal;
-        background: radial-gradient(circle at 60% 90%, #dea797, transparent 60%), radial-gradient(circle at 10px 10px, #eb8467, transparent 25%), #ec6641;
+        background: radial-gradient(circle at 70% 80%, #00437c, transparent 60%), radial-gradient(circle at 25% 25%, rgba(160,191,255,0.501961), transparent 40%), radial-gradient(circle at 50% 50%, rgba(60,120,255,0.301961), transparent 70%), linear-gradient(135deg, #00437c 0%, #00437c 60%, #80b5ff 100%);
       }
     }
   }
diff --git a/assets/stylesheets/template/modules/hashtag.scss b/assets/stylesheets/template/modules/hashtag.scss
index cfdd4c8..629ca02 100644
--- a/assets/stylesheets/template/modules/hashtag.scss
+++ b/assets/stylesheets/template/modules/hashtag.scss
@@ -10,14 +10,14 @@ p.s-annc__post-orbithashtags{
 a.orbit-hash-tag {
     list-style: none;
     background: #e0edff;
-    color: #0a84ff;
+    color: #0066cc;
     margin-right: 0.5em;
     border-radius: 0.5em;
     padding: 0.2em 0.5em;
     margin-bottom: 0.5em;
     display: inline-block;
     &:hover{
-        background: #0a84ff;
+        background: #0066cc;
         transform: translatey(-2px);
         transition: transform 0.4s;
         color: #fff;
diff --git a/assets/stylesheets/template/modules/member.scss b/assets/stylesheets/template/modules/member.scss
index 346ca51..af22552 100644
--- a/assets/stylesheets/template/modules/member.scss
+++ b/assets/stylesheets/template/modules/member.scss
@@ -7,6 +7,10 @@
 //
 // Member Index
 // ## Gerneral styles for Index
+.i-member-pic-wrap-wrap{
+      display: flex;
+    justify-content: center;
+}
 .i-member-item{
   &:hover{
     .i-member-pic-wrap-outer{
@@ -728,7 +732,7 @@ tr.i-member-tr-head {
 
   .i-member-profile-list {
     @include list-reset;
-    color: #737f85;
+    color: #576972;
   }
 
   .i-member-profile-item {
diff --git a/assets/stylesheets/template/modules/web_resource.scss b/assets/stylesheets/template/modules/web_resource.scss
index 2ec802d..dbff8d8 100644
--- a/assets/stylesheets/template/modules/web_resource.scss
+++ b/assets/stylesheets/template/modules/web_resource.scss
@@ -55,7 +55,6 @@
   // 在 layout-content 下的樣式
   .cycle-carousel-wrap{
     @media(min-width: 769px){
-      display: flex;
       align-items: normal;
     }
     .liWrapper{
diff --git a/assets/stylesheets/template/template.scss b/assets/stylesheets/template/template.scss
index 618e33d..47954a5 100644
--- a/assets/stylesheets/template/template.scss
+++ b/assets/stylesheets/template/template.scss
@@ -914,7 +914,7 @@ hr{
   background-color: #c9c9c9!important;
 }
 .video_tablist a{
-      background-color: #a2a2a2!important;
+      background-color: #414141!important;
 }
 .modal-backdrop{
   z-index: 2;
@@ -923,7 +923,8 @@ hr{
   background-color: #c9c9c9!important;
 }
 .video_tablist a{
-  background-color: #a2a2a2!important;
+  background-color: #414141!important;
+  color: #fff!important;
 }
 .marqueeken {
     width: 100vw;
diff --git a/modules/member/member_index2.html.erb b/modules/member/member_index2.html.erb
index 01a79dd..26be540 100644
--- a/modules/member/member_index2.html.erb
+++ b/modules/member/member_index2.html.erb
@@ -7,9 +7,11 @@
         <div class="i-member-list" data-level="2" data-list="members">
           <div class="i-member-item row">
             <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}}">
+              <div class="i-member-pic-wrap-wrap col-sm-3">
+                <a href="{{link_to_show}}" title="(在本視窗開啟)" target="_self">
+                <div class="i-member-pic-wrap">
+				          <img class="i-member-pic img-thumbnail" src="{{image}}" alt="{{name}}">
+                </div>
                 </a>
               </div>
               <div class="i-member-profile-data-wrap col-sm-9">
diff --git a/modules/video_pro/video_pro_index2.html.erb b/modules/video_pro/video_pro_index2.html.erb
index 7c156fd..ada8c55 100644
--- a/modules/video_pro/video_pro_index2.html.erb
+++ b/modules/video_pro/video_pro_index2.html.erb
@@ -99,7 +99,7 @@
       height: 100%;
     }
     .search_input input[type=submit] {
-      background: url(/assets/video_pro/search_btn.png) center center no-repeat #c9c9c9;
+      background: url(/assets/video_pro/search_btn.png) center center no-repeat #757575;
       font-size: 0;
     }
     .video_tablist {
diff --git a/modules/video_pro/video_pro_index2_tag.html.erb b/modules/video_pro/video_pro_index2_tag.html.erb
index 10e6210..8a2a04b 100644
--- a/modules/video_pro/video_pro_index2_tag.html.erb
+++ b/modules/video_pro/video_pro_index2_tag.html.erb
@@ -99,7 +99,7 @@
       height: 100%;
     }
     .search_input input[type=submit] {
-      background: url(/assets/video_pro/search_btn.png) center center no-repeat #c9c9c9;
+      background: url(/assets/video_pro/search_btn.png) center center no-repeat #757575;
       font-size: 0;
     }
     .video_tablist {
diff --git a/modules/video_pro/video_pro_index4.html.erb b/modules/video_pro/video_pro_index4.html.erb
index 0810517..2032fa3 100644
--- a/modules/video_pro/video_pro_index4.html.erb
+++ b/modules/video_pro/video_pro_index4.html.erb
@@ -86,7 +86,7 @@
       height: 100%;
     }
     .search_input input[type=submit] {
-      background: url(/assets/video_pro/search_btn.png) center center no-repeat #c9c9c9;
+      background: url(/assets/video_pro/search_btn.png) center center no-repeat #757575;
       font-size: 0;
     }
     .video_tablist {
diff --git a/modules/web_resource/_web_res_widget5.html.erb b/modules/web_resource/_web_res_widget5.html.erb
index af23e36..f4e23e6 100644
--- a/modules/web_resource/_web_res_widget5.html.erb
+++ b/modules/web_resource/_web_res_widget5.html.erb
@@ -5,7 +5,7 @@
     </h2>
   </div>
   <div class="widget-link_wrapper">
-	  <div class="cycle-slideshow widget-content" style="margin: 0em 3.125em;"
+	  <div class="cycle-slideshow widget-content" 
 	    data-level="0" data-list="web_link" data-cycle-slides="> li"
 	    data-cycle-fx="carousel" data-cycle-timeout="0" data-cycle-carousel-visible="5"
       data-cycle-carousel-rwd-json="{768: 1}"
diff --git a/modules/web_resource/_web_res_widget6.html.erb b/modules/web_resource/_web_res_widget6.html.erb
index c10e9c1..cbe0cf1 100644
--- a/modules/web_resource/_web_res_widget6.html.erb
+++ b/modules/web_resource/_web_res_widget6.html.erb
@@ -5,7 +5,7 @@
     </h2>
   </div>
   <div class="widget-link_wrapper">
-	  <div class="cycle-slideshow widget-content" style="margin: 0em 3.125em;"
+	  <div class="cycle-slideshow widget-content" 
 	    data-level="0" data-list="web_link" data-cycle-slides="> li"
 	    data-cycle-fx="carousel" data-cycle-timeout="0" data-cycle-carousel-visible="4"
       data-cycle-carousel-rwd-json="{768: 1}"