diff --git a/config/locales/en.yml b/config/locales/en.yml
index 9dc50bc..8de140e 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -39,6 +39,10 @@ en:
     order_images: Order Images
     save_changes: Save Changes
     close: Close
+    resume: Resume
+    pause: Pause
+    prev: Prev
+    next: Next
   video: Video
   new_image:  New Image or Video
   youtube: youtube embed URL
diff --git a/config/locales/zh_tw.yml b/config/locales/zh_tw.yml
index ec5652e..4672734 100644
--- a/config/locales/zh_tw.yml
+++ b/config/locales/zh_tw.yml
@@ -36,6 +36,10 @@ zh_tw:
     order_images: 圖片順序
     save_changes: 儲存變更
     close: 取消
+    resume: 繼續播放
+    pause: 暫停播放
+    prev: 上一張
+    next: 下一張
   video: 影片
   new_image:  新增圖片 或 影片
   youtube: youtube網址嵌入
diff --git a/modules/ad_banner/_ad_banner_widget1.html.erb b/modules/ad_banner/_ad_banner_widget1.html.erb
index 8c32071..782713f 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("resume") %>"><i aria-hidden="true" aria-label="<%= I18n.t("resume") %>"></i></a><a href="javascript:;" class="pause-slide" title="<%= I18n.t("pause") %>"><i aria-hidden="true" aria-label="<%= I18n.t("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("prev") %>"></i>
+    <i class="fa fa-angle-right next-button" aria-hidden="true" aria-label="<%= I18n.t("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 95ec2a7..fd176ac 100644
--- a/modules/ad_banner/_ad_banner_widget2_video.html.erb
+++ b/modules/ad_banner/_ad_banner_widget2_video.html.erb
@@ -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("resume") %>"><i aria-hidden="true" aria-label="<%= I18n.t("resume") %>"></i></a><a href="javascript:;" class="pause-slide" title="<%= I18n.t("pause") %>"><i aria-hidden="true" aria-label="<%= I18n.t("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("prev") %>"></i>
+      <i class="fa fa-angle-right next-button" aria-hidden="true" aria-label="<%= I18n.t("next") %>"></i>
     </ul>
   </div>
 </div>