fix(a11y): leverage native :focus-visible in CSS

2023-03-11 21:15:32 +11:00
parent e17d0220c0
commit 0202e8efb0
22 changed files with 39 additions and 136 deletions
--- a/src/sass/components/sliders.scss
+++ b/src/sass/components/sliders.scss
@ -83,17 +83,17 @@
    outline: 0;
  }

-  &.plyr__tab-focus {
+  &:focus-visible {
    &::-webkit-slider-runnable-track {
-      @include plyr-tab-focus;
+      @include plyr-focus-visible;
    }

    &::-moz-range-track {
-      @include plyr-tab-focus;
+      @include plyr-focus-visible;
    }

    &::-ms-track {
-      @include plyr-tab-focus;
+      @include plyr-focus-visible;
    }
  }
 }