diff --git a/assets/javascripts/app.js b/assets/javascripts/app.js index 3278c4b..2ae2703 100644 --- a/assets/javascripts/app.js +++ b/assets/javascripts/app.js @@ -3794,7 +3794,8 @@ $(function() { function syncPagerPressed($banner) { $banner.find('.banner-pager button').each(function() { var $btn = $(this); - $btn.attr('aria-pressed', $btn.hasClass('active-slide') ? 'true' : 'false'); + var isActive = $btn.closest('li').hasClass('active-slide'); + $btn.attr('aria-pressed', isActive ? 'true' : 'false'); }); } diff --git a/assets/stylesheets/template/layout/content.scss b/assets/stylesheets/template/layout/content.scss index cee18bc..1c5e3f6 100644 --- a/assets/stylesheets/template/layout/content.scss +++ b/assets/stylesheets/template/layout/content.scss @@ -1,7 +1,7 @@ @charset "utf-8"; @import "../initial"; -.accessibility_mode a:focus{ +.accessibility_mode.accessibility_mode a:focus{ outline: 0.3125em auto $theme-color-second !important; } .line-it-button{ diff --git a/assets/stylesheets/template/layout/header.scss b/assets/stylesheets/template/layout/header.scss index cc97dd2..05787a9 100644 --- a/assets/stylesheets/template/layout/header.scss +++ b/assets/stylesheets/template/layout/header.scss @@ -134,9 +134,9 @@ padding: 0; } } -.accessibility_mode a:focus{ +.accessibility_mode.accessibility_mode a:focus{ outline: 0.1em solid !important; - outline: 0.3125em auto -webkit-focus-ring-color !important; + outline: 0.3125em auto $theme-color-second!important; } .layout-header { width: 100%;