20241105 B_3 無障礙調整

B_3/js/customize.js

@@ -355,11 +355,11 @@ $(function() {
             }
         }]
     });
-    $('.cp_slider').slickLightbox({
-        caption: 'caption',
-        useHistoryApi: 'true',
-        lazy: true
-    });
+    // $('.cp_slider').slickLightbox({
+    //     caption: 'caption',
+    //     useHistoryApi: 'true',
+    //     lazy: true
+    // });
     // 垂直圖片輪播
     $('.vertical_picture_link ul').slick({
         dots: false,

B_3/js/hyui.js

@@ -41,8 +41,9 @@ $(function() {
     ////////////// 行動版選單切換////////////
     /*-----------------------------------*/
     // _body.prepend('<aside class="sidebar"><div class="m_area"><button type="button" class="sidebarClose">關閉</button></div><div class="menu_overlay"></div></aside>');
-    $('header .container').prepend('<button type="button" class="sidebarCtrl">側欄選單</button><button type="button" class="searchCtrl">查詢</button>');
+    $('header .container').prepend('<button type="button" class="sidebarCtrl" aria-haspopup="true" aria-expanded="false">側欄選單</button><button type="button" class="searchCtrl">查詢</button>');
     $('header .container .sidebarCtrl').after('<aside class="sidebar"><div class="m_area"><button type="button" class="sidebarClose">關閉</button></div><div class="menu_overlay"></div></aside>');
+    $('header .container .searchCtrl').insertAfter('h1');
     var menu_status = false;
     var _sidebar = $('.sidebar'),
     _search = $('.search'),
@@ -620,4 +621,5 @@ $(function() {
     });
     $('.goCenter').removeAttr('tabindex');
     $('#aU').removeAttr('tabindex');
+
 });

B_3/js/hyuiEn.js

@@ -41,8 +41,9 @@ $(function() {
     ////////////// 行動版選單切換////////////
     /*-----------------------------------*/
     // _body.prepend('<aside class="sidebar"><div class="m_area"><button type="button" class="sidebarClose">關閉</button></div><div class="menu_overlay"></div></aside>');
-    $('header .container').prepend('<button type="button" class="sidebarCtrl">側欄選單</button><button type="button" class="searchCtrl">search</button>');
+    $('header .container').prepend('<button type="button" class="sidebarCtrl" aria-haspopup="true" aria-expanded="false">側欄選單</button><button type="button" class="searchCtrl">search</button>');
     $('header .container .sidebarCtrl').after('<aside class="sidebar"><div class="m_area"><button type="button" class="sidebarClose">關閉</button></div><div class="menu_overlay"></div></aside>');
+    $('header .container .searchCtrl').insertAfter('h1');
     var menu_status = false;
     var _sidebar = $('.sidebar'),
     _search = $('.search'),

B_3/sass/page/_template.scss

@@ -82,9 +82,9 @@ body {
     }
     >.container {
         @include gutter(0); //gutter 代表左右要留白
-                @include screen('mobile') {
-                    @include gutter();
-                }
+        @include screen('mobile') {
+            @include gutter();
+        }
 
     }
 }
@@ -249,6 +249,7 @@ body {
         position: relative;
         padding-left: .8em;
         padding-right: .8em;
+        text-align: left;
         @include screen('mobile') {
             padding-right: .8em;
         }

B_3/sass/sass/_header.scss

@@ -81,6 +81,10 @@
                     top: 65%;
                 }
             }
+            &:focus-visible{
+                box-shadow: 0 0px 0px 2px $aFocusBoxline inset;
+                background: $aFocusBg!important;
+            }
         }
         // search
         button {
@@ -95,6 +99,9 @@
             height: 60px;
             background: $aHover;
             border-radius: 0 !important;
+            &:focus-visible{
+                border: solid 2px $aFocusBoxline;
+            }
             &:before {
                 width: 40px;
                 height: 40px;

B_3/sass/sass/_slick.scss

@@ -62,7 +62,7 @@
     .imgOuter {
         margin: 0px 15px;
         @include aspect-ratio(4, 3);
-        height: 200px;
+        // height: 200px;
         overflow: hidden;
         img {
             vertical-align: middle;
@@ -131,6 +131,7 @@
                 z-index: 1;
                 top: 0;
                 left: 0;
+                bottom:0;
             }
         }
     }

B_3/sass/sass/_typography.scss

@@ -78,10 +78,17 @@ $grid-background-baseline-color: rgba(187, 187, 187, 0.4);
     }
     img {
         max-width: 100%;
-       @include screen('mobile') {
+        @include screen('mobile') {
             max-width: 100%;
             width: auto;
             clear: both;
         }
     }
+    table{
+        th{
+            background: #666;
+            color:#fff;
+            white-space: normal;
+        }
+    }
 }

B_3/vendor/fancybox/LICENSE.md

@@ -0,0 +1,8 @@
+Copyright (c)2008-present Jānis Skarnelis.
+
+Portions of this software are licensed as follows:
+
+- All content residing under the "docs/" directory of this repository is licensed under "Creative Commons: CC BY-SA 4.0 license".
+- Content outside of the above mentioned directory is licensed under the Fancyapps UI license. To use this software, you need to agree to the "License Agreement" for Fancyapps UI.
+
+All available Fancyapps licenses may be obtained at http://www.fancyapps.com/pricing.