Accessibility tweaks/Release v1.3.7 (#481)

* Fix footer general link focus

* Fix action button styles.

* Run build

* Update version

* Run build

Author: Blake Morgan

components/byu-footer-action-button/byu-footer-action-button-common.scss

@@ -45,8 +45,12 @@
     text-decoration: none !important;
 }
 
+@mixin footerActionButtonSlottedLinkFocus() {
+    outline: solid 2px white !important;
+}
+
 @mixin mobileFooterActionButton() {
     padding: 6.5px 0;
     font-size: 11px;
     line-height: 13px;
-}
+}

components/byu-footer-action-button/byu-footer-action-button-extras.scss

@@ -13,4 +13,8 @@ byu-footer-action-button:not(.byu-component-rendered) > * {
 //byu-footer-action-button:not(:defined) a {
 byu-footer-action-button:not(.byu-component-rendered) a {
     @include footerActionButtonSlottedLink();
-}
+}
+
+byu-footer-action-button:not(.byu-component-rendered) a:focus {
+    @include footerActionButtonSlottedLinkFocus();
+}

components/byu-footer-action-button/byu-footer-action-button.scss

@@ -21,4 +21,8 @@
 
 .wrapper ::slotted(a) {
     @include footerActionButtonSlottedLink();
-}
+}
+
+.wrapper ::slotted(a:focus) {
+    @include footerActionButtonSlottedLinkFocus();
+}

components/byu-footer-column/byu-footer-column-common.scss

@@ -72,3 +72,7 @@
 @mixin defaultContentLinkHover() {
     color: $navy !important;
 }
+
+@mixin defaultContentLinkFocus() {
+    outline: solid 2px $royal !important;
+}

components/byu-footer-column/byu-footer-column-extras.scss

@@ -26,6 +26,10 @@ byu-footer-column:not(.byu-component-rendered) {
     #defaultContent a:hover {
         @include defaultContentLinkHover();
     }
+
+    #defaultContent a:focus {
+        @include defaultContentLinkFocus();
+    }
 }
 
 byu-footer-column:not(.byu-component-rendered) [slot="header"] {
@@ -56,6 +60,10 @@ byu-footer-column a:hover {
     @include defaultContentLinkHover();
 }
 
+byu-footer-column a:focus {
+    @include defaultContentLinkFocus();
+}
+
 @media (max-width: 1024px) {
     byu-footer-column a {
         @include mobileContentLink();
@@ -80,4 +88,4 @@ byu-footer-column a:hover {
         font-size: 12px !important;
     }
 
-}
+}

components/byu-footer-column/byu-footer-column.scss

@@ -38,6 +38,10 @@
   @include defaultContentLinkHover();
 }
 
+.content ::slotted(a:focus) {
+  @include defaultContentLinkFocus();
+}
+
 .content > a {
   @include defaultContentLink();
 }
@@ -50,14 +54,17 @@
   @include defaultContentLinkHover();
 }
 
+.content > a:focus {
+  @include defaultContentLinkFocus();
+}
+
 @media (max-width: 1024px) {
   .content {
     ::slotted(:not(byu-footer-action-button)) {
       @include mobileContentNotButton();
     }
-    
-  } 
+  }
   .header ::slotted(*) {
     @include mobileHeaderSlotted();
-  }  
+  }
 }