update

assets/javascripts/app.js

@@ -870,7 +870,7 @@
                     var isLinkImage = $parentA.length > 0 && $parentA.text().replace(/\u00a0/g, '').trim() === "";
 
                     // --- 1. 處理「裝飾性圖片」標註 ---
-                    if (currentAlt === "announcement image" || currentAlt === "裝飾圖片" || currentTitle === "裝飾圖片" || currentAlt === "這是一張圖片" || currentTitle === "這是一張圖片") {
+                    if (currentAlt === "announcement image" || currentAlt === "裝飾圖片" || currentTitle === "裝飾圖片" || currentAlt === "這是一張圖片" || currentTitle === "這是一張圖片"||currentAlt === "This is a image" ||currentTitle === "This is a image"){
                         $img.attr('alt', '');
                         $img.removeAttr('title');
                         return; 
@@ -2290,7 +2290,7 @@ $(document).ready(function() {
     if ($(window).width() <769) {
        $('.modules-menu-level-0').after($('.header-nav'));
     }else{
-      $('.outdropdowns').before($('.header-nav'));
+      $('.navbar-header').after($('.header-nav'));
     };
     $('.sitemenu-vertical .sitemenu-dropdown-toggle').click(function(){
       $('.sitemenu-vertical .dropdown-menu').slideToggle();
@@ -2355,10 +2355,9 @@ $(document).ready(function() {
     });
     $(window).resize(function() {
       if ($(window).width() <769) {
-
          $('.modules-menu-level-0').after($('.header-nav'));
       }else{
-        $('.outdropdowns').before($('.header-nav'));
+        $('.navbar-header').after($('.header-nav'));
       };
 
       if ($(window).width() > 821) {
@@ -3012,6 +3011,11 @@ $(document).ready(function () {
     fixSortLinkA11y();
     fixSearchInputA11y();
   }, 500);
+});
+$(function() {
+  $('[accesskey="U"], [accesskey="W"]').each(function() {
+    this.style.removeProperty('color');
+  });
 });
   // 執行 member等高計算，目前改用flexbox故mark掉 by ika 20160105
   // $(window).load(function() {

assets/stylesheets/template/base/_accesskey.scss

@@ -1,7 +1,7 @@
 @charset "utf-8";
 
 a[accesskey] {
-  position: absolute;
+  position: relative;
   margin-left: -0.9375em;
   color: transparent ;
 }

assets/stylesheets/template/layout/header.scss

@@ -1,6 +1,12 @@
 @charset "utf-8";
 
 @import "../initial";
+li#language-li {
+  @media(max-width:767px){
+    display: none !important;
+  }
+
+}
 .fc-cal-date-selected-fusion {
   font-size: 1em!important;
 }
@@ -21,7 +27,14 @@
   ul{
     padding: 0;
   }
-  @media(max-width: 769px){
+  a{
+    color: #fff;
+     @media(max-width: 768px){
+color: #333;
+    padding: 0.5em;
+     }
+  }
+  @media(max-width: 768px){
     ul{
        display: flex!important;
        flex-wrap: wrap;

home/header.html.erb

@@ -18,10 +18,7 @@
   <div class="cover"></div>
 </div>
 <header class="navbar layout-header no-print" role="navigation">
-  <div class="header-nav no-print">
+
-    <a id="accesskey_top" accesskey="U" title="accesskey top" href="#" title="Toolbar">:::</a>
-      {{header-data}}
-  </div>
   <div class="outdropdowns kenjohn">
   <div class="dropdowns">
     <div class="navbar-header">
@@ -34,7 +31,11 @@
           <span class="icon-bar icon-bar-middle"></span>
           <span class="icon-bar icon-bar-bottom"></span>
         </button>
-      </div>
+    </div>
+    <div class="header-nav no-print">
+      <a id="accesskey_top" accesskey="U" title="accesskey top" href="#" title="Toolbar">:::</a>
+        {{header-data}}
+    </div>
     <div class="collapse navbar-collapse modules-menu" id="layout-navigation">
     <a id="accesskey_menu" title="accesskey menu" accesskey="M" href="#" title="Main menu">:::</a>
       <%= render_menu %>