Improve accessibility

2021-05-05 13:48:59 +02:00
parent 502a94beb6
commit 2eba23149d
9 changed files with 41 additions and 18 deletions
--- a/_sass/klise/_base.scss
+++ b/_sass/klise/_base.scss
@@ -243,6 +243,14 @@ a {
  }
 }

+// Focusable Elements (e.g. via tabindex)
+.focusable {
+  &:focus {
+    outline: 3px solid rgba(0, 54, 199, 0.6);
+    outline-offset: 2px;
+  }
+}
+
 // Del
 del {
  color: inherit;
--- a/_sass/klise/_layout.scss
+++ b/_sass/klise/_layout.scss
@@ -91,7 +91,6 @@
    &.menu-img {
      position: relative;
      bottom: -3px;
-      outline: none;
    }

    @include media-query($on-mobile) {