fix: added focus style for skiplinks for a11y

RedTurtle · Jan 9, 2024 · f528ad3 · f528ad3
1 parent b39ab1f
commit f528ad3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/theme/bootstrap-override/_bootstrap-italia-site.scss b/theme/bootstrap-override/_bootstrap-italia-site.scss
@@ -180,5 +180,6 @@
 
   // gestione dei focus
   @import 'bootstrap-italia/src/scss/utilities/focus';
+  @import './bootstrap-italia/focus';
   @import 'bootstrap-italia/src/scss/utilities/icons';
 }
diff --git a/theme/bootstrap-override/bootstrap-italia/_focus.scss b/theme/bootstrap-override/bootstrap-italia/_focus.scss
@@ -0,0 +1,3 @@
+.skiplinks .sr-only-focusable:focus {
+  border: 2px solid $focus-outline-color;
+}