fix(a11y): Focus outline overlapping with breadcrumbs separator (#19243)

SAP · Oct 1, 2024 · 3354a79 · 3354a79
1 parent ed6700b
commit 3354a79
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/projects/storefrontstyles/scss/components/content/navigation/_breadcrumb.scss b/projects/storefrontstyles/scss/components/content/navigation/_breadcrumb.scss
@@ -74,6 +74,11 @@ html[dir='rtl'] cx-breadcrumb nav span:not(:last-child):after {
 
           @include forFeature('a11yImproveContrast') {
             color: var(--cx-color-primary);
+
+            &:focus {
+              outline-offset: -4px;
+              box-shadow: inset 0 0 0 2px var(--cx-color-inverse);
+            }
           }
         }
       }