Adding focus for the header button for accessibility

niteshsyngenta11 · niteshsyngenta11 · commit 6a9faa921976 · 2025-05-08T12:55:57.000+05:30
diff --git a/docroot/themes/custom/govcon/components/organisms/header/header.scss b/docroot/themes/custom/govcon/components/organisms/header/header.scss
@@ -39,10 +39,11 @@ header {
 
     .header__menu:not(.open) {
       a.button.secondary {
-        box-shadow: inset $button-offset $button-offset 0px rgb(169 187 203), $button-offset $button-offset 0px color.$secondary;
+        box-shadow: inset $button-offset $button-offset 0 rgb(169 187 203), $button-offset $button-offset 0 color.$secondary;
 
-        &:hover {
-          box-shadow: inset 0px 0px;
+        &:hover,
+        &:focus {
+          box-shadow: inset 0 0;
         }
       }
     }

Original file line number	Diff line number	Diff line change
`@@ -39,10 +39,11 @@ header {`
`39`	`39`
`40`	`40`	`.header__menu:not(.open) {`
`41`	`41`	`a.button.secondary {`
`42`		`- box-shadow: inset $button-offset $button-offset 0px rgb(169 187 203), $button-offset $button-offset 0px color.$secondary;`
	`42`	`+ box-shadow: inset $button-offset $button-offset 0 rgb(169 187 203), $button-offset $button-offset 0 color.$secondary;`
`43`	`43`
`44`		`- &:hover {`
`45`		`- box-shadow: inset 0px 0px;`
	`44`	`+ &:hover,`
	`45`	`+ &:focus {`
	`46`	`+ box-shadow: inset 0 0;`
`46`	`47`	`}`
`47`	`48`	`}`
`48`	`49`	`}`