diff --git a/modules/ad_banner/_ad_banner_widget1.html.erb b/modules/ad_banner/_ad_banner_widget1.html.erb
index 8c32071..d36c7de 100644
--- a/modules/ad_banner/_ad_banner_widget1.html.erb
+++ b/modules/ad_banner/_ad_banner_widget1.html.erb
@@ -32,10 +32,10 @@
     <div class="w-ad-banner__pager-1 w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}" data-list="images" data-level="0">
       <li><button title="Slide {{slide_number}}"><span style="display: none;">Slide {{slide_number}}</span></button></li>
     </div>
-    <ul class="controlplay"><a class="resume-slide active" title = "<%= (I18n.locale.to_s =="zh_tw") ? "繼續播放" : "resume" %>"><i></i></a><a class="pause-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "暫停播放" : "pause"%>"><i></i></a></ul>
+    <ul class="controlplay"><a href="javascript:;" class="resume-slide active" title="<%= I18n.t("ad_banner.resume") %>"><i aria-hidden="true" aria-label="<%= I18n.t("ad_banner.resume") %>"></i></a><a href="javascript:;" class="pause-slide" title="<%= I18n.t("ad_banner.pause") %>"><i aria-hidden="true" aria-label="<%= I18n.t("ad_banner.pause") %>"></i></a></ul>
   <ul class="button-mid">
-    <i class="fa fa-angle-left prev-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>"></i>
-    <i class="fa fa-angle-right next-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>"></i>
+    <i class="fa fa-angle-left prev-button" aria-hidden="true" aria-label="<%= I18n.t("ad_banner.prev") %>"></i>
+    <i class="fa fa-angle-right next-button" aria-hidden="true" aria-label="<%= I18n.t("ad_banner.next") %>"></i>
   </ul>
 </div>
 <script>
diff --git a/modules/ad_banner/_ad_banner_widget2_video.html.erb b/modules/ad_banner/_ad_banner_widget2_video.html.erb
index b679956..6601e53 100644
--- a/modules/ad_banner/_ad_banner_widget2_video.html.erb
+++ b/modules/ad_banner/_ad_banner_widget2_video.html.erb
@@ -11,7 +11,7 @@
       data-cycle-timeout="{{timeout}}"
       data-cycle-fx="{{ad_fx}}"
       data-pager=".banner_caption_{{subpart-id}}"
-      data-pager-template="<li><button></button></li>"
+      data-pager-template="<li><button title='pager'></button></li>"
       data-pager-active-class="active-slide"
       data-cycle-youtube="true"
       data-cycle-youtube-autostart="false"
@@ -26,10 +26,10 @@
   </div>
   <div class="ad-overlay w-ad-banner__overlay_{{subpart-id}}"></div>
     <div class="w-ba-banner__caption w-ad-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></div>
-    <ul class="controlplay"><a class="resume-slide active" title = "<%= (I18n.locale.to_s =="zh_tw") ? "繼續播放" : "resume" %>"><i></i></a><a class="pause-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "暫停播放" : "pause"%>"><i></i></a></ul>
+    <ul class="controlplay"><a href="javascript:;" class="resume-slide active" title="<%= I18n.t("ad_banner.resume") %>"><i aria-hidden="true" aria-label="<%= I18n.t("ad_banner.resume") %>"></i></a><a href="javascript:;" class="pause-slide" title="<%= I18n.t("ad_banner.pause") %>"><i aria-hidden="true" aria-label="<%= I18n.t("ad_banner.pause") %>"></i></a></ul>
     <ul class="button-mid">
-      <i class="fa fa-angle-left prev-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>"></i>
-      <i class="fa fa-angle-right next-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>"></i>
+      <i class="fa fa-angle-left prev-button" aria-hidden="true" aria-label="<%= I18n.t("ad_banner.prev") %>"></i>
+      <i class="fa fa-angle-right next-button" aria-hidden="true" aria-label="<%= I18n.t("ad_banner.next") %>"></i>
     </ul>
   </div>
 </div>
@@ -46,9 +46,9 @@
     }else{
       var audio_div;
       if ($self.hasClass('have-audio')){
-        audio_div = $('<div class="jarallax-video-audio"><i class="fas fa-volume-up"></i></div>');
+        audio_div = $('<button title="<%= I18n.t("ad_banner.muted") %>" class="jarallax-video-audio"><i class="fas fa-volume-up"></i></button>');
       }else{
-        audio_div = $('<div class="jarallax-video-audio"><i class="fas fa-volume-mute"></i></div>');
+        audio_div = $('<button title="<%= I18n.t("ad_banner.unmuted") %>" class="jarallax-video-audio"><i class="fas fa-volume-mute"></i></button>');
       }
       audio_div.click(function(event) {
         var currentTime = new Date();
@@ -249,7 +249,7 @@ if (typeof onYouTubeIframeAPIReady !== 'function'){
       top: 50%;
     }
   }
-  .jarallax-video-audio:hover{
+  .jarallax-video-audio:hover,.jarallax-video-audio:focus{
     color: #FFC500;
     transition: all 0.6s ease;
   }