fix: a11y focus cms-ui

RedTurtle · Dec 16, 2024 · 8a3ea30 · 8a3ea30
1 parent 57589e3
commit 8a3ea30
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/RELEASE.md b/RELEASE.md
@@ -41,6 +41,12 @@
 - ...
  -->
 
+## Versione xxx (xx/xx/xxxx)
+
+### Migliorie
+
+- sistemata l'accessibilità riguardante il focus lato operatore.
+
 ## Versione 11.25.3 (12/12/2024)
 
 ### Migliorie

diff --git a/src/theme/ItaliaTheme/_main.scss b/src/theme/ItaliaTheme/_main.scss
@@ -157,6 +157,10 @@ iframe {
 //   margin-right: 0.5rem;
 // }
 
+svg.external-link {
+  fill: currentColor;
+}
+
 .slate-editor-link {
   clear: both;
 

diff --git a/src/theme/_cms-ui.scss b/src/theme/_cms-ui.scss
@@ -4,6 +4,14 @@ body.cms-ui {
   font-size: 16px;
   line-height: 1.5;
 
+  :focus:not(.focus--mouse),
+  input[type='checkbox']:focus + label:before {
+    outline: 2px solid #000 !important;
+    outline-offset: 2px;
+    border: none !important;
+    box-shadow: 0 0 0 2px #fff !important;
+  }
+
   @include media-breakpoint-up(sm) {
     font-size: 18px;
     line-height: 1.555;