Improve frontend accessibility

In particular checkboxes, likes/dislikes, share button, video thumbnails
and help buttons

1 files changed, 5 insertions, 5 deletions

diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 9f8346950..3d518394a 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -240,7 +240,7 @@
 @mixin peertube-checkbox ($border-width) {
   display: none;
 
-  & + label {
+  & + span {
     position: relative;
     width: 18px;
     height: 18px;
@@ -263,7 +263,7 @@
     }
   }
 
-  &:checked + label {
+  &:checked + span {
     border-color: transparent;
     background: $orange-color;
     animation: jelly 0.6s ease;
@@ -274,7 +274,7 @@
     }
   }
 
-  & + label + label {
+  & + span + span {
     font-size: 15px;
     font-weight: $font-regular;
     margin-left: 5px;
@@ -282,8 +282,8 @@
     display: inline;
   }
 
-  &[disabled] + label,
-  &[disabled] + label + label{
+  &[disabled] + span,
+  &[disabled] + span + span{
     opacity: 0.5;
     cursor: default;
   }